制作wordpress 导航栏

制作wordpress 导航栏

如何制作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.现在看看你的主题，导航栏已经做好啦～高兴吧。

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