전문가처럼 WordPress 메뉴를 관리하고 최적화하는 방법

오늘 저는 많은 웹사이트에서 중요한 요소인 메뉴에 대해 이야기하고자 합니다.

웹사이트 메뉴는 레스토랑 메뉴와 비슷합니다. 이용 가능한 옵션을 빠르게 확인하고 계속 머물고 싶게 만드는 데 도움이 되어야 합니다.

그렇기 때문에 방문자의 입에 침이 고이도록 탐색 메뉴가 복잡하지 않고 명확하고 잘 구성되어야 합니다.

그렇다면 WordPress 메뉴는 어떻게 만들고 어떻게 구성합니까? 그것이 바로 우리가 보게 될 것입니다.

최고의 WordPress 프로젝트에는 최고의 호스트가 필요합니다!

WPMarmite는 Bluehost: 뛰어난 성능, 뛰어난 지원을 권장합니다. 멋진 시작을 위해 필요한 모든 것.

블루호스트 사용해보기

WordPress 메뉴를 설정하는 두 가지 방법

WordPress 관리자를 검색한 적이 있다면 탐색 메뉴를 만드는 첫 번째 본능은 아마도 Appearance > Menus 로 이동하는 것입니다.

그렇다면 쉽게 벗어날 수 있으므로 틀린 것이 아닙니다.

그러나 모양 > 사용자 정의 로 이동하면 "메뉴" 항목이 포함된 사이트의 사용자 정의 도구를 보게 됩니다. 더 직관적인 메뉴 생성 모듈로 이동하려면 클릭하세요.

따라서 이를 수행하는 두 가지 다른 방법이 있는 경우 질문할 수 있는 두 번째 방법을 사용하는 이유는 무엇입니까? 사용자 지정 프로그램을 사용하면 사이트 작업을 실시간으로 미리 볼 수 있다는 장점이 있습니다.

이제 커스터마이저에 뛰어들 준비가 되셨습니까? 심호흡, 플렉스, 가자!

커스터마이저에서

모양 > 사용자 정의 에서 "메뉴" 항목을 클릭한 다음 "새 메뉴 만들기" 버튼을 클릭합니다. 이름을 지정하고 사이트의 위치를 ​​지정합니다 (그렇지 않으면 메뉴가 표시되지 않음 ).

사용 가능한 메뉴 영역은 사이트에서 활성화된 WordPress 테마에 따라 다릅니다. 위 스크린샷에서 Astra WordPress 테마가 제공하는 5가지 영역을 볼 수 있습니다.

다음으로 할 시간입니다. 전용 버튼을 사용하여 메뉴에 항목을 추가하십시오. 이렇게 하려면 "항목 추가" 버튼을 클릭한 다음 메뉴를 통합할 준비가 된 다양한 유형의 항목을 즐기십시오.

• 사용자 정의 링크
• 페이지
• 게시물
• 카테고리
• 태그

특정 항목을 찾는 경우 이 목록 상단의 검색창을 사용할 수 있습니다.

메뉴를 만들었으면 메뉴에 항목을 추가하는 방법을 살펴보겠습니다.

메뉴에 항목 추가

본론으로 들어가기 전에 좋은 메뉴가 무엇인지 조언을 드리고자 잠시 여깄습니다.

사이트의 메뉴는 사용자 탐색의 진입점이므로 잘 관리해야 합니다.

이렇게 하려면 메뉴에 3가지 특성이 있어야 합니다.

1. 제한된 수의 항목입니다.
2. 간결하고 명확한 제목.
3. 있으면 하위 메뉴가 거의 없습니다.

사이트(특히 하위 메뉴의 경우)에 따라 예외가 있을 수 있다는 점에 동의합니다. 그러나 귀하의 사이트가 블로그 또는 소규모 쇼케이스 사이트인 경우 너무 지나치지 마십시오.

왜, 당신은 물을 수 있습니다?

방문자에게 더 많은 선택권을 제공할수록 방문자는 클릭할 항목에 대해 더 많이 생각해야 하므로 더 많은 시간이 걸리고 결국 다른 곳으로 이동할 수 있습니다.

조금은 식당 메뉴와 비슷해요. 많으면 많을수록 고르기 힘들어요.

따라서 요점에 도달하는 것을 잊지 마십시오.

이제 본격적으로 메뉴를 구성하는 방법을 살펴보겠습니다.

WordPress 메뉴에 페이지 추가하기

"항목 추가" 버튼을 클릭하면 이전에 만든 페이지가 즉시 표시됩니다.

페이지 목록 아래에 있는 필드와 버튼을 사용하여 새 페이지를 빠르게 생성할 수도 있습니다.

메뉴에 추가하려면 페이지 제목 앞의 "+"를 클릭하십시오.

홈 페이지는 로고에서 이미 액세스할 수 있으므로 메뉴에서 사이트의 홈 페이지에 대한 링크를 추가할 필요가 없습니다. 서비스 약관은 바닥글에 링크를 삽입하는 것이 좋습니다.

제거하려면 추가된 페이지의 제목 뒤에 있는 빨간색 십자가를 클릭하십시오.

페이지가 메뉴에 추가할 주요 요소인 경우 WordPress에서 제공하는 유일한 요소는 아닙니다.

메뉴에 링크 포함

탐색을 위해 메뉴에서 사용자 정의 링크를 사용하여 방문자를 다른 사이트(예: 파트너 사이트, 방문자를 아무 사이트로만 보내지 마십시오!)로 안내해야 할 수도 있습니다.

이렇게 하려면 "URL" 필드에 원하는 링크를 입력한 다음 "링크 텍스트" 필드에 링크 텍스트(앵커)를 입력합니다. 그런 다음 "메뉴에 추가"를 클릭하여 링크를 포함합니다.

메뉴에 항목 추가

WordPress를 사용하면 메뉴에 게시물을 추가할 수도 있지만 권장하지는 않습니다. 하나를 추가하고 싶은 생각이 든다면 아마도 대신 페이지를 생성했을 것입니다.

메뉴에 카테고리 추가하기

메뉴에 카테고리를 통합하는 것도 가능합니다. 이것은 블로그에서 매우 유용합니다. 사실, 이것은 WPMarmite가 바닥글에서 사용하여 관심 있는 기사를 더 쉽게 찾을 수 있도록 하는 것입니다.

페이지와 달리 카테고리를 생성해야 메뉴에 추가할 수 있습니다. WordPress 메뉴 관리 인터페이스에서는 카테고리를 생성할 수 없습니다.

따라서 "카테고리"를 클릭하여 WordPress 사이트에서 생성된 카테고리 목록을 확인하십시오. 그러나 귀하의 요청 없이 첫 번째 위치에 추가 범주가 삽입되었음을 알 수 있습니다.

이 "분류되지 않은" 카테고리는 WordPress의 기본 카테고리이며 "분류되지 않은" 게시물을 포함합니다. 그것의 존재는 사용자 경험이나 사이트의 SEO에 좋지 않습니다. 이 문서에서 다른 기본 카테고리를 설정하고 원하지 않는 카테고리를 제거하는 방법을 보여드리겠습니다.

메뉴에서 카테고리를 추가하거나 제거하려면 페이지 및 게시물과 동일한 방법으로 진행하십시오.

태그 삽입

카테고리와 마찬가지로 WordPress 메뉴에 태그를 추가하는 것은 블로그, 예를 들어 사이드바 또는 바닥글에서 흥미로울 수 있습니다.

WordPress가 수행한 작업을 기억할 수 있도록 메뉴를 저장하는 것을 잊지 마십시오.

WPMarmite 가입자 가입

마지막 WPMarmite 게시물(및 독점 리소스도 포함)을 가져옵니다.

지금 구독

WordPress에서 메뉴 항목 구성

항목 순서 변경

이 시점에서 메뉴는 아직 잘 구성되지 않았습니다. 여러 항목이 있지만 원하는 대로 배열될 필요는 없습니다.

메뉴를 재구성하려면 이보다 더 간단할 수 없습니다. 간단한 드래그 앤 드롭으로 메뉴를 포함하는 요소의 순서를 변경할 수 있습니다.

메뉴가 상상하는 것처럼 보일 때까지 이 작업을 수행합니다.

첫 번째 위치에 있는 메뉴 항목은 사이트에서 먼저 왼쪽에 표시됩니다.

하위 메뉴 만들기

추가할 항목이 많은 경우(오버로드 주의) 항목을 다른 항목 아래에서 약간 오른쪽으로 이동하고 다시 드래그 앤 드롭하여 하위 메뉴를 만들 수 있습니다.

위의 예에서 "전식", "메인 요리" 및 "디저트" 범주는 "레시피" 페이지의 하위 메뉴입니다.

앞서 말했듯이 여러 수준의 메뉴를 만들 수 있지만 기본에 충실하십시오. 하위 메뉴의 하위 메뉴를 상상해보세요! 방문자는 터널의 끝을 보지 못할 수 있습니다.

일반적으로 하위 메뉴 수준이 너무 많으면 메뉴가 제대로 구성되지 않습니다.

클릭할 수 없는 메뉴 항목(예: 하위 메뉴가 포함된 항목)을 추가하려면 사용자 정의 링크를 추가하고 "URL" 필드에 # 문자를 삽입하십시오. 항목이 추가되면 SEO 손상을 방지하기 위해 # 을 제거하십시오.

이제 프로세스를 살펴 보겠습니다 ...

메뉴 항목 수정

이 시점에서 메뉴가 거의 준비되었지만 실수했음을 깨달았습니다. WordPress 메뉴에서 항목을 제거하는 방법은 무엇입니까?

아마 눈치채셨겠지만 각 메뉴 항목에는 오른쪽에 작은 화살표가 있습니다. 클릭하면 해당 항목이 펼쳐져 추가 정보가 표시됩니다.

눈앞에 나타나는 "내비게이션 레이블" 필드를 사용하면 메뉴의 항목 제목을 변경할 수 있습니다.

메뉴에서 항목을 제거하기 위한 "제거" 링크가 있습니다.

WordPress 메뉴의 숨겨진 옵션

기본적으로 WordPress는 일부 메뉴 옵션을 숨깁니다. 이것은 명확성을 얻기 위함이며 무엇보다 초보자가 잘못된 행동을 하는 것을 방지하기 위함입니다.

이러한 유명한 옵션을 표시하려면 모양 > 사용자 정의 > 메뉴 에서 기어를 클릭하십시오.

이 상자를 선택하면 메뉴 항목에 새 필드가 나타납니다.

이 옵션이 무엇에 해당하는지 봅시다.

• 링크 대상 : 새 탭에서 대상 페이지를 여는 상자를 표시할 수 있습니다. 외부 링크의 경우 이 확인란을 선택하면 사용자가 사이트에 더 오래 머물 수 있습니다.
• Title Attribute : 이 옵션은 메뉴 항목 위로 마우스를 가져갈 때 메뉴 항목에 대한 설명을 표시하는 데 사용됩니다. 따라서 그 유용성이 감소하고 지금은 거의 사용되지 않습니다.
• CSS 클래스 : CSS로 메뉴 항목의 모양을 사용자 정의하려면 이 필드에 필요한 클래스를 배치하십시오.
• 링크 관계(XFN) : 사이트에 링크하고 있고 귀하 사이의 관계를 지정하려는 경우 XFN 속성을 사용할 수 있습니다. 실제로는 이것을 사용한 적이 없습니다. 필요하지 않을 가능성이 있습니다.
• 설명 : 일부 테마에서는 메뉴 제목 아래에 설명을 표시할 수 있지만 매우 드뭅니다.

이제 WordPress로 메뉴를 편집하는 방법을 알게 되었습니다. 의 최종 세부 사항으로 가자…

메뉴 설정

메뉴를 구성하는 데 필요한 모든 항목을 추가했으면 모양 > 메뉴 로 이동한 다음 메뉴 항목 아래에 있는 "메뉴 설정" 섹션으로 이동합니다.

선택할 수 있는 몇 가지 확인란이 있습니다.

• 페이지 자동 추가 : 이 확인란을 선택하면 생성한 페이지가 메뉴에 자동으로 추가됩니다. 메뉴가 사용자 정의되지 않기 때문에 이것은 거의 관심이 없습니다. 따라서 이 확인란을 선택하지 마십시오.
• 표시 위치 : 여기에 나열된 확인란을 사용하여 방금 만든 메뉴를 표시할 위치를 결정할 수 있습니다.
  메뉴를 사이트에 표시하려면 이 상자 중 하나를 선택해야 합니다.
  사용 가능한 메뉴 위치에는 테마에 따라 다른 제목이 있습니다. 일반적으로 주 메뉴 (주 메뉴) 에 대한 상자를 찾을 수 있습니다.

설정이 구성되면 파란색 "메뉴 저장" 버튼을 클릭하여 새 메뉴를 사용하십시오. 메뉴 삭제 링크는 더 이상 필요하지 않은 메뉴를 삭제할 수 있는 왼쪽 하단에도 있습니다.

WP Rocket으로 웹사이트 속도 향상

WordPress 전문가가 인정하는 가장 강력한 캐싱 플러그인을 사용하여 사이트를 로켓처럼 만드십시오.

WP 로켓을 사용해보십시오

위치 관리

이제 "위치 관리"라는 WordPress 메뉴 관리 페이지의 두 번째 탭에 무엇이 있는지 살펴보겠습니다.

이름에서 알 수 있듯이 이 탭을 사용하면 생성한 메뉴를 테마에서 제공하는 위치에 할당할 수 있습니다.

실제로 이 탭을 사용하면 메뉴가 표시되는 위치를 한 눈에 볼 수 있습니다. 그리고 라이브 뷰의 경우 탭 상단의 "실시간 미리보기로 관리" 버튼을 클릭합니다.

위치에 대한 메뉴를 할당하거나 편집하려면 드롭다운 메뉴를 사용합니다. 새 메뉴를 만들어야 하는 경우 "새 메뉴 사용" 버튼을 클릭합니다.

이 탭의 메뉴 목록은 테마에 따라 다릅니다.

"편집"을 클릭하면 관련 메뉴 편집 페이지로 이동합니다.

모든 메뉴가 제자리에 있으면 "변경 사항 저장"을 클릭하는 것을 잊지 마십시오.

WordPress 사이트의 다른 위치에 메뉴 배치

테마에서 제공하는 위치 외에도 "탐색 메뉴" 위젯을 통해 사이트의 사이드바(테마에서 제공하는 경우)와 바닥글에 메뉴를 삽입할 수 있습니다.

이렇게 하려면 새 메뉴를 만들고 위치를 지정하지 마십시오.

그런 다음 모양 > 위젯 으로 이동하여 선택한 위젯 영역에 "탐색 메뉴" 위젯을 추가합니다.

원하는 경우 제목을 작성한 후 위젯에 표시할 메뉴를 선택합니다. 그런 다음 "저장"을 클릭하여 이 새 메뉴를 활성화하십시오.

물론 이것은 선택 사항입니다. 테마의 기본 위치가 충분할 가능성이 있습니다.

결론

WordPress로 어떤 사이트를 디자인하든 방문자가 콘텐츠에 액세스할 수 있도록 하려면 필연적으로 하나 이상의 메뉴가 필요합니다.

워드프레스는 메뉴를 생성하기 위한 비교적 간단한 인터페이스를 가지고 있지만 특정 함정(너무 긴 메뉴, 쓸모없는 요소 등)에 빠지면 안 됩니다.

사이트 생성 및 디자인에 대해 더 자세히 알아보려면 단계별로 전문 WordPress 웹 사이트를 만들기 위한 가이드를 살펴보십시오 .

사이트에 얼마나 많은 WordPress 메뉴가 있습니까? 사이트의 어디에 배치합니까?

이 게시물 아래의 댓글에서 이에 대해 모두 알려주십시오.