Skip to Content
Go Back
안형우

안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개


작업물

📌 워드프레스, 답답한 빌더와 플러그인 대신 시원하게 커스터마징하기 2023-01-15
📌 아무도 말하지 않는 PHP의 좋은 점 2018-10-13
📌 유지보수하기 쉬운 CSS 전략(슬라이드) 2016-12-20
📌 워드프레스 테마에서 템플릿 파일 매칭 순서 2013-05-12

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

<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 […]

<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이 두 개인 걸 알 수 있을 거다.

안녕하세요. 14년차 풀스택 웹개발자 안형우입니다. 이 블로그에서는 WordPress, PHP, CSS, 사용성, 리눅스 서버 등 풀스택 웹개발에서 마주하는 다양한 문제 상황과 해결책, 필요한 개념들을 다룹니다. 👉 소개


작업물

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다