WordPress 탐색 메뉴를 개선하는 방법
게시 됨: 2023-11-22잘 구조화되고 조직화된 탐색 메뉴는 모든 웹사이트에 필수적입니다. 이를 통해 방문자는 원하는 콘텐츠를 빠르게 찾을 수 있어 전반적인 탐색 경험이 향상됩니다. 이 튜토리얼에서는 WordPress 웹사이트의 탐색 메뉴를 향상하고 개선하는 다양한 기술에 대해 설명합니다.
목차
1. 맞춤 메뉴 및 외모 메뉴 화면 활용
WordPress에는 사이트의 탐색 메뉴를 정의할 수 있는 사용자 정의 메뉴 및 모양 메뉴 화면이라는 내장 기능이 제공됩니다. 이 기능은 사용하기 쉬우며 사이트 내의 페이지, 게시물, 카테고리 또는 기타 외부 웹사이트에 연결되는 사용자 정의 메뉴를 만들 수 있습니다. 이 기능을 활용하면 탐색 메뉴의 구조와 내용을 완전히 제어할 수 있습니다.
2. WordPress 탐색에 탐색경로 추가
이동 경로는 사용자가 웹사이트의 시작점이나 진입점을 따라갈 수 있는 길을 제공하는 유용한 탐색 도구입니다. 일반적으로 웹페이지 상단, 제목 표시줄 또는 헤더 아래에 가로로 나타납니다. 이동 경로는 사이트의 계층 구조를 나타내는 링크로 구성됩니다.
WordPress 탐색에 이동 경로를 추가하려면 BreadCrumb NavXT 또는 Smart Breadcrumbs와 같은 플러그인을 사용할 수 있습니다. 이 플러그인을 사용하면 사이트 탐색경로의 모양과 기능을 사용자 정의할 수 있습니다.
3. WordPress의 다음 및 이전 링크 사용자 정의
기본적으로 WordPress에서는 각 페이지 하단에 “<< 다음” 및 “이전 >>” 링크를 표시합니다. 그러나 이 탐색 방법은 특정 페이지에 액세스하려면 여러 번 클릭해야 하기 때문에 사용자에게는 비효율적일 수 있습니다.
탐색을 개선하고 보다 사용자 친화적인 경험을 제공하려면 WP-PageNavi 또는 WP-Page Numbers와 같은 플러그인을 사용할 수 있습니다. 이러한 플러그인은 특정 페이지로 이동할 수 있는 옵션이 있는 링크된 페이지 목록을 생성하여 방문자가 콘텐츠를 더 쉽게 탐색할 수 있도록 합니다.
4. WordPress 단일 페이지에 다음 및 이전 링크 추가
앞서 언급한 플러그인은 여러 페이지의 탐색 기능을 향상시키지만 단일 게시물에서는 작동하지 않을 수 있습니다. 그러나 테마의 "single.php" 파일을 수정하여 이전 게시물과 다음 게시물에 연결된 제목을 표시할 수 있습니다.
"single.php" 파일에 다음 코드를 추가하면 이전 및 다음 게시물에 대한 눈에 띄는 링크를 표시할 수 있습니다.
<div> <div><?php previous_post_link('« Post before this: %link') ?><br /></div> <div><?php next_post_link('%link » Post After This') ?></div> <div></div> </div>방문자가 이전 및 다음 게시물 링크를 더 눈에 띄게 만들려면 테마 디자인에 따라 코드를 사용자 정의하세요.
5. 사용자 역할에 따라 특정 페이지에 대한 액세스를 제한합니다.
특정 페이지, 게시물, 사용자 정의 게시물 유형 또는 사용자 역할에 따른 카테고리를 숨기려면 “WordPress용 사용자 역할별 페이지” 플러그인을 사용할 수 있습니다. 이 플러그인을 사용하면 사용자의 역할에 따라 콘텐츠에 대한 액세스를 제한하고, 사용자가 로그인하지 않은 경우 검색 결과 및 메뉴에서 페이지나 카테고리를 제거할 수 있습니다.
이 플러그인을 활용하면 다양한 사용자 역할에 대해 보다 개인화되고 타겟팅된 탐색 경험을 만들 수 있습니다.
6. 홈페이지 및 기타 페이지의 발췌문 사용자 정의
발췌는 독자가 전체 콘텐츠에 액세스하려면 "자세히 보기" 링크를 클릭하도록 권장하는 게시물의 짧은 요약입니다. 기본적으로 게시물 내용 상자 아래의 "발췌" 상자에 발췌문을 추가할 수 있습니다.
홈페이지에 발췌문을 만들려면 홈페이지 발췌문과 같은 플러그인을 사용할 수 있습니다. 또한 테마에서 "the loop"를 수정하고 다른 모든 페이지에서 "_content"를 "_excerpt"로 변경할 수 있습니다.
발췌 사용을 사용자 정의하면 방문자에게 더욱 매력적이고 유익한 탐색 기능을 만들 수 있습니다.
7. WordPress에서 다중 페이지 탐색 구현
긴 게시물이나 기사의 경우 콘텐츠를 여러 페이지로 분할하는 것이 도움이 될 수 있습니다. WordPress에서는 다음 페이지 버튼이나 <!--nextpage--> 퀵태그를 사용하여 여러 페이지로 구성된 게시물을 생성하는 기능을 제공합니다.
다중 페이지 탐색을 향상시키려면 다중 페이지 툴킷 플러그인을 활용할 수 있습니다. 이 플러그인은 각 페이지의 제목을 생성하고, 다양한 페이지 매김 옵션(이전 및 다음 링크, 페이지 제목 링크, 번호가 매겨진 링크)을 제공하고, 게시물의 총 페이지 수를 표시할 수 있도록 하여 다중 페이지 게시물의 기능을 확장합니다.
8. 콘텐츠 뒤에 관련 게시물 표시
게시물 콘텐츠 다음에 관련 게시물을 표시하면 사용자 참여도가 크게 향상되고 방문자가 콘텐츠를 더 많이 탐색하도록 유도할 수 있습니다. 관련 포스트 블록 삽입을 자동화하는 데 사용할 수 있는 여러 플러그인이 있습니다.
"내 관련 게시물" 및 "YARPP(Yet Another 관련 게시물 플러그인)"와 같은 플러그인은 다양한 기준에 따라 관련 게시물을 표시하고 관련 게시물 섹션의 모양을 사용자 정의할 수 있는 옵션을 제공합니다.
9. 인기 게시물을 게시물 조회수로 표시
가장 인기 있는 게시물을 소개하면 방문자의 관심을 끌고 웹사이트에 계속 참여할 수 있습니다. "WP Post Views" 플러그인은 가장 많이 본 게시물을 표시하는 사이드바 위젯을 제공합니다. 이 플러그인을 활용하면 최고의 콘텐츠를 쉽게 선보이고 방문자가 사이트를 더 탐색하도록 유도할 수 있습니다.
10. 플러그인을 사용하여 탐색 기능 확장
WordPress는 탐색 메뉴의 기능을 향상하고 확장할 수 있는 다양한 플러그인을 제공합니다. 몇 가지 주목할만한 플러그인은 다음과 같습니다:
- ConMe: 콘텐츠 그룹을 생성 및 관리할 수 있는 플러그인으로, WordPress 콘텐츠를 쉽게 분류하고 스타일을 지정할 수 있습니다.
- Easy Custom Content Types: 복잡한 코딩 없이 사용자 정의 게시물 유형, 분류 및 메타박스 생성을 단순화하는 플러그인입니다.
- WordPress 콘텐츠 유형 관리자: 사용자 정의 게시물 유형, 사용자 정의 분류, 사용자 정의 필드, 사용자 정의 단축 코드 및 사용자 정의 테마 옵션을 쉽게 생성할 수 있는 플러그인입니다.
- WP 사전 광고: 실제 게시물 콘텐츠를 표시하기 전에 광고를 표시할 수 있는 플러그인으로 웹 사이트에 추가 수익 창출 옵션을 제공합니다.
- Post Validator: 게시물을 게시하기 전에 유효성을 검사하여 게시물의 품질을 보장하는 데 도움이 되는 플러그인으로, 특히 다중 작성자 웹사이트에 유용합니다.
- 프리미엄 추천 게시물 슬라이더: 다양한 레이아웃과 사용자 정의 옵션을 사용하여 콘텐츠를 보여주는 슬라이더를 만들 수 있는 플러그인입니다.
11. 이미지로 카테고리 탐색 강화
카테고리 이름에 이미지를 할당하면 탐색 메뉴의 시각적 매력을 향상시킬 수 있습니다. 텍스트를 카테고리 이미지로 대체하여 방문자의 시각적 관심을 더욱 높일 수 있습니다. Category Icons 또는 Category Icons Lite와 같은 플러그인을 사용하면 카테고리에 아이콘을 할당할 수 있으며, 이는 탐색 메뉴의 카테고리 제목 옆에 표시됩니다.
12. 사이드바 탐색 사용자 정의
사이드바 탐색을 사용자 정의하면 추가 탐색 요소를 제공하고 보다 맞춤화된 사용자 환경을 제공할 수 있습니다. 사용자 정의 게시물 유형 나열, 사용자 정의 메뉴 생성, iFrameWidgets와 같은 플러그인 활용 등 다양한 옵션을 탐색하여 WordPress 사이드바를 사용자 정의할 수 있습니다.
13. WordPress 관리 메뉴 사용자 정의
웹사이트 관리자의 사용자 경험을 개선하기 위해 WordPress 관리 메뉴를 사용자 정의할 수 있습니다. 친숙한 관리 메뉴와 같은 플러그인은 큰 아이콘이 포함된 보다 논리적이고 사용하기 쉬운 탭 인터페이스를 제공하므로 관리 대시보드를 더 쉽게 탐색하고 필수 설정에 액세스할 수 있습니다.
결론
이러한 기술을 따르고 제안된 플러그인을 활용하면 WordPress 웹사이트의 탐색 메뉴를 크게 향상시킬 수 있습니다. 잘 구성되어 있고 사용자 친화적인 탐색 메뉴는 방문자의 전반적인 탐색 경험을 향상시켜 방문자의 참여를 유지하고 더 많은 콘텐츠를 탐색하도록 장려합니다.
FAQ: 탐색 메뉴 개선
WordPress에서 탐색 메뉴를 어떻게 사용자 정의합니까?
WordPress의 탐색 메뉴를 사용자 정의하려면 다음 단계를 따르세요.
1. WordPress 관리 대시보드에 로그인합니다.
2. "외관"으로 이동하여 "메뉴"를 선택합니다.
3. "새 메뉴 만들기" 링크를 클릭하여 새 메뉴를 만듭니다.
4. 메뉴 이름을 지정하고 "메뉴 만들기" 버튼을 클릭하세요.
5. 메뉴에 항목을 추가하려면 왼쪽에서 원하는 페이지, 게시물 또는 사용자 정의 링크를 선택하고 "메뉴에 추가" 버튼을 클릭하세요.
6. 메뉴 항목을 원하는 순서로 끌어서 놓아 정렬합니다.
7. 하위 메뉴를 생성하려면 메뉴 항목을 다른 항목 바로 아래로 약간 드래그합니다. 그러면 하위 메뉴 항목이 됩니다.
8. 각 항목 옆에 있는 아래쪽 화살표를 클릭하고 "탐색 레이블" 필드를 수정하여 메뉴 항목 레이블을 사용자 정의합니다.
9. "메뉴 설정" 섹션에서 원하는 위치 옆에 있는 상자를 선택하여 메뉴 위치를 설정합니다.
10. "메뉴 저장" 버튼을 클릭하여 변경 사항을 저장합니다.
그게 다야! 이제 탐색 메뉴가 원하는 대로 사용자 정의되어야 합니다.
내비게이션 바를 어떻게 개선할 수 있나요?
탐색 모음을 개선하려면 다음 단계를 고려하세요.
1. 단순하게 유지하십시오. 메뉴 항목의 수를 가장 중요한 항목으로 제한하십시오. 어수선한 탐색 모음은 사용자를 혼란스럽게 하고 원하는 것을 찾기 어렵게 만들 수 있습니다.
2. 설명 라벨을 사용하세요. 메뉴 항목에 링크된 콘텐츠나 섹션을 정확하게 나타내는 명확하고 간결한 라벨이 있는지 확인하세요. '제품' 또는 '서비스'와 같은 일반적인 라벨은 피하고 구체적으로 작성하세요.
3. 중요한 페이지의 우선순위 지정: 가장 중요한 페이지나 섹션을 탐색 모음 시작 부분에 배치하세요. 사용자는 탐색 모음의 왼쪽에 집중하는 경향이 있으므로 왼쪽에 있는 중요한 항목을 보고 클릭할 가능성이 더 높습니다.
4. 쉬운 접근 보장: 웹 사이트의 모든 페이지에서 탐색 표시줄이 눈에 띄게 표시되고 쉽게 접근할 수 있는지 확인하세요(이상적으로는 페이지 상단에 위치). 사용자는 그것을 찾기 위해 검색하거나 스크롤할 필요가 없습니다.
5. 모바일에 최적화: 탐색 표시줄이 반응성이 있고 모바일 장치에서 잘 작동하는지 확인하세요. 작은 화면에서 원활한 사용자 환경을 제공하려면 햄버거 메뉴나 기타 모바일 친화적인 탐색 패턴을 사용하는 것이 좋습니다.
6. 드롭다운 메뉴를 아껴서 사용하세요. 하위 페이지나 섹션이 많은 경우 드롭다운 메뉴를 사용하여 정리하세요. 그러나 중첩된 레벨이 너무 많으면 탐색이 복잡하고 부담스러울 수 있으므로 피하십시오.
7. 검색 기능 제공: 사용자가 메뉴를 통해 특정 콘텐츠를 찾을 수 없는 경우 신속하게 검색할 수 있도록 탐색 표시줄 내에 검색 표시줄을 추가하는 것을 고려해 보세요.
8. 테스트 및 분석: 사용자 행동을 지속적으로 모니터링하고 A/B 테스트를 수행하여 탐색 모음을 최적화합니다. 사용자 피드백에 주의를 기울이고 그에 따라 조정하십시오.
잘 디자인된 탐색 모음은 사용자 경험을 크게 향상시키고 웹사이트의 전반적인 유용성을 향상시킬 수 있다는 점을 기억하십시오.
좋은 탐색 메뉴란 무엇입니까?
좋은 탐색 메뉴는 다음과 같아야 합니다.
– 명확하고 직관적: 메뉴 라벨은 설명적이고 이해하기 쉬워서 사용자가 웹사이트를 빠르게 탐색할 수 있도록 해야 합니다.
– 간결함: 사용자가 너무 많아지지 않도록 메뉴 항목 수를 최소한으로 유지하십시오(이상적으로는 7개 미만).
– 일관성: 웹사이트의 모든 페이지에서 동일한 탐색 구조를 유지하여 일관된 사용자 경험을 제공합니다.
– 표시 가능: 탐색 메뉴를 헤더나 사이드바 등 눈에 잘 띄는 위치에 배치하여 모든 페이지에서 쉽게 접근할 수 있도록 합니다.
– 모바일 친화적: 반응형 디자인을 사용하거나 작은 화면에서도 사용하기 쉬운 모바일 메뉴를 구현하여 모바일 장치에 맞게 탐색 메뉴를 최적화합니다.
– 검색 엔진 친화적: JavaScript 또는 Flash 기반 메뉴 대신 텍스트 기반 링크를 사용하여 검색 엔진이 탐색을 크롤링하고 이해할 수 있도록 합니다.
WordPress에서 동적 탐색 메뉴를 어떻게 만듭니까?
WordPress에서 동적 탐색 메뉴를 만들려면 다음 단계를 따르세요.
1. WordPress 관리자 패널에 로그인합니다.
2. “외관” -> “메뉴”로 이동합니다.
3. "새 메뉴 만들기"를 클릭하고 이름을 지정하세요.
4. 왼쪽 열에서 메뉴에 추가하려는 페이지, 카테고리 또는 사용자 정의 링크를 선택하십시오.
5. 항목을 끌어서 놓아 원하는 순서로 정렬하세요.
6. 메뉴를 동적으로 만들려면 "새 최상위 페이지 자동 추가" 옵션을 선택하세요. 그러면 새 페이지가 생성될 때 메뉴에 자동으로 추가됩니다.
7. 항목을 모두 추가한 후 '메뉴 저장' 버튼을 클릭하세요.
8. 웹사이트에 메뉴를 표시하려면 '위치 관리' 탭으로 이동하세요.
9. "기본 메뉴" 위치의 드롭다운에서 원하는 메뉴를 선택합니다.
10. '변경사항 저장' 버튼을 클릭하세요.
이제 동적 탐색 메뉴가 WordPress 웹사이트에 표시되고 새로운 최상위 페이지가 자동으로 메뉴에 추가됩니다.