워드프레스 강좌 / 메뉴 만들고 배치하기
워드프레스는 페이지, 글, 카테고리, 태그, 사용자 정의 링크 등으로 메뉴를 만들 수 있습니다. 그리고 그 메뉴는 테마가 제공하는 위치에 배치를 합니다. 하나의 메뉴를 여러 곳에 배치할 수도 있고, 위젯에 추가하는 것도 가능합니다.
메뉴 생성과 관리는 [테마 디자인 - 메뉴]에서 합니다.
화면 옵션
메뉴에 추가할 수 있는 아이템은 여러 가지가 있습니다. 그리고 테마나 플러그인으로 인해 만들어지는 아이템도 있습니다. 하지만, 그 모든 아이템이 화면에 나오지는 않습니다. 메뉴를 만들 때 가장 먼저 해야 할 것은 오른쪽 위의 화면 옵션을 클릭하여 어떤 아이템이 있는지 살펴보는 것입니다. 필요한 아이템 또는 속성에 체크를 하고 메뉴 만들기를 시작합니다.
메뉴 만들기
- 메뉴 이름에 적당한 이름을 입력하고 [메뉴 생성]을 클릭하면 메뉴가 만들어집니다.
- 메뉴는 여러 개 만들 수 있습니다. 메뉴 생성과 배치는 별개의 문제입니다. 즉, 메뉴를 만들었다고 해서 꼭 배치해야 하는 것은 아닙니다.
- 테마를 변경해도 메뉴는 삭제되지 않고 그대로 남아 있습니다.
메뉴 아이템 추가하기
- 왼쪽에서 아이템을 체크한 후 [메뉴에 추가]를 클릭하면 메뉴에 아이템이 추가됩니다.
- 메뉴 아이템은 여러 개 넣을 수 있고, 마우스로 드래그하여 위치를 바꾸거나 계층적으로 만들 수 있습니다.
- 메뉴가 완성되었으면 [메뉴 저장]을 클릭하여 저장합니다.
메뉴 배치하기
테마가 제공하는 자리에 배치하기
- 테마에는 메뉴를 배치할 공간이 마련되어 있습니다. 공간의 갯수와 위치는 테마마다 다릅니다.
- Twenty Nineteen의 경우 Primary, Footer Menu, Social Links Menu 세 곳이 있습니다.
- 배치시킬 메뉴를 선택하고, 테마 위치에서 원하는 위치를 선택한 다음 [메뉴 저장]을 클릭합니다.
- 아래는 Primary에 배치한 결과입니다. 계층적 메뉴를 만들었다면, 하위 메뉴는 드롭다운으로 나옵니다.
- 메뉴 위치는 [외모 - 메뉴]의 [위치 관리하기] 탭에서 정할 수도 있습니다.
- Social Links Menu는 소셜 링크를 위한 특별한 메뉴입니다.
- 새롭게 메뉴를 만들고, 사용자정의 링크의 URL에 자신의 SNS URL을 입력하고, 링크 텍스트에 적당한 문구를 입력한 후, 메뉴에 추가합니다.
- 위치를 Social Links Menu로 선택하고 [메뉴 저장]을 클릭합니다.
- 소셜 링크 메뉴의 위치는 Primary의 아래이고, URL을 분석하여 적절한 아이콘을 보여줍니다.
사이드바에 배치하기
- [탐색 메뉴]이 메뉴를 출력하는 위젯입니다. 위젯을 사이드바 영역에 배치하고 메뉴를 선택하면, 그 자리에 선택한 메뉴가 출력됩니다.
같은 카테고리의 다른 글
워드프레스 강좌 / 플러그인 / Loco Translate / 번역 파일을 수정하거나 새로 만드는 플러그인
번역 워드프레스, 플러그인, 테마는 번역 파일을 이용해서 각 나라의 언어로 표현될 수 있도록 만들어집니다. 번역 파일은 보통 자동으로 설치되고, 다운로드 받아서 사용할 수도 있습니다. 하지만, 번역 파일이 존재하지 않는 플러그인이나 테마가 있을 수도 있고, 번역 파일이 있어도 번역이 마음에 들지 않을 수도 있습니다. 그럴 땐 직접 번역 파일을 만들거나 수정하여 사용할 수 있습니다. Loco Translate Loco ...
워드프레스 강좌 / 플러그인 / Responsive Lightbox & Gallery / 이미지 클릭했을 때 확대하는 플러그인
워드프레스 테마는 일반적으로, 이미지를 본문에 넣을 때 이미지가 아무리 커도 본문 가로폭을 넘어가지 못하게 만듭니다. 보기에는 좋지만, 그렇게 하면 큰 이미지가 작게 보여서 이미지 안의 내용을 보기 힘들 수가 있습니다. 이를 해결하는 방법은 라이트박스 플러그인을 사용하는 것입니다. 이미지를 클릭하면 원본 이미지로 또는 크게 확대 되는 걸 본 적 있으시죠? 그게 ...
워드프레스 강좌 / 플러그인 / Search Meter / 검색어 키워드 통계 플러그인
Search Meter 워드프레스는 검색 기능을 갖고 있습니다. 키워드를 입력하면 해당 키워드를 가진 콘텐츠를 보여줍니다. 하지만, 그 키워드가 무엇인지, 얼마나 검색했는지 관리자에게 알려주는 기능은 없습니다. 방문자가 어떤 키워드로 검색했는지 알고 싶다면 플러그인의 도움을 받아야 합니다. 대표적인 플러그인은 Search Meter입니다. WordPress.ORG에서 공유되는 플러그인이므로 워드프레스 관리자에서 설치할 수 있습니다. 설치하고 활성화합니다. 키워드 보기 에서 키워드를 볼 ...
워드프레스 강좌 / 플러그인 / Content Cards / 링크를 네이버나 페이스북처럼 만들어주는 플러그인
Content Cards 네이버 블로그에서 링크를 추가하면, 썸네일과 요약글이 있는 링크가 만들어집니다. 페이스북에도 비슷한 기능이 있습니다. 워드프레스 자체에는 이 기능이 없지만, Content Cards 플러그인을 이용하면 비슷한 효과를 낼 수 있습니다. 설치 WordPress.ORG에서 공유되는 플러그인이므로 워드프레스 관리자에서 설치할 수 있습니다. 링크 삽입하기 플러그인을 활성화하면 에디터에 아이콘이 하나 생깁니다. 그 아이콘을 클릭하여 링크를 추가합니다. 링크가 가리키는 문서에서 이미지와 제목, 글의 일부를 ...
워드프레스 강좌 / Yoast SEO / 사이트맵(sitemap) 활성화하는 방법
사이트맵(sitemap) 사이트맵은 사이트에 있는 콘텐츠를 정리한 XML 파일입니다. 네이버 웹마스터 도구나 구글 웹마스터 도구에 사이트맵을 등록해야 검색이 잘 됩니다. 사이트맵은 보통 Google XML Sitemaps 플러그인으로 만듭니다. 사이트맵 생성 플러그인 중에서는 가장 인기있는 플러그인입니다. 만약 Yoast SEO를 사용한다면 Google XML Sitemaps를 사용할 필요가 없습니다. Yoast SEO에 포함되어 있기 때문입니다. Yoast SEO의 사이트맵 기능 활성화하기 General의 Features 탭에 XML sitemaps가 ...
워드프레스 강좌 / 자식 테마(Child Theme)의 뜻과 만드는 방법, 장단점
자식 테마의 뜻 어떤 테마의 디자인과 기능을 그대로 상속 받는 테마를 자식 테마(Child Theme)라 합니다. 이때 상속해주는 테마를 부모 테마(Parent Theme)라 합니다. 자식 테마 만드는 방법 워드프레스의 기본 테마 중 하나인 Twenty Seventeen의 자식 테마를 만들어보겠습니다. 방법 1 wp-content/themes 폴더에 twentyseventeen-child 폴더를 만듭니다. (폴더 이름은 다른 것으로 해도 상관없습니다.) twentyseventeen-child 폴더 안에 다음의 내용을 가진 style.css ...
워드프레스 관리자 페이지의 메뉴는 왼쪽에 있습니다. 플러그인이나 테마를 설치하면 메뉴는 더 늘어납니다. 왼쪽의 메뉴를 클릭하면 오른쪽에 관련 내용이 나옵니다. 그런데 보여줄 수 있는 모든 내용이 다 나오지는 않습니다. 화면 크기가 한정되어 있다보니 자주 사용되거나 중요한 내용만 나오기도 합니다. 숨겨진 내용은 오른쪽 위의 에서 보이게 할 수 있습니다.(반대로 화면에 있는 내용을 숨길 ...
포스트를 쓰는 건 인터넷 게시판에 글을 쓰는 것과 별반 다르지 않습니다. 제목과 본문을 작성하고 이미지나 파일 등을 첨부한 후 저장하면 됩니다. 하지만 인터넷 게시판에서는 볼 수 없는 설정들이 몇가지 있으니 그 내용들을 중점적으로 보시면 됩니다. 글 쓰기는 에서 합니다. 화면 옵션 새 포스트를 작성하는 화면으로 가면 글을 입력할 수 있는 ...
워드프레스 강좌 / 플러그인 / WP Login Timeout Settings / 세션 타임 변경 플러그인
워드프레스에 로그인하면 2일 동안 로그인 상태가 유지됩니다.(웹브라우저를 닫으면 로그아웃 됩니다.) 로그인할 때 에 체크하면 14일 동안 로그인 상태가 유지됩니다.(웹브라우저를 닫아도 로그아웃되지 않습니다.) 로그인 상태를 유지하는 기간이 짧거나 길게 느껴진다면 변경할 수 있습니다. 테마의 functions.php를 수정하는 방법도 있지만, 플러그인을 사용하는 게 편합니다. WP Login Timeout Settings를 설치하고 활성화합니다. 기간 변경의 필요가 없어서인지 사용자가 ...
워드프레스 강좌 / 플러그인 / WP Maintenance Mode / 공사중, 유지보수모드 플러그인
공사중/유지보수 모드 사이트 업데이트나 유지보수를 위해서 사이트 접속을 막아놓아야 하는 경우가 있습니다. 그런 경우 방문자에게는 접속 불가 안내와 다시 접속 가능한 시간을 안내하는 페이지를 띄워놓고, 관리자는 작업을 합니다. 이를 Maintenance Mode라고 하는데, 워드프레스로 만든 사이트라면 이러한 기능을 플러그인으로 쉽게 구현할 수 있습니다. WP Maintenance Mode 에서 maintenance로 검색하면 많은 플러그인을 찾을 수 있습니다. 이 중에서 ...