Manual
Menu
로그인
- 로그인 주소는 도메인 다음에 ‘/wp-admin’을 하면 됩니다.
- 사용자명과 비번을 입력하여 접속합니다.
- [기억하기] 옆의 사각형을 클릭하면 해당 컴퓨터에서는 자동로그인이 되므로, 외부나 PC방 같은 곳에서는 주의하기 바랍니다.
일반설정
- 로그인 [설정]을 클릭해서 [사이트 제목]과 [태그라인]을 원하는 제목으로 수정하세요. 그림에서 처럼 웹브라우저 상단에 [사이트 제목]이 출력됩니다.
- 주소는 구매한 도메인이 있고, 호스팅 받은 곳으로 네임서버가 되어있다면, 수정하세요.
로고 및 파비콘
❶ 관리자로 로그인한 상태라면 상단에 그림과 같은 한 줄 메뉴가 출력됩니다. [사용자 정의하기]를 클릭하세요.
❷ 메뉴 중 [Header Builder]를 클릭하세요.
❸ [Site Identity & Logo]를 클릭합니다
❹ [로고 변경] 버튼을 클릭하고 보유하거나 새로 만든 로고 파일을 등록합니다.
❺ 로고 변경 후에 스크롤바를 내려보면 맨 하단에 파비콘(Favicon)을 등록할 수 있습니다. png 파일로 만들어서 등록하세요.
❻ 등록이 완료되었으면 [공개] 버튼을 클릭하면 완료됩니다. [공개] 버튼 좌측의 x 를 클릭하여 빠져 나옵니다.
메뉴설정
❶ 메뉴수정
- 관리자 페이지에서 [외모]-[메뉴]를 클릭합니다.
- 수정하고자 하는 메뉴 우측 화살표를 클릭하면 화살표 모양이 바뀌면서 펼쳐집니다.
- 레이블을 바꾸고 [메뉴 저장] 버튼을 클릭하면 수정이 완료됩니다.
- 메뉴를 제거 시에는 펼쳐진 메뉴 하단에 [제거]가 있으니 클릭하면 삭제됩니다.
❷ 메뉴 추가하기
- 관리자 페이지에서 [페이지]를 클릭합니다.
- 마우스를 메뉴에 올리면 그림과 같은 메뉴들이 나타납니다.
- 위에서 설명한 메뉴 수정을 [빠른 편집]을 클릭하여 수정할 수 있고, [PA Duplicate]를 클릭하면 복제가 됩니다. 여기서는 복제를 클릭합니다.
- [제목]을 원하는 메뉴명으로 수정하고, [슬러그]는 영문으로 표기하면 해당 페이지 주소로 나타납니다.
- 상태는 꼭 [발행함]으로 해야 합니다.
- 마지막으로 [업데이트]를 클릭하면 완료됩니다.
- [가장 최근 순]탭에 보면 방금 만든 페이지 이름이 나옵니다. 체크표시를 하고 [메뉴에 추가] 버튼을 클릭합니다.
- 옮겨진 메뉴를 마우스로 드래그 해서 원하는 위치로 이동시킵니다.
- 이 상태가 홈페이지 상단에 출력되는 메뉴 순서입니다.
- [메뉴 저장]을 클릭하여 완료합니다.
- 위에서 수정한 대로 [테스트]라는 메뉴가 추가되고 순서도 [About] 다음에 출력되었습니다.
Header
- 상단에서 [편집하기]에 마우스를 올리면 위와 같이 출력됩니다. [헤더]를 클릭합니다.
- 참고로 헤더(Header)은 모든 페이지에 로고와 메뉴 등이 출력되는 부분입니다.
- 상단부분이 투명배경이라서 로고와 메뉴가 잘 보이지 않습니다.
- 그림을 참고하여 Navigator창을 열어 섹션을 선택하면 Header 전체 외곽부분이 선택됩니다.
- 편집기 Elementor창이 왼쪽에 출력됩니다. 익숙해지면 워드파일을 편집하듯이 수정을 쉽게 할 수 있습니다.
- 상단의 메뉴는 스크롤 할 경우 고정되며, 배경색상이 들어갑니다. 배경색을 수정하는 방법은 좌측 창에서 [고급]탭을 클릭하고 [Sticky Header Effects]를 선택합니다.
- 참고로 [Sticky Header Effects]가 없는 경우에는 [Jet Sticky]를 선택하세요.
- Enable이 [ON]으로 되어있으므로 이 기능이 적용되고 있습니다. 원하지 않을 경우 OFF로 전환하세요.
- 3번은 배경색상을 적용하는 것이고 색상은 4번을 클릭하여 원하는 색상으로 수정하세요.
- [업데이트] 버튼을 클릭하면 수정사항이 적용됩니다.
Footer
- 상단에서 [편집하기]에 마우스를 올리면 위와 같이 출력됩니다. [푸더]를 클릭합니다.
- 참고로 푸터(Footer)은 모든 페이지에 맨 아래 하단에 공통으로 출력되는 부분입니다.
- Navigator를 보면 하단 정보가 3부분으로 되어있습니다.
- 약도, 하단메뉴바, 하단정보 세파트는 각각의 세션을 클릭하여 수정할 수 있습니다.
- 먼저, 약도는 Navigator 창을 차례로 열어서 [구글지도]를 선택하면 맨 좌측에 엘리멘터(Elementor) 편집기가 출력되어 수정할 수 있습니다.
- [위치]에 주소를 입력하면 지도가 자동으로 바뀌며, [줌]과 [높이]의 수치를 수정해보면서 수정하세요.
- 하단메는 설정된 메뉴가 출력되므로 굳이 수정할 필요없습니다.
- 우측에는 SNS 연결이 되어있습니다. Navigator가 아니라, 마우스를 올리면 영역이 나타나는데, 빈 곳을 클릭하거나 연필 모양의 아이콘을 클릭하면 좌측에 엘리멘터 편집기가 나타나므로 수정할 수 있습니다.
- 순서는 편집기에서 마우스로 드래그 & 드랍(Drag & Drop)으로 변경이 가능합니다.
- [Facebook] 박스를 클릭하면 그림과 같이 펼쳐지므로, 아이콘이라 주소, 색상 변경이 가능합니다. 이름 옆의 아이콘 두개는 각각 추가와 삭제입니다.
- 마우스를 올려보면 3개의 섹션으로 나누어져 있습니다. 로고, 전화번호, 주소입니다.
- 참고로 Navigator의 섹션이나 전체 외곽선을 선택하여 높이와 배경이미지 수정이 가능합니다. 높이는 그림과 같이 최소높이 수치를 조절하면 됩니다.
- 배경은 [스타일]탭을 선택하여 이미지를 교체하고, [배경오버레이]에서 색상을 변경하면 됩니다.
메인페이지
- 상단 바에서 [편집하기]를 클릭합니다. 이건 모든 페이지에 공통입니다.
- [편집하기]를 클릭하며 좌측에 엘리멘터(Elementor)편집기가 나타나서 원하는 곳을 수정할 수 있습니다.
- Navigator에서 [섹션]을 클릭하거나 메인배너에 마우스를 올려 그림 부분을 클릭합니다.
- 전체 외곽에 해당하는 곳을 좌측에서 수정할 수 있습니다.
- 메인 배경 이미지는 좌측에서 [스타일] 탭을 클릭하면 변경할 이미지기 보입니다.
- 이미지는 원하는 숫자만큼 추가하면 됩니다.
- Navigator 창을 이용하거나 직접 원하는 곳의 빈 곳을 클릭하면 왼쪽 편집기에서 수정할 수 있습니다.
- 텍스트의 경우, 타이틀이나 설명글을 클릭하고, 수정은 좌측 편집기에서 하세요.
- 이미지의 경우 1번을 선택하면 좌측 편집기에서 다른 이미지로 수정할 수 있습니다.
- Navigator 창에서 표시한 부분처럼 이미지, 제목, 별점, 버튼 등 4개의 요소가 있습니다. 각각 클릭하여 좌측 편집기에서 수정할 수 있습니다.