WordPress에서 사용자 지정 탐색 메뉴를 추가하는 방법을 알고 싶으십니까? 기본적으로 많은 워드 프레스 테마 미리 정의된 메뉴 위치와 레이아웃을 제공합니다.
이 튜토리얼에서는 WordPress 테마에 다른 탐색 메뉴를 추가하는 방법을 보여줍니다.
그러나 이전에 WordPress discover를 설치 한 적이 없다면 워드 프레스 블로그 7 단계를 설치하는 방법 et 어떻게 찾아 설치하고 블로그에 워드 프레스 테마를 활성화하려면
그런 다음 왜 우리가 여기 있는지 다시 돌아옵니다.
언제 WordPress 테마에 사용자 정의 메뉴를 추가해야합니까?
가장 워드 프레스 테마 메뉴에서 웹사이트의 탐색 링크를 표시할 수 있는 적어도 하나의 위치를 제공합니다.
WordPress 대시 보드의 사용하기 쉬운 인터페이스에서 메뉴 항목을 관리 할 수 있습니다.
또한 우리의 발견 메뉴를 만들도록 설계된 10 프리미엄 WordPress 플러그인
이 튜토리얼은 DIY를 좋아하거나 컴퓨터에 추가 슬롯을 추가해야 하는 사용자를 대상으로 합니다. 워드 프레스 테마.
즉, WordPress 테마에 사용자 지정 탐색 메뉴를 추가하는 방법을 살펴 보겠습니다.
워드 프레스에서 커스텀 메뉴 만들기
탐색 메뉴는 WordPress 테마의 기능입니다. 각 WordPress 테마는 자체 메뉴 위치를 정의 할 수 있습니다.
사용자 지정 탐색 메뉴를 추가하려면 먼저이 코드를 추가하여 새 탐색 메뉴를 등록해야합니다. functions.php 파일 당신의 워드 프레스 테마.
기능 bpc_custom_new_menu () {register_nav_menu ( 'my-custom-menu', __ ( 'My Custom Menu')); } add_action ( 'init', 'bpc_custom_new_menu');
"로 갈 수 있습니다 외관> 메뉴 있음 워드 프레스 대시 보드 새 메뉴를 만들거나 편집 해보십시오. 당신은 볼 것이다내 맞춤 메뉴메뉴 위치의 옵션으로.
두 개 이상의 새 탐색 메뉴 위치를 추가하려면 다음과 같은 코드를 사용해야합니다.
function bpc_custom_new_menu () {register_nav_menus (array ( 'my-custom-menu'=> __ ( 'My Custom Menu'), 'extra-menu'=> __ ( 'Extra Menu'))); } add_action ( 'init', 'bpc_custom_new_menu');
메뉴 위치를 추가했으면 메뉴를 테스트하고 WordPress 대시보드에 몇 가지 항목을 추가합니다.
그러면 WordPress 웹 사이트에 메뉴를 표시하는 다음 단계로 이동할 수 있습니다.
워드 프레스에서 커스텀 메뉴보기
이제 WordPress 테마에 새 탐색 메뉴를 표시해야합니다. 일반적으로 탐색 메뉴가 배치되는 가장 일반적인 위치는 웹 사이트 제목 또는 로고 바로 뒤의 웹 사이트 헤더 섹션입니다.
그러나 원하는 위치에 탐색 메뉴를 추가 할 수 있습니다.
메뉴를 표시하려는 WordPress 테마의 템플리트 파일에이 코드를 추가해야합니다.
'my-custom-menu', 'container_class'=> 'custom-menu-class')); ?>
WordPress 테마 위치는 이전 단계에서 선택한 이름입니다.
컨테이너 클래스는 탐색 메뉴에 추가 될 CSS 클래스입니다. 메뉴는 웹 사이트에 간단한 글 머리 기호 목록으로 나타납니다.
CSS 클래스 "를 사용할 수 있습니다 custom_menu_class 메뉴 스타일. 시작하는 CSS 코드의 예는 다음과 같습니다.
div.custom 수준의 메뉴 UL {목록 스타일 타입 : 없음; 목록 스타일 : 없음; 목록 스타일 이미지 : 없음; } Div.custom 수준의 메뉴 리 {패딩 : 20px; 디스플레이 : 인라인; }
CSS 및 메뉴 레이아웃에 대한 도움이 필요한 경우 이러한 WordPress 시작 테마 중 하나를 사용하여 사용자 지정 테마를 구축하는 것이 좋습니다.
모바일 메뉴 만들기
이전 튜토리얼에서 자세히 설명했습니다. 모바일 용 메뉴를 만드는 방법.
이러한 메뉴가 모바일 트래픽에 얼마나 편리 할 수 있는지 확인했습니다.
테마와 프리미엄 워드 프레스 플러그인도 만나보세요
당신은 다른 것을 사용할 수 있습니다 워드 프레스 플러그인 현대적인 외관을 제공하고 블로그 또는 웹사이트의 처리를 최적화합니다.
우리는 여기에 당신을 도울 수있는 프리미엄 WordPress 플러그인을 제공합니다.
1. Woocommerce 기부
고객이 지정한 금액으로 WooCommerce 웹 사이트에서이 확장 기부를 통해 수락하십시오. 이것은 그들이 원하는만큼 줄 수 있습니다. 각 기부는 일반 WooCommerce 제품처럼 제공 될 수 있습니다.
고객이 장바구니 페이지를 건너 뛰거나 기부하지 않고 바로 결제로 이동하면 기부 할 수 있도록 결제 페이지 위에 링크가 표시됩니다.
WooCommerce 기부를 사용하는 각 단계는 스크린 샷과 함께 문서에 설명되어 있습니다. 플러그인을 활성화하면 카트에서 "기부 추가"필드를 찾을 수 있습니다.
2. 그것을 달력으로 만드십시오!
와 워드 프레스 플러그인 그것을 Calendarize! 달력 디자인을 사용자 지정하는 것은 무료 Visual Editor를 사용하면 특히 쉽습니다. 플러그인에는 시간, 주최자 및 위치와 같은 많은 분류를 기반으로하는 고급 필터링이 포함되어 있습니다. 일, 월 또는 연도를 기준으로 이벤트를 나열하고 위젯을 통해 예정된 이벤트를 볼 수 있습니다.
또한 플러그인은 사용자 역할 관리, 사용자 정의 게시물 유형, 여러 단축 코드 및 이벤트에 대한 사용자 정의 필드를 지원합니다. 또한 지불 옵션, 광고 옵션, 이벤트 및 예약 점수, 리뷰 등을 포함하여 각각 $ 15의 많은 유료 모듈이 있습니다.
기능은 다음과 같습니다. CSV 형식으로 이벤트 가져 오기, 연도 별 이벤트 표시, 이벤트 카운트 다운, 여러 결제 옵션 지원, 광고 옵션 지원, 공유 소셜 네트워크, 직관적 인 예약 양식 등…
3. 디렉토리 궁극 PRO
디렉토리 궁극의 PRO는 워드 프레스 플러그인 프리미엄은 인터넷에서 모든 유형의 디렉토리를 만들 수 있습니다. 모든 WordPress 테마에 통합할 수 있으며 필요에 따라 사용자 지정할 수 있습니다. 이 틈새 시장에서 웹 사이트의 주요 기능 중 하나인 사용자 지정 검색 기능을 보여줍니다.
검색 창을 사용하면 개인화 된 필터를 추가하고 검색 스타일을 선택할 수 있으며 마지막으로 웹 사이트에 완벽하게 적용됩니다.
기능으로는 100 % 반응 형 레이아웃, 사용자 정의 가능한 검색, 디렉토리를 표시하는 3 가지 방법, 모바일 탐색을위한 최적화, 우수한 SEO, 대부분의 최신 브라우저와의 호환성, 그리고 더
추천 자료
웹 사이트 구축 및 관리에 도움이되는 기타 권장 리소스에 대해 알아보십시오.
- 구글 양식 워드 프레스를 통합하는 방법
- WordPress에서 페이지를 올바르게 삭제하는 방법
- 블로그에 메가 메뉴를 만들기위한 8 WordPress 플러그인
- 블로그의 GDPR 준수를 보장하는 6 WordPress 플러그인
결론
짜잔! 이 튜토리얼에서 끝났습니다. 후자가 WordPress 블로그 또는 웹 사이트에 사용자 지정 탐색 메뉴를 추가 할 수 있기를 바랍니다.
그러나 귀하는 우리와 상담 할 수 있습니다. 능숙, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작.
이 튜토리얼에 대해 어떻게 생각하는지 알려주세요. 망설이지 마 좋아하는 소셜 네트워크에서 친구들과 공유.
...
