建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

WordPress 4.3正式发布:增标记语法,书写更快捷(wordpress进阶教程(二十四):wordpress菜单中如何输出菜单的描述)

GG网络技术分享 2025-03-18 16:12 1


WordPress 4.3正式发布:增标记语法,书写更快捷

IT之家讯 8月19日消息,著名开源博客程序WordPress迎来4.3正式版,本次更新对导航菜单,密码管理、后台面板、评论管理等功能进行改进,增加了站点Icon设置,特别是新增了标记语言语法(快捷格式),类似于MarkDown标记语言,书写日志时会更加方便。建议站长们升级。

另外,为了纪念著名爵士乐歌手Billie Holiday,WordPress 4.3以Billie之名发布。

WordPress 4.3正式版更新内容:

导航菜单面板

可创建、更新菜单,对菜单进行排序调整,可即时预览修改效果。精简的自定义面板,移动友好,更具可访问性。

新标记语言(快捷格式)

可使用快捷格式进行日志书写,简单快捷。比如,可使用星号(*)创建列表,使用若干#号(#)创建不同级别的标题;使用右箭头(>)创建引用。类似于MarkDown标记语言。

设置网站Icon

网站Icons通常会出现在浏览器标签页左侧、收藏夹等位置。在自定义面板中可设置站点Icon。即使更换主题后,Icon也不会变。

改进密码管理

之前你会通过邮件收到WordPress新密码,现在你只会得到是一个用于重置密码的链接,不再明文发送密码。

其他变化包括:更流畅的管理后台、新建页面默认关闭评论等。

WordPress站点站长可通过后台在线更新,也可点此下载安装包进行部署。

wordpress进阶教程(二十四):wordpress菜单中如何输出菜单的描述

在后台菜单设置页面,每个菜单项默认有6个或7个属性,如下图,其中有一项图像描述,一般的主题基本用不到这个,而且这个属性也是被隐藏了,至今阿树也没有用过,但是既然wordpress提供了这个属性,那么他的用处以及用法如何?作为一系列教程,还是有必要写一下。wordpress菜单项中图像描述属性

注意:本篇教程中代码参考自:http://www.wpbeginner.com/wp-themes/how-to-add-menu-descriptions-in-your-wordpress-themes/

一、显示图像描述项

在后台菜单设置页面,点击页面右上角的--“显示选项”,勾选里面的--“图像描述”,然后每个菜单项中都会出现这个图像描述字段的输入框。后台菜单显示图像描述
然后你可以为每个菜单项输入描述信息了,不过默认情况下,主题是不会显示菜单的描述信息的,要想显示这个描述信息,还需要一些步骤。添加描述信息

二、通过walker参数来改变输出

和上一篇教程一样,在主题中添加下面的类:

  1. class Menu_With_Description extends Walker_Nav_Menu {
  2.     function start_el(&$output$item$depth$args) {
  3.         global $wp_query;
  4.         $indent = ( $depth ) ? str_repeat\"\\t\"$depth ) : \'\';
  5.         $class_names = $value = \'\';
  6.         $classes = empty$item->classes ) ? array() : (array$item->classes;
  7.         $class_names = join( \' \', apply_filters( \'nav_menu_css_class\', array_filter$classes ), $item ) );
  8.         $class_names = \' class=\"\' . esc_attr( $class_names ) . \'\"\';
  9.         $output .= $indent . \'<li id=\"menu-item-\'. $item->ID . \'\"\' . $value . $class_names .\'>\';
  10.         $attributes = ! empty$item->attr_title ) ? \' title=\"\' . esc_attr( $item->attr_title ) .\'\"\' : \'\';
  11.         $attributes .= ! empty$item->target ) ? \' target=\"\' . esc_attr( $item->target ) .\'\"\' : \'\';
  12.         $attributes .= ! empty$item->xfn ) ? \' rel=\"\' . esc_attr( $item->xfn ) .\'\"\' : \'\';
  13.         $attributes .= ! empty$item->url ) ? \' href=\"\' . esc_attr( $item->url ) .\'\"\' : \'\';
  14.         $item_output = $args->before;
  15.         $item_output .= \'<a\'. $attributes .\'>\';
  16.         $item_output .= $args->link_before . apply_filters( \'the_title\', $item->title, $item->ID ) . $args->link_after;
  17.         $item_output .= \'<br /><span class=\"sub\">\' . $item->description . \'</span>\';
  18.         $item_output .= \'</a>\';
  19.         $item_output .= $args->after;
  20.         $output .= apply_filters( \'walker_nav_menu_start_el\', $item_output$item$depth$args );
  21.     }
  22. }

标签:

提交需求或反馈

Demand feedback