制作wordpress 导航栏

来源:互联网 发布:php游戏开发教程 编辑:程序博客网 时间:2024/04/26 17:32

制作wordpress 导航栏

  • 标签:wordpress 
  • 制作wordpress 导航栏1
  • 制作wordpress 导航栏2
  • 制作wordpress 导航栏3
  • 制作wordpress 导航栏4
  • 制作wordpress 导航栏5
  • 制作wordpress 导航栏6
  • 制作wordpress 导航栏7
分步阅读

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

工具/原料

  • wordpress
  • bootstrap

方法/步骤

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

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

    制作wordpress 导航栏
  3. 在你的主题目录中,为functions.php添加如下代码:

    <?php

    if(function_exists('register_nav_menus')){

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

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

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

    ?>

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

    制作wordpress 导航栏
  4. 添加菜单,此过程简单就不在啰嗦了。(我就随便打几个字了)

    制作wordpress 导航栏
  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的样式。根据你自己喜欢选择。

    制作wordpress 导航栏
    制作wordpress 导航栏
  6. 6

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

    制作wordpress 导航栏
  7. 7

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

0 0
原创粉丝点击