WPML CMS Navigation은 다국어 사이트를 구축할 때 네비게이션 요소를 제공하는 애드온 플러그인입니다.
이 애드온은 WPML Multilingual CMS 패키지에 포함되어 있습니다.
WPML CMS Navigation 플러그인으로 추가할 수 있는 네비게이션 요소는 다음과 같습니다.
브레드크럼
사용자가 사이트 구조를 파악할 수 있도록 지원
드롭다운 메뉴
사용자가 특정 섹션에 빠르게 접근할 수 있도록 지원
사이드바
사용자가 보고 있는 페이지와 관련된 페이지 표시
테마에 네비게이션 요소 추가
각 요소를 사용하려면 한 줄의 PHP 함수를 사용하여 테마에 추가하세요.
| PHP 코드 | 추가 위치 | |
|---|---|---|
| 브레드크럼 | <?php do_action('icl_navigation_breadcrumb'); ?> | header.php 또는 single.php, page.php, archive.php, tag.php 및 search.php |
| 드롭다운 메뉴 | <?php do_action('icl_navigation_menu'); ?> | header.php |
| 사이드바 | <?php do_action('icl_navigation_sidebar'); ?> | sidebar.php |
사이드바 네비게이션은 WordPress 위젯으로도 제공됩니다. 외모 → 위젯 페이지의 위젯 컨트롤을 통해 추가하세요.
네비게이션 요소 사용자 정의
애드온의 전역 설정을 사용자 정의하려면 WPML → 네비게이션으로 이동하세요. 브레드크럼 경로를 구분하는 기호와 같은 기본 설정을 조정할 수 있습니다.
또한 WordPress 에디터 또는 CSS를 통해 다양한 사용자 정의를 적용할 수 있습니다.
1. WordPress 에디터로 네비게이션 요소 사용자 정의
WordPress 에디터에서 페이지를 편집할 때 아래로 스크롤하여 CMS Navigation이라는 섹션을 찾으세요.
이 섹션에서는 사이드바에 표시할 내용을 사용자 정의할 수 있습니다. 다음 작업을 수행할 수 있습니다.
- 현재 페이지 제외
- 하위 페이지 표시 여부 설정
- 페이지를 표시할 섹션 할당
2. CSS로 네비게이션 요소의 모양 사용자 정의
네비게이션 요소는 기본 모양으로 제공되며, CSS를 사용하여 사용자 정의할 수 있습니다.
../wp-content/plugins/wpml-cms-nav/res/css로 이동하여 다음 두 파일을 찾으세요.
- cms-navigation-base.css: 드롭다운 메뉴의 기능을 담당하며 수정하면 안 됩니다.
- cms-navigation.css: 복사하고 수정하여 사용자 정의를 추가할 수 있는 파일입니다.
다음 단계를 따르세요.
- 플러그인 디렉터리에서 두 번째 파일인 cms-navigation.css를 복사하여 테마 디렉터리에 배치하세요.
- wp_head()를 호출하고 복사본을 로드하세요. 이렇게 하면 플러그인 CSS 파일이 로드됩니다.
- 새 파일에 CSS 사용자 정의를 적용하세요.