워드 프레스 고급 메뉴 옵션을 사용하는 방법

워드 프레스 고급 메뉴 옵션은 당신이 그들을 사용하는 방법을 알고있는 경우 귀하의 블로그에서 큰 차이를 만들 수있는 메뉴 섹션에서 옵션을 숨겨져 있습니다.

A+ A-

워드 프레스 3.0 버전은 일부 멋진 메뉴 옵션에 추가 된 것들하지만 우리의 몇을 사용하여이 있었다, "메뉴 업데이트"라고합니다. 들이 활성화 될 필요가 있기 때문에 이것에 대한 이유이다. 이 옵션은 우리가 활성화해야 기본값으로 표시되지 않습니다. 우리는 이러한 옵션을 활용한다면 우리는 우리의 블로그, 더 독특한 웹 사이트를 만들기 위해 멋진 물건을 많이 할 수 있습니다.

고급 메뉴 옵션을 워드 프레스

어떻게 워드 프레스 고급 메뉴 옵션을 활성화합니다

> 메뉴 -이 옵션을 활성화하려면 워드 프레스 대시 보드에 다음 모양을 이동합니다. 이 옵션은 호출 버튼, 화면 옵션을 찾아 메뉴에있을 때, 그것은 화면의 오른쪽 상단에 있어야합니다. 당신이 그것을 클릭하면 다음이 나타납니다.

화면 옵션 워드 프레스 메뉴

그럼 당신은 당신이하고 싶은 사람들을 활성화 할 수 있습니다. 당신이 그들을 활성화 한 후,시에 대한 옵션은 다음과 같이해야합니다, 당신은 새로운 메뉴 항목을 추가하거나 하나를 수정 :

워드 프레스 메뉴 옵션 스크린 샷

링크 대상

첫 번째 옵션은 "연결 대상"이 꽤 자기 ​​설명이다. 이 옵션을 사용하면 어떻게 메뉴의 링크가 열려 변경할 수 있습니다. 당신이 메뉴의 링크를 클릭하면 당신이 확인란을 tic을하면 브라우저에서 새 탭에서 열립니다.

CSS 클래스

당신이 당신의 메뉴 링크의 각 사용자 정의 CSS 클래스를 추가 할 수 있습니다이 옵션을 사용. 그리고 그와 별도로 각 메뉴의 링크를 스타일 화 할 수 있습니다. 당신은 CSS의 비트를 알고 있다면 그 가능성은 무한합니다. 예를 들어 우리의 메뉴 항목 dev에 이름을 지정하고 우리는 그것을 다음과 스타일을 추가합니다 :

.dev {
background:#efefef;
}

우리는 이런 식으로 뭔가를 얻어야한다 :

워드 프레스 메뉴 사용자 지정 CSS

링크 관계

링크 관계 링크 쉽게 웹 사이트 간의 관계를 만드는 데 사용됩니다. 당신은 "친구", "따르지"또는 이제까지 당신이하고 싶은로 정의 할 수 있습니다. 우리가 뒤로에 대해 이야기 할 때이 옵션은 가장 유용합니다. 이 방법은 검색 엔진을 사용하여 백을 통해 서로 링크 된 웹 사이트들 사이의 관계를 이해할 수있다.

기술

이 옵션을 사용하여 메뉴 링크 중 하나에 설명을 추가 할 수 있습니다. 많은하지 테마를 통해이 기능을 지원. 이 워커 스크립트가 다음 메뉴 등록으로 구현 생성에 의해 설정되어있는 경우 테마가 각 메뉴 링크의 설명을 표시 할 수 있도록하지만 당신은이 옵션을 추가 할 수 있습니다.

워커 스크립트

테마의 functions.php를 열고 맨 아래에 다음 코드를 추가합니다 :

class My_Walker extends Walker_Nav_Menu
{
    function start_el($output, $item, $depth, $args) {
        global $wp_query;
        $indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';
 
        $class_names = $value = '';
 
        $classes = empty( $item->classes ) ? array() : (array) $item->classes;
 
        $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item ) );
        $class_names = '';
 
        $output .= $indent . '<li id="menu-item-'. $item->ID . '"' . $value . $class_names .'>';
 
        $attributes  = ! empty( $item->attr_title ) ? ' title="'  . esc_attr( $item->attr_title ) .'"' : '';
        $attributes .= ! empty( $item->target )     ? ' target="' . esc_attr( $item->target     ) .'"' : '';
        $attributes .= ! empty( $item->xfn )        ? ' rel="'    . esc_attr( $item->xfn        ) .'"' : '';
        $attributes .= ! empty( $item->url )        ? ' href="'   . esc_attr( $item->url        ) .'"' : '';
 
        $item_output = $args->before;
        $item_output .= '<a '. $attributes .'>';
        $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
        $item_output .= '<span>' . $item->description . '</span>';
        $item_output .= '</a>';
        $item_output .= $args->after;
 
        $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
    }
}
?>

그런 다음 메뉴로 새 워커 스크립트를 추가합니다. 이것은 당신의 functions.php에 아닙니다, 당신은 메뉴가 표시되는 경우 아래의 코드를 찾을 수 있습니다.

< ?php
    $walker = new My_Walker;
    wp_nav_menu(array(
                'theme_location' => 'primary-menu',
        'walker' => $walker
    ));
?>

결론

워드 프레스 업데이트, 그들은 우리가 사용하는을위한 멋진 새로운 기능을 많이 추가 할 수 있습니다. 그래서 왜 안 그들에게 관심을 재생? 많은 사람들이 숨겨져 있기 때문에 이러한 옵션에 대해 알고 표시 할 ONE 클릭을 필요로하지 않았다. 위에 나열된 옵션은 블로그에서 큰 차이를 만들 수 있습니다.

Ads

충적세

당신이 리눅스 연인이 있다면 최고의 우분투 대안 찾아요

의 뭔가 익숙해 보겠습니다; 기본적이지만 조금 오프 트랙! 혹시 리눅스와 우분투 용어와 혼동있어 적이 있습...

Gmail의받은 편지함에 서명을 추가하는 방법 - Gmail에서 구글 서명 추가

Google의받은 편지함 구글은 지난 몇 년에 출시했던 최고의 물건 중 하나였다. 그것은 통합받은 편지함에...

주간 기술 뉴스 : 노키아, 구글, 닌텐도

안녕하십니까, 그것은 금요일, 3 월 3 일이고 단지 언제나처럼 우리는 다시 우리의 주간 뉴스 검거에있어....

초보자를위한 라즈베리 파이 프로젝트 - 당신은 라즈베리 파이로 수행 할 수있는

라즈베리 파이는 낮은 전력의 라즈베리 파이 재단이 만든 싱글 보드 컴퓨터 시리즈입니다. 원래는 개발 도상국...

안드로이드 2017 모범 VPN - 안드로이드에 VPN을 사용하는 방법

사라는 VPN을이 기술에 savvies 해커 만 있었다 일입니다! 그리고, 우리는이 서비스에 대해 강의 충...

코멘트