적용버전 : XpressEngine 공통 웹사이트 메인 페이지 꾸미기

웹사이트 메인 페이지 꾸미기

메인 페이지

XE 코어를 처음 설치한 경우 메인 화면은 환영 메시지를 담은 페이지(welcome_page)가 시작 모듈로 설정되어 있습니다. 메인 페이지는 웹사이트에 접속했을 때 처음으로 호출되는 시작 모듈을 말합니다. 따라서 방문자에게 전달하는 간단한 인사말을 작성하거나 또는 사이트 내 콘텐츠의 최근 글, 최근 댓글, 이미지 등의 목록을 보기 좋게 구성하고 나열함으로써 사이트 운영의 목적과 포함하고 있는 내용을 간단히 소개할 수 있는 페이지를 말합니다. 또한 사이트 내 중요한 콘텐츠, 강조하고 싶은 내용이 있다면 방문자로 하여금 반드시 찾아 볼 수 있도록 쉽고 편리한 링크 요소를 제공하는 다자인적 요소가 필요합니다.

별도의 레이아웃을 추가하지 않은 현재 단계에서는 기본 레이아웃의 메인 페이지의 내용을 수정하고 꾸밀수 있는 방법을 안내합니다. 페이지를 꾸미고 장식하는 작업은 전적으로 여러분의 디자인적인 감각과 창의력에 달려있습니다. 이 과정에서는 기본적인 사용방법만 안내하고 세부적인 옵션의 설정 및 사용법은 창의적인 호기심과 응용 능력에 맡겨 둡니다.


메인 페이지 생성하기

환영글을 수정하는 것은 위젯 페이지를 이용해 글을 쓰고 그림을 넣고 간단히 꾸미는 방법과 동일합니다. HTML 태그를 잘 몰라도 에디터를 활용한다면 멋진 페이지를 꾸며 볼 수 있습니다. 환영 페이지(welcome_page)를 위젯 페이지로 변경하여 첫번째 메뉴와 연결하고 시작 모듈로 설정하는 방법에 대해 알아봅니다. 아래 그림을 보고 따라해 보세요.

  • image▲ 관리자 메뉴의 [확장기능] > [설치된 모듈]을 클릭합니다.
  • image▲ [페이지] 모듈을 클릭합니다.
  • image▲ [페이지 생성]을 클릭합니다.
  • image▲ 페이지 타입은 위젯 페이지, 모듈 이름과 브라우저 제목은 자유롭게 입력하고
    레이아웃은 공식 레이아웃을 선택한 후 하단에 있는 [저장] 버튼을 클릭합니다.
  • image▲ 관리자 메뉴의 [사이트] > [사이트맵]을 클릭합니다.
  • image▲ 코어 설치시 생성되어 있던 2차 메뉴 항목을 삭제합니다. 자유롭게 설정하세요.
  • image▲ 메뉴의 이름과 연결 링크를 수정하기 위해서 1차 메뉴의 [편집]을 클릭합니다.
  • image▲ 메뉴의 이름을 자유롭게 수정 입력하고 메인 페이지로 사용하기 위해 미리 생성한 위젯 페이지를 찾아 연결합니다.
    설정이 완료되면 하단에 있는 [저장] 버튼을 클릭하여 수정된 내용을 저장합니다.
  • image▲ 시작 모듈을 변경하기 위해 관리자 메뉴의 [설정] > [일반]을 클릭합니다.
  • image▲ 시작 모듈로 사용할 위젯 페이지를 찾아 설정합니다.
  • image▲ 설정이 완료되면 하단에 있는 [저장] 버튼을 클릭하여 수정된 내용을 저장합니다.
  • image▲ 홈페이지에 접속하면 시작 모듈로 설정한 메인 페이지가 출력됩니다.
    인사말을 꾸미기 위해 [페이지 수정] 버튼을 클릭합니다.
  • image▲ [내용 직접 추가] 버튼을 클릭하여 에디터를 활성화합니다.
  • image▲ 인사말의 내용을 자유롭게 입력합니다.
  • image▲ 입력한 내용을 저장하기 위해 [저장] 버튼을 클릭합니다.

웹브라우저를 열고 홈페이지에 접속하게 되면 아래 그림과 같이 인사말을 작성한 메인 페이지가 출력됩니다. 하단에 위치한 페이지 내용 수정 버튼들은 관리자에게만 표시되는 버튼입니다. 관리자 권한이 없는 일반 회원에게는 수정 버튼이 출력되지 않습니다.

image

TIP - 웹사이트의 문서 내용을 수집하는 검색 엔진은 HTML 문서 헤더 영역의 <title> 태그 내용과 제목 형식의 <h1> 태그 내용을 중요하게 평가합니다. 따라서 1개의 HTML 문서 안에서 <h1> 태그는 1개만 사용하는 것이 좋습니다. 제목글이 여러개 사용된 경우 가장 첫번째 <h1> 태그의 내용만 수집합니다.

또한 사이트의 메뉴 링크 목록에서 가장 첫번째 메뉴 항목의 이름이 위 내용과 관련하여 HOME으로 사용되는 경우가 가장 일반적인데, 검색 엔진의 메모장에는 HOME이라는 메뉴 텍스트 링크가 너무나 많아서 별로 관심을 받을 수 없답니다.
검색 엔진은 사이트 메뉴에서 가장 첫번째 메뉴 항목의 이름만 편애하기 때문에 첫번째 메뉴 항목의 이름을 HOME으로 사용하기 보다는 사이트의 이름을 넣어 사용하면 검색엔진이 무척 좋아할 것이라고 아무개는 조언하기도 합니다.