WordPress文章可视化短代码简码

使用效果

提示框

[wm_error]空木白博客-wuzuhua.cn[/wm_error]
[wm_warn]空木白博客-wuzuhua.cn[/wm_warn]
[wm_tips]空木白博客-wuzuhua.cn[/wm_tips]
[wm_notice]空木白博客-wuzuhua.cn[/wm_notice]

按钮类

[wm_wpbutton link=”https://wuzuhua.cn/” target=”blank” variation=”red”]空木白博客[/wm_wpbutton] [wm_wpbutton link=”https://wuzuhua.cn/” target=”blank” variation=”yellow”]空木白博客[/wm_wpbutton] [wm_wpbutton link=”https://wuzuhua.cn/” target=”blank” variation=”blue”]空木白博客[/wm_wpbutton] [wm_wpbutton link=”https://wuzuhua.cn” target=”blank” variation=”green”]空木白博客[/wm_wpbutton]

文本框

[wm_kuang title=”空木白”]空木白博客-wuzuhua.cn[/wm_kuang]
[wm_xuk]空木白博客-wuzuhua.cn[/wm_xuk]
[wm_red]空木白博客-wuzuhua.cn[/wm_red]
[wm_yellow]空木白博客-wuzuhua.cn[/wm_yellow]
[wm_blue]空木白博客-wuzuhua.cn[/wm_blue]
[wm_green]空木白博客-wuzuhua.cn[/wm_green]

使用方法：

写文章的时候，后台右边有个短代码选项框，选择对应的，就会出现短代码，直接复制到文章就可以。

部署方法：

1.把下载的 shortcodes文件夹上传到主题根目录下

找到目录下shortcodes/shortcodes.php的第253、254行代码

<script type='text/javascript' src='./wp-content/themes/b2child/shortcodes/jquery.js?ver=5.4.2'></script>
<script type='text/javascript' src='./wp-content/themes/b2child/shortcodes/shortcodes.js?ver=5.4.2'></script>

因为是在b2child主题下部署的，所以请修改b2child字段为自己的主题文件夹名称。

2.在主题的 functions.php 里添加下面代码：

/**
* 简码插件
*/require_once get_stylesheet_directory() . '/shortcodes/shortcodes.php';
require_once get_stylesheet_directory() . '/shortcodes/shortcodespanel.php';