wordpress 導(dǎo)航制作

這個(gè)要看你使用的wordpress模板支不支持這樣的功能了

專(zhuān)業(yè)從事成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作,高端網(wǎng)站制作設(shè)計(jì),重慶小程序開(kāi)發(fā),網(wǎng)站推廣的成都做網(wǎng)站的公司。優(yōu)秀技術(shù)團(tuán)隊(duì)竭力真誠(chéng)服務(wù)，采用H5響應(yīng)式網(wǎng)站+CSS3前端渲染技術(shù)，響應(yīng)式網(wǎng)站開(kāi)發(fā)，讓網(wǎng)站在手機(jī)、平板、PC、微信下都能呈現(xiàn)。建站過(guò)程建立專(zhuān)項(xiàng)小組，與您實(shí)時(shí)在線(xiàn)互動(dòng)，隨時(shí)提供解決方案，暢聊想法和感受。

一般的模板都有一個(gè)菜單功能，使用菜單功能應(yīng)該就可以實(shí)現(xiàn)了

我使用的模板是在 wordpress啦 里面下載的，大部分都支持菜單功能

用問(wèn)題可以追問(wèn)

WORDPRESS導(dǎo)航

把這個(gè)代碼 加入到 ul 里面?php wp_list_cats('sort_column=name'); ?

如果你的主題支持自定義菜單 直接在菜單里添加分類(lèi) 就行了

如何用wordpress實(shí)現(xiàn)導(dǎo)航頁(yè)

第一步、添加多導(dǎo)航菜單功能。

這時(shí)，我們要用到一個(gè)自定義菜單函數(shù)register_nav_menus()函數(shù)。打開(kāi)主題的function.php文件，把下面的代碼添加進(jìn)去：

register_nav_menus( array(

'primary' = '第一導(dǎo)航菜單', //這里的primary 你可以自己設(shè)置，你也可以寫(xiě)成top-menu ；但是要在調(diào)用菜單時(shí)也用同樣的名字。

'secondary' = '第二導(dǎo)航菜單',

) );

我這里只用了2個(gè)菜單，你還可以多設(shè)置幾個(gè)，根據(jù)自己的需求。

第二步、調(diào)用多導(dǎo)航菜單。

1、在需要導(dǎo)航菜單的地方，放置調(diào)用代碼。

比如：頂部header.php文件、footer.php文件等。把下面的代碼放到這些文件里：

頂部導(dǎo)航：

?php wp_nav_menu( array( 'theme_location' = 'primary','container'='ul','menu_id'='menu','menu_class'='menu','link_before' = 'span','link_after' = '/span',)); ?//這里就用到了前面設(shè)置的primary.

左側(cè)邊導(dǎo)航：

div id="floatMenu"!-- 左側(cè)菜單導(dǎo)航 --

ul class="menu2"

lia href="/" style="color:#fff; background-color:#6994c9;" title="wordpress主題首頁(yè)"網(wǎng)站首頁(yè) /a/li

?php wp_nav_menu( array( 'theme_location' = 'secondary','container' = '','items_wrap' = '%3$s','fallback_cb'= '' ) ); ?//這里就用到了前面設(shè)置的secondary.

/ul

/div

2、在后臺(tái)設(shè)置菜單。

后臺(tái)——外觀(guān)——菜單，先創(chuàng)建菜單，然后從左側(cè)添加菜單內(nèi)容，如添加分類(lèi)和頁(yè)面到菜單，如何添加菜單，你可以參考wordpress怎樣添加導(dǎo)航菜單？，這里就不多說(shuō)了。菜單添加好之后，還要設(shè)置在哪里顯示這個(gè)菜單，如下圖：

是我們添加的菜單內(nèi)容。這里，我們要設(shè)置 2 處，選擇你要顯示的位置，這里是高時(shí)銀博客的選擇，選的是“第二導(dǎo)航菜單”，是在左側(cè)顯示。

第三步、設(shè)置CSS樣式。

如果是頂部菜單，這里就不需要設(shè)置了，因?yàn)?，主題一般都有這個(gè)。如果是像高時(shí)銀博客這樣的新添加的左側(cè)菜單，那就要添加CSS樣式了，樣式如下：

/* 浮動(dòng)菜單*/

#floatMenu { display:block; width:110px; margin-left:-605px; position:fixed; left:50%; top:152px; _margin-left:-605px; _width:120px;_position:absolute; _margin-top:0px;}//這里的_margin-left前面的 _ 表示兼容IE6 。

#floatMenu ul { margin-bottom:2px; }

#floatMenu ul.menu2 li a { display:block; font-size:14px; font-weight:800; color:#6994c9; border-left:1px solid #dadcdd; border-right:1px solid #dadcdd; border-bottom:1px solid #dadcdd; background-color:#ffffff; text-decoration:none; padding:2px 0px 2px 0; text-align:center; }

#floatMenu ul li a:hover { color:#fff; background-color:#6994c9; }

就這樣，我們就給自己的網(wǎng)站實(shí)現(xiàn)了多導(dǎo)航菜單功能。

wordpress導(dǎo)航

WordPress的導(dǎo)航，也就是分類(lèi)目錄，這個(gè)對(duì)應(yīng)的文件是archive.php。所以你要制作這個(gè)文件，要是圖片布局的就是category-id.php