当前位置:首页文章笔记建站教程WordPress 导航菜单添加自定义文字信息

WordPress 导航菜单添加自定义文字信息

WordPress 导航菜单添加自定义文字信息,将下面代码添加加到主题函数模板 functions.php 中。

添加自定义文字

  1. add_filter( ‘wp_nav_menu_items’, ‘zm_custom_menu_item’, 10, 2 );
  2. function zm_custom_menu_item ( $items, $args ) {
  3. if ( $args->theme_location == ‘navigation’) {// navigation为菜单名称
  4. $items .= ‘<li><a title="">自定义文字</a></li>’;
  5. }
  6. return $items;
  7. }

怎么找到主题注册的名称呢?在主题源代码找有些麻烦,可以在菜单设置页面,在菜单设置→位置,使用浏览器开发工具查看源代码,比如:

其中带【】部分就是,以下相同。

在菜单添加当前日期

  1. add_filter(‘wp_nav_menu_items’,‘zm_add_todaysdate_in_menu’, 10, 2);
  2. function zm_add_todaysdate_in_menu( $items, $args ) {
  3. if( $args->theme_location == ‘navigation’) {
  4. $todaysdate = date(‘Y-m-d’);
  5. $items .= ‘<li><a>’ . $todaysdate . ‘</a></li>’;
  6. }
  7. return $items;
  8. }

在菜单添加显示登录用户名

  1. add_filter( ‘wp_nav_menu_objects’, ‘zm_username_menu_items’ );
  2. function zm_username_menu_items( $menu_items ) {
  3. foreach ( $menu_items as $menu_item ) {
  4. if ( strpos($menu_item->title, ‘#profile_name#’) !== false ) {
  5. if ( is_user_logged_in() ) {
  6. $current_user = wp_get_current_user();
  7. $user_public_name = $current_user->display_name;
  8. $menu_item->title = str_replace("#profile_name#", " 您好, ". $user_public_name, $menu_item->title . "!");
  9. } else {
  10. $menu_item->title = str_replace("#profile_name#", " 您好!", $menu_item->title . "!");
  11. }
  12. }
  13. }
  14. return $menu_items;
  15. }

需要在菜单添加一个自定义链接,然后将”导航标签“一栏改为#profile_name#

带链接的按钮

  1. function zm_add_button_menu_link($items, $args){
  2. if( $args->theme_location == ‘primary’ ){
  3. $items .= ‘<li class="menu-item"><a class="btn btn-primary" title="自定义按钮" href="#">自定义按钮</a></li>’;
  4. }
  5. return $items;
  6. }
  7. add_filter( ‘wp_nav_menu_items’, ‘zm_add_button_menu_link’, 10, 2 );

为什么不用菜单自带的自定义链接,因为上述方法可以定制链接按钮的 class 结构。

温馨提示:

文章标题:WordPress 导航菜单添加自定义文字信息

文章链接:https://www.wuyanshuo.cn/797.html

更新时间:2022年04月30日

本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:service@wuyanshuo.cn我们将第一时间处理! 资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。 所有资源仅限于参考和学习,版权归原作者所有,更多请阅读无言说网络服务协议

给TA打赏
共{{data.count}}人
人已打赏
建站教程

WordPress 后台直接复制文章并设置状态为草稿

2022-4-30 11:14:08

建站教程

WordPress 后台主页显示设置增加文章选择

2022-4-30 17:08:15

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
'