!
也想出现在这里? 联系我们
广告位
当前位置:首页>运营>网站运维>DUX主题为亮点功能添加快捷按钮

DUX主题为亮点功能添加快捷按钮

DUX主题4.1版本发布已经有一段时间了,该版本增加了一个文章和页面内容亮点的功能,关于该功能的前端显示大致如下:

  1. DUX主题亮点1蝈蝈要安静 | 一个不学无术的伪程序员
  2. DUX主题亮点2蝈蝈要安静 | 一个不学无术的伪程序员

其实该功能主要是通过 CSS 样式的调整来实现的,实现方式虽然简单但是前端显示效果确实不错,官方给出的调用方式也极其简单,通过下面两行代码调用:

其实就是一个有序列表,并且列表的样式为 class=\"liangdian\" 但是对于平时我个人编辑文章的习惯来看懒得去敲这两行代码于是决定为其在后台增加一个快捷按钮,于是也就有了这篇文章,编辑器添加按钮的方式我之前也说过,当然你也可以参照下面几篇文章了解一下:

  • 使用QuicktagsAPI为WP文本编辑器添加快捷按钮
  • 纯代码实现WordPress文章页展开收缩功能
  • 网站新增彩色警示文本框

代码实现非常简单,你只需要将以下代码添加到主题的 functions.php 文件中去即可:

其实就是添加一个 QuickTag ,添加完代码后会在后台文本编辑模式下找到一个“亮点展示框”的按钮,双击按钮即可添加一个亮点显示区域,点击按钮后会出现如下代码:

因为不同文章亮点不同,无法固定亮点项目数量,目前代码只能添加一个亮点展示框,不过你可以逐一增加 li 标签来增加多个,如下所示:

如此,添加完成。

给TA打赏
共{{data.count}}人
人已打赏
网站运维

一个标准的WordPress主题都包含哪些文件?(wordpress素材主题)

2022-9-12 12:32:55

网站运维

WordPress 文章页添加左右翻页效果

2022-9-12 12:33:31

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 [email protected] 或点击右侧 私信:林沐阳 反馈,我们将尽快处理。
{{yiyan[0].hitokoto}}
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索