[워드프레스] TwentyEleven 테마에서 카테고리로 메인메뉴 자동 생성하기

2012년 7월 7일

<nav id="access" role="navigation">
  <h3 class="assistive-text"><?php _e( 'Main menu', 'twentyeleven' ); ?></h3>
  <?php /*  Allow screen readers / text browsers to skip the navigation menu and get right to the good stuff. */ ?>
  <div class="skip-link"><a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to primary content', 'twentyeleven' ); ?>"><?php _e( 'Skip to primary content', 'twentyeleven' ); ?></a></div>
  <div class="skip-link"><a class="assistive-text" href="#secondary" title="<?php esc_attr_e( 'Skip to secondary content', 'twentyeleven' ); ?>"><?php _e( 'Skip to secondary content', 'twentyeleven' ); ?></a></div>
  <?php /* Our navigation menu.  If one isn't filled out, wp_nav_menu falls back to wp_page_menu. The menu assiged to the primary position is the one used. If none is assigned, the menu with the lowest ID is used. */ ?>
  <?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
  <div class="menu-category">
    <ul class="menu">
    <?php wp_list_categories('title_li=')?>
    </ul>
  </div>
</nav>

위에서 8~12번째 줄인

<div class="menu-category">
  <ul class="menu">
  <?php wp_list_categories('title_li=')?>
  </ul>
</div>

이 부분을 집어 넣으면 되는 거다.

wp_list_categories() 함수는 카테고리 목록을 반환해 주는 함수다. title_li 라는 인자값은 값을 비운 것인데, 만약 저렇게 값을 비우지 않으면 categories 라는 글자가 자동으로 출력된다. 그러면서 스타일이 깨지는 거다. 자세한 설명은 wp_list_categories() 함수 Codex(워드프레스 공식 매뉴얼) 페이지를 참고하면 된다.

그러면 관리자 메뉴에서 생성한 메뉴와 카테고리를 동시에 사용할 수 있게 된다. 2012-07-07 현재 내 블로그의 메뉴가 그렇게 돼 있다. HTML 뜯어 보면 UL이 두 개인 걸 알 수 있을 거다.