WordPress 탐색 메뉴에 홈 아이콘 추가

홈 메뉴

우리는 WordPress를 좋아하고 거의 매일 함께 작업합니다. WordPress에서 활성화 된 내비게이션 메뉴는 놀랍습니다. 사용하기 쉬운 멋진 드래그 앤 드롭 기능입니다. 테마에 메뉴를 수정할 수있는 메뉴 섹션이 없다면 새로운 개발자를 찾아야합니다!

Ajax로드를 추가하여 내비게이션 메뉴에서 홈 링크의 크기를 줄이고 홈 아이콘을 추가하고 싶었습니다. 하지만 아이콘을 추가하는 것은 WordPress를 통한 옵션이 아니므로 테마의 functions.php 파일을 통해 기능을 추가해야했습니다. 온라인에서 스 니펫을 찾았습니다. 메뉴에 홈 링크 추가… 텍스트 링크 대신 실제 이미지를 사용하도록 수정해야했습니다.

WordPress에 홈 아이콘 추가

add_filter ( 'wp_nav_menu_items', 'add_home_link', 10, 2); function add_home_link ($ items, $ args) {if (is_front_page ()) $ class = 'class = "current_page_item home-icon"'; else $ class = 'class = "home-icon"'; $ homeMenuItem = ' '. $ args-> before. ' '. $ args-> link_before. '  '. $ args-> link_after. ' '. $ args-> after. ' '; $ items = $ homeMenuItem. $ items; $ items 반환; }

이 코드는 이미지에 클래스를 추가하므로 스타일 시트를 통해 위치를 조정할 수 있습니다.

하나의 코멘트

  1. 1

당신은 어떻게 생각하십니까?

이 사이트는 Akismet을 사용하여 스팸을 줄입니다. 댓글 데이터 처리 방법 알아보기.