워드프레스로 웹 페이지 만들기 - about 페이지

워드프레스로 비즈니스 웹 사이트를 만들어 보겠습니다. About 페이지를 만들텐데, About 페이지가 포함해야 할 요소들은 무엇이 있는지 먼저 살펴 보겠습니다.

About 페이지가 포함해야 할 요소

• 배경 -> 왜 이 비즈니스를 시작했는지 설명해 주는게 좋습니다.

• 개성 -> 자신의 진짜 이름을 사용해야 됩니다. 별명 or 가명을 사용하거나 실명을 사용하지 않으면 신뢰가 떨어집니다.

• 차별화 -> 세상에는 너무나 많은 상품과 서비스가 넘쳐나고 있습니다. 그렇기때문에 내 비즈니스 상품과 서비스는 어떤 차이가 있는지를 설명해 줄 수 있어야 합니다.

• 사례 제공 -> 상품과 서비스로 사용자의 삶을 향상시킨 사례를 제공하여 어떤식으로 도울수 있는지도 설명할 수 있어야 합니다.

위에서 제시한 내용들을 포함해서 About 페이지를 구성하는게 좋습니다. 아래는 외국 사이트이지만 About 페이지의 좋은 예라고 생각되는 샘플을 참고하면 이해가 빠를 것 입니다.

 

About 페이지 예제 사이트

mailchimp	chrisbrogan	woocommerce

About 페이지를 작성하는데 도움되는 질문을 정리해 보면,

• 어떻게 비지니스를 시작하게 됐는가?

• 어디에서 아이디어를 얻었는가?

• 당신의 교육 또는 직업 배경은 무엇인가?

• 무엇이 당신에게 동기부여를 하는가?

• 현재 사용하는 상품과 서비스의 잘못된 관행은 무엇인가?

이 질문들에 대한 답을 할 수 있으면 쉽게 About 페이지를 작성할 수 있을것 입니다.

 

About 페이지 만들기 및 편집기 설명

저는 워드프레스에서 제공하는 Accelerate 테마를 가지고 블로그용으로 웹 사이트를 만드는 것이기 때문에 앞서 설명한 이론적인 내용은 생략하고 워드프레스의 기능적인 사용법 위주로 설명하겠습니다.

 

워드프레스 관리자 화면에서 About 페이지를 작성하기 위해서 '페이지 < 새 페이지 추가' 로 들어갑니다. 제목 입력란에 저는 'About' 이라고 입력 하겠습니다. 그리고 페이지의 내용을 작성합니다.

편집기의 내용중에 '툴바토글'이라고 있는데 이것을 클릭하면 좀 더 많은 에디터의 추가 기능들을 사용할 수 있습니다.

상단 탭에서 '텍스트' 탭은 HTML을 말하는 것인데 HTML 소스를 이용할 경우 이 탭을 눌러서 수정이나 편집을 할 수 있습니다. 일반적으로는 '비주얼' 탭으로 작성하면 됩니다.

고유주소도 편집 버튼을 눌러서 편집 할 수 있습니다.

우측 상단에 보면 '화면 옵션' 버튼이 있는데 이것을 눌러서 설정을 변경 할 수도 있습니다. '토론' 부분은 블로그의 경우 댓글을 달 수 있게 합니다. 페이지 같은 경우는 달 수 없게 설정 합니다. 워드프레스 처음 설정때 기본으로 댓글을 달 수 없게 설정했습니다. 

'화면 옵션'에서 '토론' 메뉴를 체크해 주면, 아래 부분의 토론 메뉴 상자에서 현재 댓글과 트랙백과 핑백을 허용 안하게 되어 있습니다. 하지만 나중에 글을 작성할 때는 '토론' 메뉴를 선택해서 댓글과 트랙백과 핑백을 체크해서 허용할 수도 있습니다.

 

오른쪽 사이드바에서 Select Layout 을 보면 현재 레이아웃은 Default Layout 으로 되어 있습니다. 하지만 원하는 옵션으로 레이아웃 설정을 변경할 수도 있습니다. 예를들어 이 페이지에서 오른쪽과 왼쪽에 사이드바를 넣을수도 있고, 사이드바 없이 풀 넓이(full width)로 레이아웃을 지정 할 수도 있습니다.

 

이렇게 페이지를 작성하고 '공개하기' 버튼을 누릅니다.

 

'변경 내용 미리보기'를 눌러보면 지금 만든 About 페이지를 확인 할 수 있습니다.

 

 

About 페이지에 이미지 및 갤러리 추가하기

 

페이지에서 About 페이지의 편집으로 들어갑니다.

 

우측 하단에 보면 '특성 이미지' 가 보이는데 여기서 '특성 이미지 설정'을 눌러서 들어갑니다.

 

'파일 업로드' 탭에서 '파일을 선택하세요'를 클릭 해주면 윈도우 창이 뜹니다. 여기서 내 컴퓨터에서 이미지를 찾아서 선택 해 줍니다.

 

이렇게 특성 이미지를 선택하면 가로와 세로의 크기가 보입니다. 중요한것은 '대체 텍스트' 인데 이것을 작성해 주는 것이 검색엔진에 매우 유리합니다. 그렇기 때문에 꼭 써주는게 좋습니다. '특성 이미지 설정' 버튼을 누르고 빠져 나옵니다.

 

특성 이미지가 설정 된 것을 확인할 수 있습니다.

 

이번엔 글을 작성한 about 페이지 내용 중에서 상단 좌측에 이미지를 넣어 보겠습니다.

 

미디어 추가 버튼을 누릅니다.

 

파일 업로드 탭을 눌러서 내 컴퓨터에서 이미지를 찾아서 선택 해 줍니다. 앞서 설명대로 '대체 텍스트'를 반드시 넣어 주는게 검색에 유리합니다. 이미지가 선택되면 '페이지에 삽입하기' 버튼을 눌러 줍니다.

 

이렇게 페이지에 이미지를 삽입하면 편집툴 아이콘에 처음엔 '정렬 없음'으로 지정되어 있지만 레이아웃에 따라서 자유롭게 지정해 줄 수도 있고 '편집' 아이콘을 눌러서 편집을 해 줄수도 있습니다. 저는 '좌측 정열'로 지정해 주었습니다. 이렇게 지정해 주면 텍스트가 이미지를 자연스럽게 둘러싸게 됩니다.

 

 

이제 about 페이지 하단에 갤러리를 만들어 보겠습니다.

 

이번에도 역시 '미디어 추가' 버튼을 클릭해서 왼쪽 사이드바에 '갤러리 생성하기'를 클릭해 봅니다. 지금은 갤러리를 생성할 이미지가 없으니까 '파일 업로드' 탭을 클릭해서 내 컴퓨터에 있는 이미지를 선택해서 업로드 합니다.

 

갤러리를 만들 이미지들을 선택해서 '새 갤러리 생성하기' 버튼을 클릭하면 갤러리 편집창 나타납니다.

 

여기서 순서를 바꾸고 싶으면 '순서 바꾸기' 버튼을 눌러서 랜덤이나 끌어놓기로 순서를 바꿀 수 있습니다. 또한 열(컬럼)을 조정하고 싶으면 숫자 옵션을 눌러서 조정 할 수 있습니다. 이렇게 해서 '갤러리 삽입' 버튼을 누르면 About 페이지 하단에 갤러리가 생성된 것을 볼 수 있습니다.

 

지금 만든 갤러리를 한 묶음으로 보면 됩니다. 편집을 하고 싶으면 이 갤러리를 클릭하면 상단에 연필모양의 아이콘이 나타나는데 이것을 눌러서 갤러리 옵션을 수정을 하고 '업데이트' 버튼을 누르면 갤러리가 변경이 됩니다.

 

사이트에서 새로고침 해보면 변경된 About 페이지를 확인 할 수 있습니다.