본문 바로가기
일상생활 이야기/XE 독학

XE독학하기 그 26번째 걸음-사이드바 메뉴가 있는 홈페이지 만들기

by 인터넷떠돌이 2017. 2. 4.
반응형

안녕하세요?


이번 포스팅에서는 그간 사람들이 [될 수 있으면 네이버 카페와 비슷하게]라고 주문을 하여서, 될 수 있으면 사이드바가 있는 홈페이지를 만들어 달라는 요청이 많이 들어왔습니다. 그래서 그런 레이아웃이 있다는 것을 우연히 알게 되어서 이번 포스팅에서 작업에 들어가고자 합니다.



먼저 XE관리자 페이지에서 고급탭으로 가서, 쉬운설치 항목으로 갑니다. 그리고 Simplestrap 레이아웃이 사이드바를 제공하는 기능이 있다고 합니다. 그래서 [설치]항목을 눌러서 설치하고자 했습니다만, 여기서 문제가 생겼습니다. 수십번을 눌러도 설치가 되지 않는 문제가 발생하였습니다.



그래서 위 스크린샷에 보이는 바와 같이, Simpletrap 레이아웃이 설치경로라는 것이 있습니다. XE관리자에서 자동으로 설치가 되지 않는 문제점이 발생했으므로, 하는 수 없이 일단 XE관리자 쉬운설치에서 Simplestrap 레이아웃을 누르면 XE공식 자료실로 링크가 됩니다. 여기서 압축파일을 다운로드 해서, 하드 디스크에서 압축을 풀어줍니다.



알FTP를 이용해서 XE의 layouts폴더에다가 통째로 simplestrap을 업로드 시키도록 합니다. 여기서 업로드에 다소 시간이 걸리는 것으로 봐서, XE관리자 페이지의 쉬운설치로 설치되지 않은 이유가 아마도 너무 용량이 커서 발생한 문제가 아닌가 하는 생각이 듭니다.



실제로 XE관리자 페이지의 고급탭으로 가서 설치된 레이아웃 항목으로 가서, 확인을 해 보면 위 스크린샷과 같이 레이아웃이 설치가 된 것을 확인할 수 있습니다.


이제 XE관리자 페이지에서 [사이트 제작/편집]탭으로 가서, 사이트 디자인 설정 항목으로 들어가서, 세세한 부분을 설정하도록 하겠습니다.



레이아웃 항목에 Simplestrap이라는 것이 있어서, 이것을 선택한 다음, 상세한 내용을 설정하기 위해서 [상세설정]항목을 누르도록 합니다.



우선 사이드바 항목으로 가서, 사이드바에 메뉴만을 출력하도록 최신글과 최신댓글을 나오지 않도록 작성해 줍니다.



일단 상위메뉴를 누르고 나서, 자유게시판에 들어가면, 위 스크린샷과 같이 하위메뉴가 사이드바에 표시되는 것을 볼 수 있습니다. 이렇게 해서 우선은 목표를 달성은 하였는데.....



문제는 제일 먼저 들어오면 보이는 메인 페이지에서 슬라이드가 거슬립니다. 그래서 이를 수정하기 위해서 다시 XE관리자 페이지로 들어가 보았습니다.



XE관리자 페이지에서 [사이트 편집/제작]탭에서 사이트 디자인 설정항목의 상세설정에 들어가면, 위 스크린샷과 같이 슬라이드 항목이 있습니다. 여기서 슬라이드의 사용을 '아니오'라고 설정하는 것으로 문제를 해결하고자 합니다.



이렇게 거슬리는 슬라이드까지 제거하는 것으로 사이드바가 있는 형태의 사이트가 완성이 되었습니다. 처음에는 쉬울줄 알았는 작업이 어느정도 시간이 흐르면서 어려워 지기는 하였습니다만, 그래도 알FTP를 통해서 직접 업로드를 하는 방식으로 어떻게 작업을 하는 게 가능해 졌습니다.

반응형