wordpress导航模板（教程日记：如何自定义修改WordPress的导航栏）

本文目录

• 教程日记：如何自定义修改WordPress的导航栏
• wordpress 页面设置和导航
• wordpress怎样添加导航 或者自己定义导航
• wordpress中怎样给导航菜单加样式
• 有没有扁平化的wordpress网址导航主题推荐
• wordpress 导航制作
• wordpress调用二级导航怎么实现

教程日记：如何自定义修改WordPress的导航栏

1、首先你必须建立网站的导航菜单，进入WordPress后台，点击“外观”》“菜单”》“创建新菜单”，然后在“菜单名称”上输入名称，如“数字宝藏教学菜单”，最好点击“创建菜单”即可。
2、当你完成了菜单的创建工作之后，你就可以对菜单的层级进行设置，在左边栏你可以选择菜单的相应层级。在一般情况下，我们会先对“分类目录”进行导航栏设置，你可以把需要添加到导航栏的分类勾上，然后点击“添加至菜单”，这是你就可以看到所有被选择的“分类目录”已经添加到菜单中。
3、当然，这时每一个“分类目录”的位置都是平衡的，我们需要进行进一步的调整，我希望在“APP测评”内有子类目“软件速递“，而在“软件速递“里面再按照软件属性进行分类，要完成这个的操作，其实很简单，只需要把需要设置为子栏目的“分类目录”往后脱一格即可就做了两层的子目录。
4、当你把三个菜单都全部设置好之后，那就要选择在网站那个位置显示我们设置好的菜单了，点击“外观”》“菜单”》“管理位置”，这时我们就可以三个放置菜单的主体位置，选择相应的菜单，然后点击保存更改即可。

wordpress 页面设置和导航

下面讲pagenavi用法，先提供一段代码：
【一】用上面的代码，替换掉你模板里的index.php文件里的翻页部分
《div class="content-nav"》
《?php if (function_exists(’wp_pagenavi’)) : ?》
《?php wp_pagenavi(); ?》
《?php else : ?》
《div class="alignLeft"》《?php next_posts_link(__(’« Older Entries’,’twitter4us’)) ?》《/div》
《div class="alignRight"》《?php previous_posts_link(__(’Newer Entries »’,’twitter4us’)) ?》《/div》
《div style="clear:both"》《/div》
《?php endif; ?》
《/div》《!--End of PageNavi--》
【二】每个模板的翻页代码可能有所不同。默认主题（default文件夹）的翻页代码是：
《div class="navigation"》
《div class="alignleft"》《?php next_posts_link(’« Older Entries’) ?》《/div》
《div class="alignright"》《?php previous_posts_link(’Newer Entries »’) ?》《/div》
《/div》
【三】替换代码以后，在后台插件管理里，启用 wp-pagenavi 插件。
【四】刷新首页，高级翻页效果生效。
我用的就是 wp-pagenavi 插件，挺好的。
另外你可以看一下 Apple Theme 或 Twitter Theme 的代码写法，或许对你有用（index.php文件里）：
***隐藏网址***
***隐藏网址***
【五】层级分类可以参考一下这篇文章：
***隐藏网址***

wordpress怎样添加导航 或者自己定义导航

一、分类目录设置好直接添加法。

1. 这种方法是先在分类目录里设置后别名，然后直接添加即可。如鼠标指针移到wordpress后台中的“文章”处，选择“分类目录”：

2. 在分类目录中，需要把“名称”和“别名”分别填写好，名称就是显示在导航栏里的名字，而另外是在URL里的，所以最好是英文字母，方便简洁。

3. 其他的随便填写不填写都没什么关系，然后添加到新分类目录中。如果已经在分类目录的，那么直接点击“”，即可更改名称别名等信息。

4. 然后看到左侧的“外观”，鼠标放上去后会显示一些选项，点击“菜单”：

5. 在菜单里，左侧有个“分类目录”方框，点击后会显示出来分类目录的导航，可以选择需要添加到导航里的目录，然后点击“添加至菜单”，就会出现在右侧的菜单结构中了，接着点击右上角的“保存菜单”即可。

6. 这样的不用去设置导航链接，会默认为前缀是主网站，后缀为别名，很方便。
   

二、 菜单中自定义链接

1. 这样就直接看到外观里的“菜单”上，有个“自定义链接”框：

2. 然后填写链接URL及导航菜单名称即可，记得要“添加至菜单”，并最后全部添加完后要保存菜单。

3. 这种方法也很简单，全部自定义，如果导航与分类不一样的，这里可设置，不然建议还是第一种方法更好。
   

wordpress中怎样给导航菜单加样式

这需要该css样式，就是这么简单，你不懂css样式，我怎么说你也不懂，

background: url("images/header_menu_list.gif") no-repeat scroll 0 50%

css样式如上，图片换成你想要的

有没有扁平化的wordpress网址导航主题推荐

    你好， 

          这里有收集整理了《2016最新4款精美WordPress个人博客主题》，是HTML5+CSS3自适应的【扁平化主题】【非常利于SEO优化】下载后24h内删除，该主题模板不得用于商业用途，如果喜欢请购买正版支持原作者。如下图所示：

wordpress 导航制作

这个要看你使用的wordpress模板支不支持这样的功能了
一般的模板都有一个菜单功能，使用菜单功能应该就可以实现了
我使用的模板是在 wordpress啦 里面下载的，大部分都支持菜单功能
用问题可以追问

wordpress调用二级导航怎么实现

　　Wordpress调用二级导航的方法：
　　1、新建 functions.php 函数文件并添加以下代码：
　　《?php
　　//自定义菜单
　　register_nav_menus(
　　array(
　　‘header-menu’ =》 __( ‘导航自定义菜单’ ),
　　)
　　);?》
　　2、把导航位置的li标签都删除掉，换上调用代码：
　　《?php wp_nav_menu( array( ‘container’ =》 ”,’menu_class’ =》 ‘navigation’,’menu_id’ =》 ‘nav_sgBhgn’) ); ?》
　　3、添加一个jquery库，放在body开始和结束的适合的位置即可：
　　《script type=”text/jscript”》
　　$(document).ready(function(){
　　$(‘ul.navigation li’).hover(function(){
　　$(this).find(‘ul:first’).slideDown(200);//显示二级菜单，括号中的数字表示下拉菜单完全显示出来需要200毫秒。
　　$(this).addClass(“hover”);
　　},function(){
　　$(this).find(‘ul’).css(‘display’,’none’);
　　$(this).removeClass(“hover”);
　　});
　　function hide_submenu(){
　　$(‘ul.navigation li’).find(‘ul’).css(‘display’,’none’);//红色标注改为当前导航ul的class名称
　　}
　　$(‘ul.navigation li li:has(ul)’).find(“a:first”).append(“”);
　　document.onclick = hide_submenu;
　　});
　　《/script》
　　4、使用jquery库文件加载，大家可以测试一下模板打开的速度，哪个快用那个：
***隐藏网址***
　　百度加载：《script type=”text/javascript” src=”//libs.baidu.com/jquery/2.0.3/jquery.min.js”》《/script》
　　新郎加载：《script type=”text/javascript” src=”//lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js”》《/script》
　　5、添加CSS样式：
　　/* 二级菜单 */
　　.sub-menu{
　　display:none;/*初始状态下隐藏子目录*/
　　position:absolute;/*显示最顶层*/
　　}
　　.sub-menu li{
　　width:100%;/*显示子目录宽度/*针对IE6*/
　　clear:both;/*垂直显示*/
　　background:#000;/*子目录背景颜色*/
　　}