如何使用WordPress的高級菜單選項

WordPress的高級菜單選項都隱藏在菜單部分的選項,可以讓你的博客的巨大差異,如果你知道如何使用它們。

A+ A-

在WordPress 3.0版本被稱為“菜單更新”時,有添加到菜單選項一些漂亮的東西,但只有我們幾個的使用它們。 這樣做的原因是,因為它們需要被激活。 這些選項中未示出的默認我們需要激活。 但是,如果我們利用這些選項,我們可以做很多很酷的東西,使我們的博客,網站更獨特。

WordPress的高級菜單選項

如何激活WordPress的高級菜單選項

要激活這些選項,進入到你的WordPress的儀表板則外觀 - >菜單。 當你在菜單選項查找名為按鈕, 屏幕選項 ,它應該是在屏幕的右上角。 當你點擊它應該會出現以下內容。

屏幕選項菜單的WordPress

然後你就可以激活你想要的人。 您激活它們之後,當您添加一個新的菜單項或修改的,適合你的選擇應該如下所示:

WordPress的菜單選項截圖

鏈接目標

第一個選項是“鏈接的目標”,這是非常自我解釋。 使用此選項可以更改菜單中的鏈接怎麼打開。 如果你的抽動複選框如果您單擊菜單鏈接,它會在你的瀏覽器新標籤中打開。

CSS類

使用此選項,您可以添加自定義CSS類每個菜單鏈接。 有了這樣您可以單獨設置樣式菜單鏈接。 如果你知道了CSS的可能性是無窮無盡的。 例如:命名為菜單項開發並添加下面的風格給它:

.dev {
background:#efefef;
}

我們應該得到的東西是這樣的:

WordPress的菜單自定義CSS

相關鏈接

鏈接關係被用來生成鏈接和網站容易之間的關係。 你可以將其定義為“朋友”,“nofollow的”或什麼都你喜歡。 此選項是,當我們談論的反向鏈接是最有用的。 使用這種方法的搜索引擎可以理解通過反向鏈接互相連接的網站之間的關係。

描述

您可以添加說明,任何使用這個選項的菜單鏈接。 通過不是很多主題都支持這一點。 但可以添加該選項,所以如果它是由創建學步車腳本,然後實現它到你的菜單設置註冊您的主題會顯示每個菜單鏈接的描述。

漫步者腳本

打開主題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
    ));
?>

結論

由於WordPress的更新,他們增加了很多我們使用很酷的新功能。 那麼,為什麼不玩重視呢? 很多人並不知道這些選項,因為它們是隱藏的,需要一個點擊顯示。 上面列出的選項可以使你的博客的巨大差異。

Ads

分享

最近

最好的Ubuntu的替代尋找,如果你是一個Linux愛好者

首先,讓我們越來越熟悉的東西; 基本的,但有點偏離軌道! 你有沒有得到使用Linux和Ubuntu方面困惑? 你任何機...

如何在Gmail收件箱中添加簽名 - 添加在Gmail谷歌的簽名

收件箱由谷歌為谷歌的在過去幾年推出的最好的事情之一。 它帶入一個統一的收件箱幾乎所有我們想要的一切。 我們必須說,設計...

每週科技新聞:諾基亞,谷歌和任天堂

大家好,這是星期五,3月3日,只是像往常一樣,我們又回到我們的每週新聞綜述。 本週的新聞有很多有趣的報導。 從諾基亞的...

樹莓派項目入門 - 你可以用樹莓派做些什麼

樹莓Pi為一系列低功耗,由莓裨基金會創建單板計算機。 最初創建教孩子們計算機科學和編程的基礎知識在發展中國家中,樹莓派...

Android的2017年最佳VPN - 如何使用VPN在安卓

一去不復返的VPN只為高科技,savvies和黑客的天! 而且,承認這一點,我們已經受夠了易怒的演講有關這些服務的。 ...

註釋