탐색 건너뛰기
홈 » 개발자 정보 » WPML CMS 탐색 애드온으로 사이트에 탐색 요소 추가하기

WPML CMS 탐색 애드온으로 사이트에 탐색 요소 추가하기

WPML CMS 탐색은 다국어 사이트를 구축할 때 탐색 요소를 제공하는 애드온 플러그인입니다.

이 애드온은 WPML 다국어 CMS 패키지에 포함되어 있습니다.

WPML CMS 탐색 플러그인으로 추가할 수 있는 탐색 요소는 다음과 같습니다:

빵 부스러기

사용자가 사이트 구조에서 길을 찾도록 도와줍니다.

드롭다운 메뉴

사용자에게 특정 섹션에 대한 빠른 액세스 제공

사이드바

사용자가 보고 있는 페이지와 관련된 페이지를 표시합니다.

테마에 탐색 요소 추가하기

각 요소를 사용하려면 한 줄 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

사이드바 탐색도 워드프레스 위젯으로 제공됩니다. 모양 → 위젯 페이지의 위젯 컨트롤을 통해 추가할 수 있습니다.

탐색 요소 사용자 지정

애드온의 글로벌 설정을 사용자 정의하려면 WPML → 탐색으로 이동합니다. 이동 경로 흔적을 구분하는 기호와 같은 기본 설정을 조정할 수 있습니다.

워드프레스 편집기나 CSS를 통해 다양한 사용자 지정을 적용할 수도 있습니다.

1. 워드프레스 편집기로 탐색 요소 사용자 정의하기

워드프레스 편집기에서 페이지를 편집할 때 아래로 스크롤하여 CMS 탐색이라고 표시된 섹션을 찾습니다.

워드프레스 편집기에서 아래로 스크롤하여 탐색 설정이 있는 섹션을 찾습니다.

이 섹션에서는 사이드바에 표시할 내용을 사용자 지정할 수 있습니다. 할 수 있습니다:

  • 현재 페이지 제외
  • 하위 페이지 표시 또는 표시 안 함
  • 아래에 페이지를 표시할 섹션을 지정합니다.

2. CSS로 탐색 요소의 모양 사용자 지정하기

탐색 요소는 기본 모양으로 제공되며 CSS를 사용하여 사용자 지정할 수 있습니다.

./wp-content/plugins/wpml-cms-nav/res/css로 이동하여 두 개의 파일을 찾습니다:

  • cms-navigation-base.css: 드롭다운 메뉴의 기능을 담당하며 수정해서는 안 됩니다.
  • cms-navigation.css: 이 파일은 사용자 지정을 추가하기 위해 복사 및 수정할 수 있는 파일입니다.

다음 단계를 따르세요:

  1. 플러그인 디렉터리에서 두 번째 파일인 cms-navigation.css를 복사하여 테마의 디렉터리에 배치합니다.
  2. wp_head() 를 호출하고 사본을 로드합니다. 그러면 플러그인 CSS 파일이 로드됩니다.
  3. 새 파일에 CSS 사용자 지정을 적용합니다.