이번 포스트는 지난번 포스트에서 마무리를 못했던 레이아웃 만들기 를 마무리하고 간단하게 메뉴 를 만드는 부분까지 진행하겠습니다.
4번까지 설정을 마치고 나머지 내역 설정은 다음 과정에 있는 위젯, 광고를 홈페이지에 삽입하는 포스트에서 설명을 하겠습니다.
레이아웃에 있는 설정을 전부 안해도 추후에 설정을 수정이 가능합니다.
그러므로 이번 포스트에서는 기본 설정만을 하고 넘어갑니다.
이제 마무리 작업으로 맨 하단에 있는 10. Copyright 부터 시작합니다..
Copyright 는 홈페이지를 제작한 업체, 사람의 서명 정도가 들어가면 됩니다.
홈페이지에서의 위치는 맨 하단에 표기됩니다.
E-MAIL 은 홈페이지 관련 문의사항을 받을 홈페이지 소유자나 관리자의 메일을 기입해주세요.
Copyright 의 바로 밑에 표기됩니다.
바로 밑으로 패밀리사이트 는 패밀리사이트를 화면을 표기할 건지를 선택합니다.
홈페이지에서 다른 홈페이지들의 링크를 걸기를 원하시면 표기를 하시면 됩니다.
설정 페이지 맨 하단에는 메뉴를 설정하는 부분 있습니다.
. 톱 메뉴 는 홈페이지 화면 맨 상단에 작은 글씨로 표기 됩니다.
. 메인 메뉴 는 홈페이지 주 메뉴로 본문 바로 위에 표기 됩니다.
. 하단 메뉴 는 홈페이지 본문 바로 밑에 표기 됩니다.
. 서비스링크 메뉴 는 하단 메뉴 밑에 서비스 링크라는 선택 박스에 표기됩니다.
. 사이트맵 메뉴 는 사이트의 전체 메뉴를 찾기 쉽게 표기 하는 메뉴입니다.
. 패밀리사이트 메뉴 는 역시 하단에 표기되는 메뉴로 외부링크를 넣어둡니다.
. 레이아웃 일괄 적용은 모든 레이아웃에 입력한 내용을 동일하게 적용하겠다는 것입니다.
표기를 안하는게 좋습니다.
지금은 메뉴가 만들어진 상태가 아니므로 메뉴를 생성하겠습니다.
관리 버튼을 클릭하세요.
왼쪽 메뉴에서 메뉴 를 클릭해도 메뉴생성이 가능합니다. (왼쪽 메인 메뉴로 메뉴를 설정하는 페이지로 이동하려면 지금까지 작업한 레이아웃의 설정은 저장을 하고 메뉴 페이지로 이동하셔야 합니다.)
일단 새창으로 뜬 메뉴 페이지에서 제목 은 메뉴목록에서 알아보기 쉬운 이름으로 작성을 하시면 됩니다.
ex) 메인메뉴, 패밀리사이트
등록 버튼을 클릭 합니다.
메뉴 관리 첫 페이지에 아래 그림과 같이 신규로 생성한 메뉴제목이 보입니다.
버튼이 두개가 있는데 왼쪽 버튼(설정버튼) 은 메뉴의 카테고리를 생성하거나 수정할 때 사용을 합니다.
오른쪽 버튼(삭제버튼) 은 생성된 메뉴를 삭제를 합니다.
추가로 다른 메뉴를 생성하고 싶을 때에는 아래 생성 이라는 버튼을 클릭해서 사용합니다.
왼쪽 버튼(설정버튼) 을 클릭합니다.
아래 그림은 메인메뉴에 하위 카테고리를 작성하는 화면입니다.
메뉴+ 라고 표기된 부분의 연두색 + 를 클릭하면 카테고리를 입력하는 팝업창이 뜹니다.
이제부터 + 을 클릭하여 메인메뉴에 들어갈 메뉴들을 차례로 기입합니다.
메뉴 팝업창에 home 이라고 기입했습니다.
연결 Url 은 링크를 넣어주셔도 되고 mid(모듈id) 라고 해서 생성된 모듈을 찾아서 넣을 수 있습니다.
하지만, 아직은 모듈을 생성하는 단계까지 오지 않았으므로 여기까지만 생성하고 메뉴 팝업창의 하단의 저장 버튼을 클릭합니다.
아래 그림 처럼 메뉴 밑에 home 이라는 메뉴가 생성되었음을 확인하실 수 있습니다.
캐시파일 재생성 버튼은 작업된 메뉴를 홈페이지에 적용하는 버튼이라고 생각하면 됩니다.
다음에 진행되는 메뉴 생성 포스트에서 상세하게 각각의 버튼의 기능을 다시 설명하겠습니다.
메뉴의 + 를 클릭하여 조금전 같이 카테고리에 게시판 을 생성하고 수정 버튼과 캐시파일 재생성 버튼을 클릭하고 창을 닫은 다음 레이아웃 설정 페이지로 돌아옵니다.
레이아웃 설정 페이지에서도 저장 버튼을 클릭합니다.
지금까지 기입된 내용을 모두 저장하면서 화면을 다시 읽습니다.
메인 메뉴 옆에 있는 선택박스를 클릭하면 조금전 생성했던 메인 메뉴라는 리스트가 새로 생성되었음을 볼 수 있습니다.
메인 메뉴 에서 메인메뉴를 선택한 후 저장 버튼을 클릭하여 모두 저장하신 후 저장 버튼 옆에 있는 목록 버튼을 클릭합니다.
위 화면처럼 신규 생성된 레이아웃이 리스트에 나오면 정상적으로 레이아웃이 생성이 된 것입니다.
리스트의 각 버튼들의 기능 및 추가 사항은 다음 포스트에 TIP 형식으로 구성을 해보겠습니다.
이번 포스트는 여기까지 마치고 다음 포스트에서는 생성된 레이아웃을 사용하여 게시판 모듈을 만들고 홈페이지에 출력을 해보겠습니다.
덧글
잘보고 갑니다.
예전 제로보드4 시절만 해도 sql만 알면 설치하고 쓰는데 문제 없었는데...ㅜ
다시 Html과 스타일css를 다루려니 버벅 거림이 이만저만이라는...ㄷㄷ
일반적으로 사용하는 유저라면 공개된 모듈들을 통해서 더 쉽게 멋진 홈페이지를 만들수 있으니 어떻게 보면 더 쉬어졌을지도 모르겠네요.
홈페이지 만드는데 어려움이 있어서 검색하다가 들어오게 되었는데 설명이 아주 잘 되있네요^^
정말 유용하게 공부하고 있어여~ㅋㅋㅋ
근데 좀 아쉬운 점이 과정은 자세하게 알려주시지만
결과적으로 어떻게 나오게 되는건지 감이 안와서요ㅜ
이대로 적용하면 어떻게 생긴 홈페이지가 나오는건지 캡쳐라도 해주시면 더 쉬울텐데ㅠ_ㅠ
일단 초보라 어려운게 한두가지가 아니네여ㅋㅋㅋ
좋은 정보 감사합니다 자주 올게여!^^
저의 포스트를 좋게 봐주셔서 감사합니다.
결과물은 지금 제가 운영하는 홈페이지 정도를 목표로 하고 있습니다.
60%정도 진행되었다고 보면 되고요.
견본 사이트는 890.co.kr 입니다.
직접 들어가서 이곳저곳을 구경다녀보세요.
그리고, 언제라도 어려우신 점이 생기면 여기 블로그나 홈페이지의 QnA 남겨주시면 제가 능력 닿는데까지는 작은 도움이라도 드리겠습니다.
감사합니다.
2010/03/08 14:25 # 삭제 답글 
비공개 덧글입니다.답변이 많이 늦어져서 죄송합니다.
글쎄요..
지금 문제는 메뉴의 생성, 수정, 삭제가 정상적으로 이루어지지 않는 것 같습니다.
캐시파일을 재생성을 하면 변경된 환경을 재적용하기 때문에 변경된 내용이 화면에 보여야 하는 것이 맞습니다.
메뉴부분에 대해서 설명이 부족한 것 같습니다.
해당사항은 추후에 포스팅을 해야 겠네요.
조금더.. 자세한 사항이 있었으면 더 좋겠네요.
도움을 못드리는 제가 더더욱 죄송합니다.
http://www.pandorabijouxfr.fr/ Pandora
http://www.yeezyadidas.fr/ Yeezy
http://www.airforce1.de/ Air Force 1
http://www.nikeairforce1.de/ Nike Air Force 1
http://www.nikeairmax270.de/ Nike Air Max 270
http://www.kobebryant-jersey.us/ Kobe Bryant Jersey
http://www.kobebryantjerseysforsale.us/ Kobe Bryant Jerseys For Sale
http://www.kobebryantjersey24.us/ Kobe Bryant Jersey 24
http://www.kobebryantwebsiteofficial.us/ Kobe Bryant Website Official
http://www.pandorasoldes2020.fr/ Pandora Bijoux
http://www.yeezy-shoe.us.com/ Yeezy
http://www.yeezymafia.us.com/ Yeezy
http://www.supplyyeezy.us.com/ Yeezy Shoes
http://www.nikeshoes.us.org/ Nike Shoes
http://www.nfl-jerseys.us.org/ NFL Jerseys
http://www.yeezyboost350.us.com/ Yeezy Boost 350
http://www.yeezy350.us.com/ Yeezy
http://www.yeezy-shoes.in.net/ Yeezy Shoes
http://www.yeezys.me.uk/ Yeezy
http://www.yeezy-350.org.uk/ Yeezy
http://www.yeezy350.org.uk/ Yeezy 350
http://www.yeezys.us.com/ Yeezy
http://www.yeezy.com.co/ Yeezy Shoes
http://www.adidasyeezy.us.com/ Adidas Yeezy
http://www.yeezy700.org.uk/ Yeezy 700
http://www.nikeoutletstoreonlineshopping.us/ Nike Outlet
http://www.yeezy-shoes.in.net/ Yeezy Shoes
http://www.mlbshop.us.com/ MLB Shop
http://www.adidasyeezy.de/ Adidas Yeezy
http://www.mlbjerseys.us.com/ MLB Jerseys
http://www.yeezy380.us/ Yeezy 380
http://www.yeezy380.us.com/ Yeezy 380
http://www.nikefactory.us.com/ Nike Outlet
http://www.humanraces.us.com/ Human Races
http://www.humanracesshoes.us/ Human Race Shoes
http://www.uggs-officialsite.org/ Uggs Official Site
http://www.pandoraonline-shop.de/ Pandora
http://www.basketball-jerseys.us.com/ Basketball Jerseys
http://www.jerseysbasketball.us/ Basketball Jerseys
http://www.jerseys-nba.us/ Cheap NBA Jerseys
http://www.nikes-shoes.us.com/ Nike Outlet
http://www.pandoraoutletcanada.ca/ Pandora Canada
http://www.pandora-charms.org/ Pandora Charms
http://www.jewelrypandora.org/ Pandora Jewelry
http://www.pandora-outlet.us.org/ Pandora Outlet
http://www.pandorajewelryofficialwebsite.us.com/ Pandora Jewelry Official Site
http://www.mlbjerseysofficial.us.com/ MLB Jerseys
http://www.pandoras.fr/ Pandora
http://www.pandorabijouxfr.fr/ Pandora Bijoux
http://www.yeezyadidas.fr/ Adidas Yeezy
http://www.pandorasoldes2020.fr/ Pandora Soldes 2020
http://www.yeezy-shoe.us.com/ Yeezy Shoes
http://www.yeezymafia.us.com/ Yeezy Mafia
ウレ