boxmoe_header_banner_img

Hello!有希日記へようこそ!

加载中

文章导读

【WordPress/扩展】文章的图形化短标签


avatar
松坂有希 2024年11月29日 501

大家好这里是有希,今天,我非常兴奋地与大家分享一套卓越的WordPress文章写作组件,这套工具将彻底改变你的写作和内容创作体验。它不仅提供了丰富的视觉元素和设计选项,让你的文章看起来更加专业和吸引人,而且还包含了多种互动功能,按钮和提示框,这些都能极大地提升用户的参与度和互动体验。此外,这套组件还特别注重用户体验和SEO优化,通过提供响应式设计和易于阅读的布局,确保你的内容在各种设备上都能完美展示,同时提高搜索引擎的排名。使用这套组件,你可以轻松地定制和调整文章的色彩、字体和背景,以匹配你的品牌形象和风格。它还简化了内容创作过程,提供了直观的拖放功能和预设模板,让你可以快速地添加和调整设计元素,节省宝贵的时间。

提示框

[wm_error]有希日记[/wm_error]
[wm_warn]有希日记[/wm_warn]
[wm_tips]有希日记[/wm_tips]
[wm_notice]有希日记[/wm_notice]

文本框

[wm_kuang title="标题"]有希日记[/wm_kuang]
[wm_xuk]有希日记[/wm_xuk]
[wm_red]有希日记[/wm_red]
[wm_yellow]有希日记[/wm_yellow]
[wm_blue]有希日记[/wm_blue]
[wm_green]有希日记[/wm_green]

按钮

[wm_wpbutton link="#" target="blank" variation="red"]有希日记[/wm_wpbutton]
[wm_wpbutton link="#" target="blank" variation="yellow"]有希日记[/wm_wpbutton]
[wm_wpbutton link="#" target="blank" variation="blue"]有希日记[/wm_wpbutton]
[wm_wpbutton link="#" target="blank" variation="green"]有希日记[/wm_wpbutton]

具体实现步骤

1.把下载的 youxi 文件夹上传到主题根目录下
找到目录下youxi/shortcodes.php的第253、254行代码

复制代码
  1. <script type='text/javascript' src='./wp-content/themes/lolimeow/youxi/jquery.js?ver=5.4.2'></script>
  2. <script type='text/javascript' src='./wp-content/themes/lolimeow/youxi/shortcodes.js?ver=5.4.2'></script>

我这里是lolimeow主题下部署的,所以请修改lolimeow字段为自己的主题文件夹名称。
2.在主题的 functions.php 里添加下面代码:

复制代码
  1. /*有希日记-短代码简码*/
  2. require_once get_stylesheet_directory() . '/youxi/shortcodes.php';
  3. require_once get_stylesheet_directory() . '/youxi/shortcodespanel.php';
  4.  

[wm_wpbutton link="https://mysqil.lanzoui.com/b0r9poy5a" target="blank" variation="yellow"]下载整合包[/wm_wpbutton]



评论(0)

查看评论列表

暂无评论


发表评论

个人信息

avatar

松坂有希

可爱又强大的前端设计师

818
文章
85
评论
5.6K
用户

选择分类

网站信息统计

  • 文章总数:818 篇
  • 评论数目:286 条
  • 标签总数:23 个
  • 浏览次数:65 次
  • 友链总数:8 个
  • 用户总数:5587 个
  • 运行天数:1555 天
  • 建站时间:2021-01-01
  • 最后更新:2025-04-04
  • 数据查询:17 次
  • 生成耗时:0.09846秒

最新评论

今日卡片

2025/04

5

星期六

今日宜

今日忌

隐藏
变装
🌟 遇见问题,不再有障碍!

你好,我是你的智能小助手。
点我,开启高效解答模式,让问题变成过去式。