워드프레스 강좌 / 메뉴 만들고 배치하기

워드프레스는 페이지, 글, 카테고리, 태그, 사용자 정의 링크 등으로 메뉴를 만들 수 있습니다. 그리고 그 메뉴는 테마가 제공하는 위치에 배치를 합니다. 하나의 메뉴를 여러 곳에 배치할 수도 있고, 위젯에 추가하는 것도 가능합니다.

메뉴 생성과 관리는 [테마 디자인 - 메뉴]에서 합니다.

화면 옵션

메뉴에 추가할 수 있는 아이템은 여러 가지가 있습니다. 그리고 테마나 플러그인으로 인해 만들어지는 아이템도 있습니다. 하지만, 그 모든 아이템이 화면에 나오지는 않습니다. 메뉴를 만들 때 가장 먼저 해야 할 것은 오른쪽 위의 화면 옵션을 클릭하여 어떤 아이템이 있는지 살펴보는 것입니다. 필요한 아이템 또는 속성에 체크를 하고 메뉴 만들기를 시작합니다.

메뉴 만들기

  • 메뉴 이름에 적당한 이름을 입력하고 [메뉴 생성]을 클릭하면 메뉴가 만들어집니다.
  • 메뉴는 여러 개 만들 수 있습니다. 메뉴 생성과 배치는 별개의 문제입니다. 즉, 메뉴를 만들었다고 해서 꼭 배치해야 하는 것은 아닙니다.
  • 테마를 변경해도 메뉴는 삭제되지 않고 그대로 남아 있습니다.

메뉴 아이템 추가하기

  • 왼쪽에서 아이템을 체크한 후 [메뉴에 추가]를 클릭하면 메뉴에 아이템이 추가됩니다.

  • 메뉴 아이템은 여러 개 넣을 수 있고, 마우스로 드래그하여 위치를 바꾸거나 계층적으로 만들 수 있습니다.
  • 메뉴가 완성되었으면 [메뉴 저장]을 클릭하여 저장합니다.

메뉴 배치하기

테마가 제공하는 자리에 배치하기

  • 테마에는 메뉴를 배치할 공간이 마련되어 있습니다. 공간의 갯수와 위치는 테마마다 다릅니다.
  • Twenty Nineteen의 경우 Primary, Footer Menu, Social Links Menu 세 곳이 있습니다.
  • 배치시킬 메뉴를 선택하고, 테마 위치에서 원하는 위치를 선택한 다음 [메뉴 저장]을 클릭합니다.

  • 아래는 Primary에 배치한 결과입니다. 계층적 메뉴를 만들었다면, 하위 메뉴는 드롭다운으로 나옵니다.

  • 메뉴 위치는 [외모 - 메뉴]의 [위치 관리하기] 탭에서 정할 수도 있습니다.

  • Social Links Menu는 소셜 링크를 위한 특별한 메뉴입니다.
  • 새롭게 메뉴를 만들고, 사용자정의 링크의 URL에 자신의 SNS URL을 입력하고, 링크 텍스트에 적당한 문구를 입력한 후, 메뉴에 추가합니다.

  • 위치를 Social Links Menu로 선택하고 [메뉴 저장]을 클릭합니다.

  • 소셜 링크 메뉴의 위치는 Primary의 아래이고, URL을 분석하여 적절한 아이콘을 보여줍니다.

사이드바에 배치하기

  • [탐색 메뉴]이 메뉴를 출력하는 위젯입니다. 위젯을 사이드바 영역에 배치하고 메뉴를 선택하면, 그 자리에 선택한 메뉴가 출력됩니다.

같은 카테고리의 다른 글

워드프레스 강좌 / 플러그인 / Google XML Sitemaps / 사이트맵 만들어주는 플러그인

워드프레스 강좌 / 플러그인 / Google XML Sitemaps / 사이트맵 만들어주는 플러그인

사이트맵(Sitemap) 사이트맵은 사이트에 있는 콘텐츠의 URL, 업데이트 날짜, 중요도 등을 정리한 XML 파일입니다. Sitemaps.org에서는 사이트맵을 다음과 같이 설명하고 있습니다. Sitemap은 웹마스터가 크롤링에 사용할 수 있는 사이트의 페이지에 대한 정보를 검색 엔진에 알리는 손쉬운 방법입니다. Sitemap의 가장 간단한 형식은 검색 엔진에서 사이트를 보다 지능적으로 크롤링할 수 있도록 각 URL에 대한 추가 메타데이터(마지막 업데이트된 날짜, ...

워드프레스 강좌 / 관리자 이메일 주소 변경하는 방법

워드프레스 강좌 / 관리자 이메일 주소 변경하는 방법

워드프레스를 설치할 때 관리자 계정을 만들고 메일 주소를 입력합니다. 워드프레스가 자동 업데이트 되거나, 댓글이 달리는 등 주요 사건이 발생하면 그 메일로 알림을 보냅니다. 따라서 수신 가능한 메일 주소로 설정하고, 변경이 필요하면 바로바로 업데이트하는 것이 좋습니다. 워드프레스 이메일 주소 변경하기 으로 이동합니다. 이메일 주소를 입력합니다. 을 클릭합니다. 새로운 이메일 주소로 인증 메일이 ...

워드프레스 강좌 / 플러그인 / Pixabay Images / 무료 이미지 사이트 픽사베이 이미지를 바로 글에 넣을 수 있는 플러그인

워드프레스 강좌 / 플러그인 / Pixabay Images / 무료 이미지 사이트 픽사베이 이미지를 바로 글에 넣을 수 있는 플러그인

Pixabay 픽사베이(Pixabay)는 개인은 물론 상업적 용도로도 사용할 수 있는 이미지를 공유하는 사이트입니다.(대부분 CC0 Creative Commons이나, 간혹 상업적 이용이 곤란한 것도 있으니 다운로드 받기 전에 라이센스를 확인하는 것이 좋습니다.) 현재 백만 개가 넘는 사진, 일러스트, 벡터 이미지, 동영상이 있으며, 일정 수준의 품질을 만족해야 공유 가능하므로 좋은 자료가 많습니다. 한글로 번역이 잘 되어 있는 편이어서 한국 ...

워드프레스 강좌 / 링크 없는 메뉴 만드는 방법

워드프레스 강좌 / 링크 없는 메뉴 만드는 방법

워드프레스의 메뉴는 링크를 가지고 있습니다. 하지만 계층형으로 만들거나 메뉴 그룹을 만들 때 링크가 없는 메뉴가 필요할 때가 있습니다. 기본 기능으로는 그러한 메뉴를 만들 수 없지만, 약간의 편법을 사용하면 가능합니다. 사용자정의 링크를 만듭니다. URL에는 아무거나 입력해도 상관없습니다. 뭘 쓸지 고민된다면 #을 입력하면 됩니다. URL이 비어 있으면 메뉴가 만들어지지 않으므로 꼭 입력해야 합니다. 메뉴 수정으로 가서 ...

워드프레스 강좌 / 플러그인 / Duplicate Menu / 메뉴 복사하는 플러그인

워드프레스 강좌 / 플러그인 / Duplicate Menu / 메뉴 복사하는 플러그인

워드프레스에서 메뉴를 만드는 게 그리 쉽지는 않습니다. 어렵다기 보다는 손이 많이 갑니다. 메뉴 아이템이 많으면 지루한 작업을 한참 해야 합니다. 메뉴 작업을 하다보면 비슷한 메뉴를 여러 개 만들어야 하는 경우도 있고, 긴 메뉴를 분할해야 하는 경우도 있습니다. 그 때마다 메뉴를 새로 만드는 건 너무 번거롭습니다. Duplicate Menu는 이러한 작업을 도와주는 플러그인입니다. 이름 ...

워드프레스 강좌 / 플러그인 / Rocket Font / 한글 글꼴 웹폰트로 설정하게 해주는 플러그인

워드프레스 강좌 / 플러그인 / Rocket Font / 한글 글꼴 웹폰트로 설정하게 해주는 플러그인

한글 글꼴 워드프레스 테마는 주로 영어권에서 개발합니다. 영어권이 아닌 곳에서 개발을 해도 영어 사용을 기준으로 개발합니다. 그래서 데모 사이트도 대부분 영어로 되어 있습니다. 여기서 문제가 발생합니다. 영어로 되어 있을 때는 아주 보기 좋은데, 한글로 바뀌면 이상해지는 경우가 많습니다. 멋진 디자인과 타이포그래피에 반해서 테마를 구입했는데, 한글을 사용하는 순간 기대했던 결과가 나오지 않는 ...

워드프레스 강좌 / 멀웨어 제거, 치료하는 방법

워드프레스 강좌 / 멀웨어 제거, 치료하는 방법

워드프레스와 멀웨어 워드프레스를 사용하는 사이트가 많다보니 공격도 많이 당합니다. 멀웨어에 감염되어서 사이트가 느려지거나, 서버 자원을 필요 이상으로 소비하거나, 다른 사이트로 리다이렉트시키는 등의 문제가 발생합니다. 멀웨어에 감염되면 index.php나 wp-config.php 등 주요 파일이 변형됩니다. 그리고 이상한 파일이 여기저기 잔뜩 생성됩니다. 따라서 치료 방법은 단순합니다. 변형된 파일은 문제 없는 파일로 교체하고, 이상한 파일은 삭제하면 됩니다. 문제는 ...

워드프레스 강좌 / 플러그인 / WP Mail SMTP / 메일 발신 서버 변경해주는 플러그인

워드프레스 강좌 / 플러그인 / WP Mail SMTP / 메일 발신 서버 변경해주는 플러그인

워드프레스에서 관리자에게 또는 사용자에게 메일을 보냅니다. 이때 별다른 설정이 없다면 PHP로 메일을 보냅니다. 그런데 PHP로 메일을 보내면 제대로 발송이 되지 않을 수도 있고, 받는 쪽에서 스팸으로 처리될 가능성이 높습니다. 이를 해결하는 방법은 지메일, 네이버 메일 같은 메일 서비스의 SMTP를 이용하는 것입니다. 그 설정을 도와주는 것이 워드프레스의 SMTP 플러그인이고, 가장 인기 있는 ...

워드프레스 강좌 / 플러그인 / Table of Contents Plus / 포스트, 페이지에 차례(목차) 만드는 플러그인

워드프레스 강좌 / 플러그인 / Table of Contents Plus / 포스트, 페이지에 차례(목차) 만드는 플러그인

긴 글을 읽을 때 차례(목차)가 있으면 좋습니다. 예를 들어 위키백과는 문서 상단에 목차가 있습니다. 목차가 있으면 문서가 어떤 내용을 담고 있는지 파악하기 쉽고 링크가 걸려 있어 원하는 내용으로 이동하기 편하다는 장점이 있습니다. Table of Contents Plus 목차를 영어로 Table of Contents, 줄여서 TOC라고 합니다. TOC로 검색하면 꽤 많은 플러그인이 나오는데, 가장 사용자가 많은 플러그인이 Table of ...

워드프레스 강좌 / 플러그인 / Schema / 구조화된 데이터 만들어주는 플러그인

워드프레스 강좌 / 플러그인 / Schema / 구조화된 데이터 만들어주는 플러그인

구조화된 데이터 SEO와 관련해서 해야 할 것 중의 하나가 구조화된 데이터를 만드는 것입니다. 구조화된 데이터는 콘텐츠에 관련된 정보를 검색 엔진에 알려주는 역할을 합니다. 만약 구조화된 데이터가 없으면 구글 웹마스터도구에서 다음과 같은 메시지를 보여줍니다. 사이트에 구조화된 데이터가 없습니다. 구조화된 데이터은(는) Google에서 사이트의 콘텐츠를 파악하여 검색결과에 리치 스니펫을 표시하는 데 도움을 줍니다. 구조화된 데이터는 HTML 마크업을 ...

워드프레스 강좌