wordpress導(dǎo)航網(wǎng) wordpress導(dǎo)航源碼

wordpress導(dǎo)航

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

按需求定制開發(fā)可以根據(jù)自己的需求進(jìn)行定制，網(wǎng)站制作、網(wǎng)站設(shè)計(jì)構(gòu)思過(guò)程中功能建設(shè)理應(yīng)排到主要部位公司網(wǎng)站制作、網(wǎng)站設(shè)計(jì)的運(yùn)用實(shí)際效果公司網(wǎng)站制作網(wǎng)站建立與制做的實(shí)際意義

wordpress 導(dǎo)航制作

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

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

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

用問題可以追問

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

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

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

register_nav_menus( array(

'primary' = '第一導(dǎo)航菜單', //這里的primary 你可以自己設(shè)置，你也可以寫成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)——外觀——菜單，先創(chuàng)建菜單，然后從左側(cè)添加菜單內(nè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)航菜單功能。