WordPress 사이트에 이동 경로를 추가하는 방법
게시 됨: 2023-02-12내비게이션은 모든 웹사이트의 중요한 부분이며 이를 제공하는 방법은 여러 가지가 있습니다. 웹사이트의 기본 메뉴는 사용자를 원하는 콘텐츠로 안내하는 기본 탐색 도구입니다. 그러나 웹사이트에서 고객이 현재 어디에 있는지는 알려주지 않습니다.
이동 경로 메뉴는 홈페이지와 관련하여 고객이 어디에 있는지 알려주는 보조 내비게이션 시스템입니다. 이를 통해 웹 사이트 페이지를 쉽게 탐색하고 길을 잃지 않도록 할 수 있습니다.
이 기사에서는 이동 경로가 무엇이며 웹 사이트에 어떤 이점이 있는지 살펴보겠습니다. 그런 다음 WordPress 웹 사이트에 이동 경로를 추가하는 방법을 보여줍니다. 시작하자!
WordPress의 이동 경로는 무엇입니까?
이동 경로는 계층적 탐색 메뉴를 설명하는 데 사용되는 용어입니다. 이러한 종류의 메뉴에는 헨젤과 그레텔이 남긴 빵 부스러기 흔적과 다르지 않은 링크 흔적이 포함됩니다.
많은 사용자가 홈페이지를 통해 WordPress 사이트에 들어 가지 않기 때문에 이동 경로 탐색은 사용자가 도착한 위치를 이해하는 데 도움이 됩니다. 검색 엔진은 또한 탐색 경로를 사용하여 웹 페이지의 계층 구조를 더 잘 이해합니다.
이동 경로 추가의 이점
웹 사이트에 WordPress 이동 경로 메뉴를 추가하면 여러 가지 이점이 있습니다. 예를 들어 Google은 이동 경로를 좋아하므로 이 기능은 검색 엔진 최적화(SEO)를 개선하고 더 많은 방문자를 사이트로 유도할 수 있습니다.
이동 경로 메뉴는 사이트의 사용자 경험(UX)을 개선하기 때문에 이탈률을 줄일 수도 있습니다. 사용자가 웹사이트를 쉽게 탐색할 수 있으면 웹사이트에서 더 많은 시간을 보낼 가능성이 높습니다.
WordPress에 빵 부스러기를 추가하는 방법
두 가지 방법으로 WordPress 웹사이트에 이동 경로를 추가할 수 있습니다. 가장 쉬운 방법은 WordPress 플러그인을 사용하는 것이지만 사이트의 header.php 파일에 이동 경로를 코딩할 수도 있습니다. 두 가지 방법 중 하나를 사용하기 전에 문제가 발생할 경우를 대비하여 웹 사이트의 백업을 만들어야 합니다.
방법 1: 플러그인 사용
워드프레스에 이동 경로를 추가하는 가장 쉬운 방법은 이동 경로 플러그인을 사용하는 것입니다. Breadcrumb NavXT 및 Yoast SEO를 포함하여 사용할 수 있는 많은 플러그인이 있습니다.
Yoast SEO는 귀하의 웹사이트에서 이미 사용하고 있는 플러그인일 가능성이 높기 때문에 종종 최상의 옵션입니다.
1단계: Yoast SEO 플러그인 다운로드
Yoast는 SEO 플러그인이기 때문에 다양한 기능을 제공합니다. 여기에는 이동 경로 탐색의 생성 및 스타일 지정이 포함됩니다.
이 플러그인을 사용하려면 WordPress Plugin Directory에서 다운로드해야 합니다. 사이트의 플러그인 페이지로 이동하여 "Yoast SEO"를 검색하고 다른 플러그인과 마찬가지로 플러그인을 설치 및 활성화할 수 있습니다.
2단계: header.php 파일에 함수 추가
플러그인이 활성화된 후 사이트의 header.php 파일에 기능을 추가해야 합니다. 이 파일에 액세스하려면 모양 > 테마 편집기 로 이동하고 파일을 선택하여 엽니다.
그런 다음 이동 경로 설정 메뉴를 표시하려는 위치에 다음 코드를 추가합니다.
<?php
if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb( '</p><p>','</p><p>' );
}
?>
일반적으로 header.php 파일의 끝에 이 코드를 배치하는 것이 좋습니다. 그러나 결과가 어떻게 보이는지 보기 위해 사이트의 프런트 엔드를 확인하면서 메뉴의 배치를 실험할 수 있습니다.
탐색 경로 기능이 페이지의 다른 위치에 나타나도록 하려면 위의 기능을 테마의 single.php 또는 page.php 파일에 대신 추가할 수도 있습니다. 한 곳에만 추가했는지 확인하십시오.
3단계: 이동 경로 지원 활성화
마지막으로 이동 경로 지원을 활성화해야 합니다. Yoast SEO에서 이는 SEO > 검색 모양 > 이동 경로 로 이동하는 것을 의미합니다.
스위치를 "활성화"로 전환하기만 하면 됩니다. WordPress 이동 경로 메뉴가 설정되고 사용할 준비가 됩니다.
방법 2: 고유한 이동 경로 코딩
코딩을 통해 웹 사이트 이동 경로를 수동으로 추가할 수도 있습니다. 탐색경로 플러그인을 사용하지 않으려면 플러그인 없이 탐색경로를 추가할 수 있습니다. 이를 시도하기 전에 워드프레스 탐색경로의 SEO 잠재력을 최대한 활용하기 위해 마이크로데이터를 읽어보는 것이 좋습니다.
1단계: 스켈레톤 함수 생성
워드프레스에 이동 경로를 수동으로 추가하려면 PHP 함수를 생성해야 합니다. 이 함수를 만드는 첫 번째 단계는 스켈레톤을 만드는 것입니다. 스켈레톤 함수는 다른 함수와의 충돌을 피하기 위해 고유한 이름이 필요합니다.
function my_breadcrumbs() {
/* Breadcrumbs code will go here */
}
위의 기능은 스켈레톤이며 나머지 이동 경로 코드는 중괄호 안에 배치됩니다.
2단계: 기본 규칙 추가
스켈레톤을 생성한 후 함수에 규칙을 추가해야 합니다. 규칙은 이동 경로 섹션에 배치해야 합니다.
/* Change according to your needs */
$show_on_homepage = 0;
$show_current = 1;
$delimiter = '»';
$home_url = 'Home';
$before_wrap = '<span clas="current">';
$after_wrap = '</span>';
/* Don't change values below */
global $post;
$home_url = get_bloginfo( 'url' );
위의 규칙은 일반적으로 변수를 사용하므로 나중에 변경할 수 있습니다. 처음 두 변수는 "0"이 거짓이고 "1"이 참인 부울을 사용합니다.
3단계: ' if else ' 문 추가
변수 아래에 'if else' 문을 추가해야 합니다. 이 문은 사용자가 웹사이트의 홈페이지에 있는지 여부를 확인합니다. 이 정보를 기반으로 명령문은 이동 경로 표시 여부를 결정합니다.
/* Check for homepage first! */
if ( is_home() || is_front_page() ) {
$on_homepage = 1;
}
if ( 0 === $show_on_homepage && 1 === $on_homepage ) return;
/* Proceed with showing the breadcrumbs */
$breadcrumbs = '<ol itemscope itemtype="http://schema.org/BreadcrumbList">';
$breadcrumbs .= '<li itemprop="itemListElement" itemtype="http://schema.org/ListItem"><a target="_blank" href="' . $home_url . '">' . $home_url . '</a></li>';
/* Build breadcrumbs here */
$breadcrumbs .= '</ol>';
echo $breadcrumbs;
이 문이 함수에 추가되지 않으면 이동 경로 설정이 원할 때 표시되거나 표시되지 않을 수 있습니다.
4단계: 테마 헤더에 기능 추가
이동 경로 기능이 완료되면 웹사이트의 header.php 파일에 추가할 수 있습니다. Appearance > Theme Editor 로 이동하여 파일을 열고 맨 끝에 기능을 추가합니다.
그런 다음 변경 사항을 저장하고 프런트 엔드에서 새 웹 사이트 이동 경로 메뉴를 확인하십시오. 메뉴가 제대로 표시될 때까지 기능과 위치를 계속 조정할 수 있습니다(또는 필요한 경우 이동 경로를 비활성화).
WP 엔진으로 사이트 사용자 지정
이동 경로 탐색 메뉴는 사이트 방문자가 길을 찾는 데 도움이 됩니다. 또한 검색 엔진이 웹 사이트의 계층 구조를 더 쉽게 이해할 수 있습니다. Yoast SEO와 같은 플러그인은 웹사이트에 탐색 경로를 추가하는 가장 쉬운 방법이지만 수동으로 코딩할 수도 있습니다.
올바른 웹 호스트를 사용하면 웹 사이트의 성능을 보장하여 개발 및 UX에 집중할 시간을 확보할 수 있습니다. WP 엔진은 최고의 관리형 워드프레스 호스팅 계획과 놀라운 웹사이트 경험을 만들기 위한 최고의 리소스를 제공할 수 있습니다!