网站中使用导航栏是为了让访客能够清晰明了地找到网站相应的板块内容。

在网站建设中导航栏是非常常见并且有效的。

1.先引入导航栏功能

在主题文件夹中创建一个functions.php的文件

然后在开头添加如下代码:

<?php
function register_my_menus() {
 register_nav_menus(
 array( 'header-menu' => __( 'Header Menu' ) )
 );
 }
add_action( 'init', 'register_my_menus' );
?>

2.在主题的头部文件里添加导航栏

案例中已存在导航栏功能,那么我们

打开header.php,找到如下代码:

<nav id="mainNav" class="grd-vt-tertiary shdw-centered">
 <h2 class="screen-reader-text">Main Navigation:</h2>
 <ul class="sfTab">
 <li class="current_page_item"><a href="#">The Zine</a></li>
 <li><a href="#">About Us</a></li>
 <li><a href="#">Resources</a></li>
 <li><a href="#">Contact</a></li>
</ul>
</nav><!--//top_navlist-->

然后修改为:

<nav id="mainNav" class="grd-vt-tertiary shdw-centered">
 <h2 class="screen-reader-text">Main Navigation:</h2>
 <?php wp_nav_menu( array( 'theme_location' => 'header-menu', 
'container_class' => 'sfTab' ) ); ?>
</nav><!--//top_navlist-->

保存然后在浏览器刷新

修改前效果图

修改后

修改后导航栏显示所有文章

 

修改导航栏-添加菜单

在导航栏里添加菜单可以存放更多的链接或者我们需要的的东西

在后台仪表盘—->appearance—->menus—->create a new menu

为菜单栏添加页面

显示效果

为菜单栏添加一个自定义链接

在后台仪表盘—->appearance—->menus—->custom links

显示效果

 

专业网站开发网页设计公司

深度阅读:

wordpress主题制作开发实战教程3.12 – 创建一个page.php模板页面 创建一个page.php模板页面我们通过复制index.php文件来创建page.php文件,并作出一些调整1.创建一个php文件,命名为page.php2.复制index.php文件的所有php代码至page.php文件中3.在page.php中,找到并删除关于Th...
wordpress主题制作开发实战教程3.11 – 插件回调与模板创建 1.插件回调 Wordpress插件利用自定制主题API执行插件中的许多命令,为了确保我们的代码适应各种插件,我们需要在header.php 和 footer.php文件中插入以下代码。在header.php文件中, 标签上方插入以下代码:
wordpress主题制作开发实战教程3.10 – 新建Footer.php文件 新建Header.php文件 我们使用与sidebar和header相同的步骤创建footer的页面模板1.在主题模板中创建一个Footer.php文件2.打开你的Index.php文件,剪切你的footer文件,该文件通常位于
标签中至
WordPress主题制作教程2.4-WordPress主题功能 许多wordpress新手在进行wordpress主题制作时总会遇到这样的问题,什么是WordPress主题功能,怎样去修改它。functions.php文件是您向WordPress主题添加功能的地方。它用于连接WordPress的核心功能,使您的主题更具模块化,扩展性和功能性。如果你想学习...
WordPress主题制作教程2.2-WordPress 主题文件 虽然WordPress主题只需要两个文件(index.php和style.css),它们通常由许多文件组成,本节将向您展示如何整理文件。    主题文件和文件结构  默认的二十个主题是主题开发最好的例子。  assets - css ...
WordPress主题制作开发实战教程5 – 调试和验证 在主题制作过程中,我们可能会出现许多的错误。所以我们需要反复调试,直到达到我们所满意的效果。本章节我们将学习调试和验证的方法及调试工具。工作流程在文件中添加一些代码 在浏览器上查看是否美观 在不同的浏览器上验证 如果没完成则修改代码直至完成 完成则...
WordPress主题制作教程2.3-WordPress 模板标签 主题中使用模板标签从数据库中检索内容,内容可以是博客标题或侧边栏的内容。模板标签是将内容放入主题的首选方法,因为:他们可以打印动态内容; 他们可以用于多个主题文件; 他们可以将主题分为更小,更易理解的部分。    什么是模板标签?  ...
WordPress主题制作开发实战教程4.1- 站点设置,固定链接设置 在本章节中,我们将带领大家去学习WordPress主题的站点设置,固定链接设置 站点设置 有时我们需要将我们网站的一些基本信息在网站上显示出来,比如网站标题,网站介绍,邮箱地址等,让人更加的了解这个网站,所以我们需要添加站点设置功能。在后台设置网站信息,在前台页面显示则需要在想显示的页面...

发表评论

电子邮件地址不会被公开。 必填项已用*标注

This site uses Akismet to reduce spam. Learn how your comment data is processed.