워드프레스 페이지내에 서브 메뉴 표기하기
워드프레스 페이지내에 서브 메뉴 표기하기. (숏코드)
워드프레스에서 서브 메뉴를 페이지에 표기하는 방법은 여러 가지가 있습니다. 여기에 몇 가지 일반적인 방법을 안내해 드리겠습니다.
- 테마 메뉴 설정: 대부분의 워드프레스 테마는 메뉴 설정 기능을 제공합니다. 대시보드에서 “외관” 또는 “메뉴” 항목을 찾아 들어가서 메뉴를 만들고 서브 메뉴를 추가할 수 있습니다. 이 방법은 테마에 따라 다를 수 있으므로 테마 설명서를 참조해 주세요.
- 플러그인 사용: 워드프레스 플러그인 중에는 서브 메뉴를 추가해 주는 플러그인도 있습니다. 예를 들어, “Max Mega Menu”라는 플러그인은 강력한 메뉴 기능을 제공하며 서브 메뉴를 쉽게 추가할 수 있습니다. 플러그인을 설치하고 활성화한 후에는 대시보드에서 메뉴를 만들고 서브 메뉴를 추가할 수 있습니다.
- 사용자 정의 코드: 만약 테마나 플러그인으로 원하는 서브 메뉴 기능을 구현할 수 없다면, 사용자 정의 코드를 작성해야 할 수도 있습니다. 이 경우에는 워드프레스 테마의 템플릿 파일을 수정하거나 사용자 정의 플러그인을 작성해야 할 수 있습니다. 이 방법은 워드프레스 개발에 익숙하신 분들에게 추천되는 방법입니다.
위의 방법 중 하나를 선택하여 서브 메뉴를 페이지에 표기할 수 있습니다.
header.php 하단에 아래의 코드 추가한다.
<?php /*sibling submenu print********************************************************************STR*/ function con_submenu_shortcode(){ global $post; $current_page_parent = ( $post->post_parent ? $post->post_parent : $post->ID ); wp_list_pages( array( 'title_li' => '', 'child_of' => $current_page_parent, 'depth' => '1' ) ); } add_shortcode( "con_submenu", "con_submenu_shortcode" ); /*sibling submenu print********************************************************************END*/ ?>
추가 후 워드프레스 “Custom Widget Area”항목에 “con_submenu”으로 신규 생성하고 콘텐츠 내용에 아래를 코드를 삽입한다.
[con_submenu]
워드프레스 페이지에서 서브 메뉴를 사용하는 방법
워드프레스에서 서브 메뉴를 사용하는 좋은 예시 중 하나는 다음과 같습니다.
- 테마 메뉴 설정 예시:
- 워드프레스 대시보드에 로그인하고 “외관” 또는 “메뉴” 항목을 선택합니다.
- 메뉴를 만들기 위해 “새 메뉴 만들기”를 클릭하고 원하는 이름을 입력합니다.
- 메인 메뉴 항목을 추가하기 위해 “페이지” 또는 “포스트”를 선택하고 원하는 항목을 체크합니다.
- 서브 메뉴 항목을 추가하기 위해 메인 메뉴 항목 위에 드래그하여 들여쓰기합니다.
- 변경 사항을 저장하고 웹사이트를 확인합니다.
- 플러그인 사용 예시:
- “Max Mega Menu” 플러그인을 설치하고 활성화합니다.
- 대시보드에서 “Max Mega Menu” 메뉴를 선택합니다.
- “테마 위치” 설정에서 메뉴를 표시할 위치를 선택합니다.
- “메뉴 편집”을 클릭하여 메뉴를 만들고 서브 메뉴를 추가합니다.
- 변경 사항을 저장하고 웹사이트를 확인합니다.
이러한 예시는 워드프레스의 기본 기능 또는 플러그인을 사용하여 서브 메뉴를 페이지에 표시하는 방법을 보여줍니다. 선택한 방법에 따라 조금씩 다를 수 있으므로 해당 방법의 문서나 사용자 가이드를 참고하여 구체적인 작업을 수행하시기 바랍니다. 워드프레스의 다양한 테마와 플러그인은 다양한 서브 메뉴 스타일과 기능을 제공하므로, 원하시는 디자인과 요구사항에 맞는 옵션을 선택하시면 됩니다.