简介:

网上空壳源码修复的,对接好了后台修复了功能等等,完美对接后台用户系统会员系统等

源码非常好看,确实不错

下载地址:

https://url63.ctfile.com/f/36202063-569195569-faae35
(访问密码:2007)

图片:

原文地址:https://www.zhiyinz.com/1517.html

WordPress主题制作中,导航菜单的制作算是一个重点,已经写好导航菜单的HTML代码,放在WordPress主题中如何动态调用呢?本文将给你介绍几种编写PHP代码动态实现导航的方法,本文也将只侧重于动态代码的开发,不会教你如何编写HTML、CSS和Javascript来实现华丽的导航菜单。

WP 3.0自定义菜单的制作

WordPress 3.0之后的版本开始支持自定义动态菜单,所谓的动态菜单,也就是允许用户自行决定将哪些项目添加到导航菜单中,进入WordPress的管理后台 - 外观 - 菜单栏目,通过拖拉相应的栏目,即可创建自己的菜单。这对于WordPress主题开发者和使用者来说,都是皆大欢喜的事情。要想实现自定义菜单,需要用到的函数给这个函数传递一些参数就可以输出自定义菜单菜单,下面简单讲讲如何使用使用这个函数。

首先,在主题目录下的functions.php的 <?php ..... ?> 之间,添加以下菜单注册代码,这样你就可以在主题文件中使用wp_nav_menu函数了:

// This theme uses wp_nav_menu() in one location.
register_nav_menus();

接着我们在主题的导航栏处调用wp_nav_menu(),即可输出导航菜单HTML代码:

<?php // 列出顶部导航菜单,菜单名称为mymenu,只列出一级菜单wp_nav_menu( array( 'menu' => 'mymenu', 'depth' => 1) );
?>

以上代码输出的HTML代码形式如下:

<div class="menu-menu-container"><ul class="menu" id="menu-menu"><li class="..." id="menu-item-1"><a href="...">首页</a></li><li class="..." id="menu-item-2"><a href="...">分类A</a></li>...</ul>
</div>

这里列出的 li 项为你在后台 - 外观 - 菜单添加的栏目,如果你还没有在后台添加菜单,导航栏将列出所有页面。另外,wp_nav_menu会为每个 li 添加class,不同的class标记这个菜单项的属性,如当前打开的是某个文章页面,分类A 就是这篇文章所属的分类,那么 分类A 所在的 li 将会如下代码所示:

<li class="menu-item menu-item-type-taxonomy current-post-ancestor current-menu-parent current-post-parent menu-item-5" id="menu-item-2"><a href="...">分类A</a></li>

如果是在首页,那么首页的菜单项的 li 可能会如下所示:

<li class="menu-item menu-item-type-custom current-menu-item current_page_item menu-item-home menu-item-4" id="menu-item-1"><a href="..">首页</a></li>

从这些class的名称就知道它们的作用,通过给这些class添加css属性,可以达到如高亮当前导航菜单的目的,如将当前菜单链接定义成红色:

.current-post-ancestor a, .current-menu-parent a, .current-menu-item a, .current_page_item a {color: red;
}

好了,WordPress 3.0的自定义菜单的调用就是这么简单。wp_nav_menu还有很多参数,如自定义 ul 节点、ul 父节点的id和class的参数等等,详情可以参考文档

使用分类和页面作为导航栏

在 WordPress 3.0 之前,大部分WordPress主题都是拿页面作为导航栏的,导航中只能添加页面,显得不够自由。我刚用WordPress 2.7的时候,就为此问题烦恼,最后翻了文档,查了一些资料,实现了在导航中添加分类,详情请看我之前写的文章

非常规导航栏的制作

以上提到的两种方式,都是使用WordPress自带的函数来实现,他们输入的HTML代码也都是限定好的,就是使用 ul li 的形式来构建菜单列表:如:

<ul><li class="..">...</li><li class="..">...</li>
</ul>

如果主题的前端代码不是你写的,而且导航栏的代码写得很龟毛,这根本不是上面的WordPress标准的 ul 导航栏形式,如下面的代码:

<dl><dt><strong>标题</strong></dt><dd><a target="_blank" title="#" href="#">菜单A</a></dd><dd><a target="_blank" title="#" href="#">菜单B</a></dd>
</dl>

2022全新【趣盒】iapp源码带后台非常好看相关推荐

  1. 2022年素材网完整源码+带后台管理

    正文: 2022年素材网完整源码+带后台管理,这程序的前端UI非常不错,除了素材以外,你也可以用来做其他类型的站点都行. 安装教程: 添加站点,上传文件,权限设置成777 添加数据库,并导入数据 修改 ...

  2. 2022最新Emlog新版导航源码 带用户中心

    正文: 2022最新Emlog新版导航源码+带用户中心,环境要求:PHP + MYSQL PHP版本7.0+ 下载方式: ​lanzou.com/iVJxC01kl12b​

  3. thinkphp三级分销小程序源码_山东谷道微信小程序商城源码带后台 公众号平台三级分销系统...

    山东谷道微信小程序商城源码带后台 公众号平台三级分销系统 那么微信二级分销系统与微信三级分销系统到底有什么区别和联系呢?为什么改了个数字地位就天差地别? 1.微信分销模式等级的区别 用简洁的话来说,微 ...

  4. 微信网页小游戏网站源码带后台+可后台添加游戏+推荐到微信

    微信网页小游戏网站源码带后台,淘宝上卖的很火的源码,免费公开!

  5. 游戏软件寄售官网源码带后台

    游戏软件寄售官网源码带后台下载地址:https://bbs.jiuy.cc/forum.php?mod=viewthread&tid=1024 (出处: 玖毅网络技术分享论坛)

  6. 最新哔哩哔哩视频弹幕播放器源码+带后台/亲测无错误

    正文: 最新哔哩哔哩视频弹幕播放器源码+带后台/亲测无错误,此款播放器源码添加及修复了很多功能,且所有源码均本地化,不存在外链的情况,测试环境:PHP7.0+MySQL5.6 安装教程: 1,访问/d ...

  7. 号卡推广管理系统源码 手机卡流量卡推广网站源码 带后台版本

    源码简介: 号卡推广管理系统源码 手机卡流量卡推广网站源码 带后台版本 下载链接 网盘源码   密码:3lev 背景 前台页面演示 一.号卡推广管理系统源码简介 该号卡推广管理系统是一款基于Web的软 ...

  8. 外卖小程序源码带后台和数据库

    外卖小程序源码带后台和数据库 外卖小程序源码带后台和数据库 外卖小程序源码带后台和数据库 美团/饿了么外卖CPS联盟返利公众号小程序裂变核心源码 源代码地址 http://y.mybei.cn 步骤 ...

  9. 2023最新仿蓝奏云合集下载页面系统源码 带后台版本

    2023最新仿蓝奏云合集下载页面系统源码 带后台版本 新版仿蓝奏云合集下载页源码续上次发的仿蓝奏云合集下载单页源码 修复了搜索功能 修复无法下载文件和下载文件为空 更新功能如下 1.增加后台 2.可在 ...

  10. 文案馆头像壁纸小程序源码+带后台

    文案馆头像壁纸小程序源码,带后台:可以自行添加相关的推广小程序,以及流量主广告. 下载 文案馆头像壁纸小程序源码+带后台下载

最新文章

  1. AI一分钟 | 美国国会传唤扎克伯格:来,就5000万用户数据泄露案作证;菜鸟无人车路测视频曝光
  2. Java中的访问权限
  3. 不使用先验知识与复杂训练策略,从头训练二值神经网络!
  4. [vue] 如何解决vue打包vendor过大的问题?
  5. HR搬程序员椅子拍老板马屁,开怼的程序员被开?
  6. vue-router vue路由
  7. docker 命令使用笔记
  8. C语言typedef:给类型起一个别名
  9. log4j每天产生一日志文件
  10. 协作,才能更好的中断线程
  11. zhuti——志玲娇情win7美女主题
  12. 浅谈压缩感知(八):两篇科普文章
  13. python密码安全性检查代码
  14. mifs算法 matlab,信息安全工程师教程协议分析深度流检测技术(DFI)真题习题与考点...
  15. 《谷歌大数据经典论文读后感》
  16. android 手机如何截图,原来安卓手机有这么多种截屏方式 最后两种一般人不会用...
  17. 手持式水质监测仪在污水处理中的应用
  18. linux下终端分屏使用
  19. 办公邮箱安全性哪家好,163vip.com邮箱全新域名全新体验!
  20. [翻译]pb技巧、代码和实用工具[程序员家园论坛]

热门文章

  1. html字体加载太慢,字体加载CSS @font-face性能优化的常用策略
  2. 字符串(的基本操作,格式化,方法)
  3. ztree Api官方文档
  4. COOLFluiD安装教程
  5. win10禁用驱动程序强制签名_如何将驱动程序注入Windows 10 WIM / ISO安装映像?
  6. 3D视觉是CV技术的未来!对话奥比中光CEO黄源浩
  7. 10款免费的电路设计软件,你用过几个?
  8. java编程之美(一)
  9. ansys toolkit教程_「实用」ANSYS电磁仿真工具推荐,做仿真的你可以试试
  10. 深度解码企业文化体系