내비게이션 메뉴 시스템이 워드 프레스 3.0과 함께 출시되었을 때, 이것은 워드 프레스를 블로그 플랫폼에서 강력한 CMS로 변화시킨 요인 중 하나였습니다.

즉, 사용자 지정 링크를 포함하여 웹 사이트의 탐색 메뉴에 원하는 모든 콘텐츠를 추가 할 수 있습니다. "드래그 앤 드롭"인터페이스는 누구나 코딩 기술 없이도 자신 만의 맞춤형 메뉴를 만들 수 있음을 의미했습니다.

그러나 때때로 당신은 그것에 의존하고 싶지 않습니다. 웹 사이트에 페이지를 추가하려는 고객을 위해 웹 사이트를 개발하는 경우 기술이 없거나 부족할 때 탐색 메뉴를 업데이트 할 가능성이 낮습니다. .

자동 탐색 메뉴가 유용한 곳입니다.

이 튜토리얼에서는 웹 사이트의 모든 페이지를 표시하는 자동 탐색 메뉴와 탐색 메뉴에서 하위 레벨 항목으로 표시되는 하위 페이지를 작성하는 방법을 보여 드리겠습니다.

그런 다음 원하는 경우이 코드를 테마의 페이지 머리글, 사이드 바 또는 바닥 글에 추가 할 수 있습니다. 그러면 자동으로 업데이트되는 사용자 링크가 표시됩니다. 새 콘텐츠가 웹 사이트에 추가됩니다.

그러나 WordPress를 설치 한 적이 없다면 워드 프레스 블로그 7 단계를 설치하는 방법 et 어떻게 찾아 설치하고 블로그에 워드 프레스 테마를 활성화하려면 

그런 다음 왜 우리가 여기 있는지 다시 돌아옵니다.

다음은 WordPress 탐색 메뉴를 자동화하는 데 필요한 것입니다.

• 몇 페이지와 하위 페이지가 추가 된 WordPress 개발 또는 테스트 설치
• 코드 에디터.

설정 코드

이 코드를 플러그인에 추가하여 WordPress 테마를 변경하더라도 영구적으로 유지되도록합니다. 이런 식으로 테마에 플러그인 기능을 추가하여 원하는 위치에 탐색 메뉴를 추가 할 수 있습니다. 워드 프레스 테마에 " 후크 이 코드를 주입하기 위해 하나 이상을 사용할 수 있습니다.

또한 우리의 목록을 참조하십시오 10 카운트 다운을 만드는 WordPress 플러그인

후크가없는 타사 WordPress 테마로 작업하는 경우 테마에 코드를 추가해야합니다. 테마에 직접 코딩하지 마세요. 대신 하위 테마를 만들고 코드를 추가하세요. 편집하려는 기본 테마에서 테마 템플릿 파일의 복제본을 만들어 하위 테마에 추가하고 편집하기 만하면됩니다.

1 단계

첫 번째 단계는 플러그인을 만드는 것입니다. "에 폴더를 만듭니다 wp-content/plugins ". 폴더를 생성한다는 것은 스타일 시트 나 파일을 포함해야하는 경우 나중에 플러그인에 더 많은 파일을 추가 할 수 있음을 의미합니다.

먼저 코멘트에 플러그인의 로그인 코드를 추가하여 WordPress에 무엇인지 알려야합니다.

<?php
/**
 *플러그인 이름:플러그인
 * 플러그인 URI: http://blogpascher.com
 * 설명: WordPress 플러그인
 * 버전: 1.0
 * 작가 : 허베
 * 작성자 URI: http://blogpascher.com
 *
 */

이제 플러그인을 활성화합니다.

그런 다음 하위 테마를 사용하는 경우 구성하십시오. Twenty Seventeen 테마의 자식 테마를 사용하고 있습니다. 여기 내 스타일 시트가 있습니다.

<?php
/**
 *플러그인 이름:플러그인
 * 플러그인 URI: http://blogpascher.com
 * 설명: WordPress 플러그인
 * 버전: 1.0
 * 작가 : 허베
 * 작성자 URI: http://blogpascher.com
 *
 */

@import url( " ../twentyseventeen/style.css " );

그런 다음 웹 사이트에 아직 페이지가 없으면 몇 개를 추가하십시오. 여러 수준의 구조를 가져야합니다. 내 가짜 페이지는 다음과 같습니다.

이제 플러그인에 코드를 추가해 봅시다.

모든 페이지를 계층 적으로 나열하는 함수 만들기

우리는« wp_list_pages () 모든 페이지를 검색하고 링크와 함께 나열합니다. 그러나 먼저 그것에 대한 몇 가지 주장을 정의해야합니다. 함수를 생성하여 시작하고 다음 인수를 추가합니다.

wpmu_list_pages () {wpmu_list_pages () {$ args = 배열 ​​( 'depth'=> 2); }

인수는 매우 간단합니다. 우리가 원하는 페이지 수준에 대해 하나만 있습니다. "2"로 설정하면 최상위 페이지와 하위 페이지가 표시되지만 더 이상 표시되지 않습니다.

발견 워드 프레스 및 솔루션에 대한 5 연결 일반적인 오류

이제 인수 뒤에 "wp_list_pages ()"함수를 추가해 보겠습니다.

wp_list_pages ($ 인수);

다음은 완전한 기능입니다.

wpmu_list_pages () {wpmu_list_pages () {$ args = 배열 ​​( 'depth'=> 2); wp_list_pages ($ args); }

테마에 기능 추가

현재이 기능은 내 웹 사이트에 아무것도 표시하지 않습니다. 이를 변경하려면 기본 테마 헤더의 사본을 하위 테마에 추가하고 편집해야합니다.

참조 : 클라이언트 웹 사이트에서 WordPress 작업을 보호하는 방법

헤더 파일을 자식 테마에 복사하여 엽니 다. Twenty Seventeen에서 탐색 메뉴 코드는 " 템플릿-파트 / 탐색 /navigation-top.php 즉,이 파일의 사본을 내 하위 테마의 동일한 위치에 추가해야합니다.

더 나아가십시오 워드 프레스 자식 테마를 설치하는 방법

테마에서 이것은 파일이 될 수 있습니다 header.php 복사해야합니다.

테마에 따라 메뉴 코드가 달라집니다. 내가 사용중인 코드는 다음과 같이 교체해야합니다.

'top', 'menu_id'=> '상단 메뉴',)); ?>

"else {}"선언의 기존 코드와 함께 새 기능을 추가하려면 탐색 메뉴의 코드를 수정하십시오.

'top', 'menu_id'=> '상단 메뉴',)); }?>

조건문이 중요합니다. 먼저 플러그인에 추가 한 함수가 있는지 확인합니다 (즉, 플러그인이 활성화 된 경우) 그리고 있다면 그 기능을 수행합니다. 그렇지 않으면 정상적으로 작동합니다.

에 대한 우리의 가이드를 참조하십시오 워드 프레스에 광고 블록을 표시하는 방법

이제 내 웹 사이트를보십시오.

링크가 나타나지만 몇 가지 문제가 있습니다. 맨 위에 "페이지"가 ​​표시되는 것을 원하지 않습니다 (이것은 기능의 기본값입니다 wp_list_pages () ) 페이지를보다 효율적으로 주문하고 싶습니다. 홈 페이지가 목록의 중간에 있으며 이는 이상적이지 않습니다.

기능 향상

플러그인 코드로 돌아가서 이러한 문제를 해결하도록 수정하겠습니다.

이미 정의한 인수 찾기 wp_list_pages ():

$ args = 배열 ​​( '깊이'=> 2);

그리고 그것을 편집하십시오 :

$ args = 배열 ​​($ args = 배열 ​​( 'depth'=> 2, 'title_li'=> ' '. __ ( '메뉴', 'bpc'). ' ','sort_column '=>'메뉴 순서 ');

이것은 두 개의 추가 인수를 추가합니다 :

• 목록 앞의 마크 업에 " 메뉴 대신 페이지 ".
• 페이지가 표시되는 순서입니다.

페이지의 편집 화면으로 돌아가서 각 페이지의 순서를 정의해야합니다. 홈 페이지를 "0"값으로 설정하면 다른 최상위 페이지가이 값보다 높습니다. 

또한 가이드를 읽어보십시오 : 점차 페이스 북과 Disqus 의견을로드하는 방법

이제 메뉴를 표시하면 다음과 같이 나타납니다.

두 번째 수준 페이지의 메뉴 순서를 변경할 수도 있습니다. 이는 최상위 페이지 위에 표시되지 않으므로 각 하위 페이지 세트에 대해 0 또는 1에서 시작할 수 있습니다.

프리미엄 워드 프레스 플러그인도 만나보세요  

당신은 다른 것을 사용할 수 있습니다 워드 프레스 플러그인 현대적인 외관을 제공하고 블로그 또는 웹사이트에 대한 연결을 최적화합니다.

우리는 여기에 당신을 도울 수있는 프리미엄 WordPress 플러그인을 제공합니다.

1. 중력 양식

사업주로서 고객이 연락 할 수 있도록 허용하는 것이 최우선 과제입니다. 중력 양식 의 플러그인입니다 연락처 양식 WordPress에서 가장 인기있는.

당신은 그것을 위해 사용할 수 있습니다 모든 유형의 양식을 작성하십시오., 견적서, 설문 조사 등.

다운로드 | 데모 | 웹 호스팅

2. eForm

eForm은 기존 WordPress 웹 사이트에 통합 할 수있는 유연한 고급 양식 작성기입니다. 완전한 양식 관리 솔루션입니다. 이것은 무엇보다도 퀴즈, 설문 조사, 데이터 수집, 지불 추정 및 사용자 의견과 관련이 있습니다.

이러한 양식 디자이너를 사용하면 무제한으로 양식을 디자인하고 대시 보드에서 양식을 관리 할 수 ​​있습니다. 모든 요청은 데이터베이스에 저장되므로 저장된 데이터를보고 추적하고 분석하고 조치를 취할 수 있습니다.

에 대한 기사를 읽으십시오 어떻게 컨텐츠 마케팅은 블로그의 검색 엔진 최적화에 영향을 미치는

또한 사용자 포털을 통해 등록 된 사용자는 요청을 검토하고 추적 할 수도 있습니다.

다운로드 | 데모 | 웹 호스팅

3. Mailster

메일스터는 워드 프레스 플러그인 뉴스레터를 웹사이트에 통합하는 데 도움이 되는 사용하기 쉬운 프리미엄입니다. 후자를 사용하면 번거로움 없이 캠페인을 만들고, 보내고, 추적할 수 있습니다.

주요 기능은 공개 이메일, 클릭, 구독 및 이탈률을 추적하는 기능, 캠페인을 타겟팅하는 기능, 캠페인 관리 및 계획, 6 가지 자동 응답 지원, 무제한 생성 기능입니다. 등록 양식, 사용자 친화적 인 인터페이스, 배경 사용자 지정, 다국어 지원, 그리고 훨씬 더.

다운로드 | 데모 | 웹 호스팅

추천 자료

웹 사이트 구축 및 관리에 도움이되는 기타 권장 리소스에 대해 알아보십시오.

• 블로그에 메가 메뉴를 만들기위한 8 WordPress 플러그인
• WordPress에 최근 기사를 표시하는 방법
• WordPress에서 슬라이더 혁명으로 슬라이드 쇼를 만드는 방법
• 워드 프레스에 광고 블록을 표시하는 방법

결론

여기 있습니다! 이 튜토리얼의 전부입니다. 메뉴에 페이지를 자동으로 추가 할 수 있기를 바랍니다. 이 분야에 대해 우려 사항이나 제안 사항이 있으시면 논의 할 의견 섹션.

그러나 귀하는 우리와 상담 할 수 있습니다. 능숙, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작 또는 Divi : 역대 최고의 워드 프레스 테마.

그러나 그동안, 이 기사를 다른 소셜 네트워크에서 공유하십시오.

...