制作wordpress 导航栏

制作wordpress 导航栏

• 标签：wordpress 

• 1
• 2
• 3
• 4
• 5
• 6
• 7

分步阅读

如何制作wordpress导航栏？本经验向你展示基于bootstrap的导航栏制作全过程。十分简单。希望对你自制wordpress主题有所帮助。

工具/原料

• wordpress
• bootstrap

方法/步骤

1. 制作主题建议你在本地上制作，方便且安全。但这方面的内容就不是本经验的内容了。如果你是在ubuntu环境下，你可以百度搜索：《ubuntu本地安装wordpress》，有相关经验。

   

2. 导航栏是基于bootstrap框架制作的，所以相对简单。百度搜索并下载最新的bootstrap框架。提取必要的文件，部署到你的主题目录中。

   

3. 在你的主题目录中，为functions.php添加如下代码：

   <?php

   if(function_exists('register_nav_menus')){

   register_nav_menus(array('header-menu' => __( '导航自定义菜单' ),

   'footer-menu' => __( '页角自定义菜单' ),

   'sider-menu' => __('侧边栏菜单')));}

   ?>

   目的是为你的主题添加导航栏菜单设置。

   

4. 添加菜单，此过程简单就不在啰嗦了。（我就随便打几个字了）

   

5. 在你要添加导航的地方，如header.php中的某个div中，添加如下代码：

   <?php wp_nav_menu( array('container_class' => 'nav nav-pills nav-justified','menu_class'=>'nav nav-pills nav-justified'));?>

   其中nav nav-pills nav-justified是bootstrap的样式。根据你自己喜欢选择。

   

   
6. 6

   现在看看你的主题，导航栏已经做好啦～高兴吧。

   
7. 7

   希望你喜欢。喜欢就分享吧～