ShortCode自定义简码预览

一、错误框

[wm_error]红色错误框[/wm_error]
[wm_warn]黄色警告框[/wm_warn]
[wm_tips]
蓝色计划框

 <?php if ($this->options->huaban === 'on') : ?><button class="item" data-type="draw">画图模式</button><?php endif; ?>

[/wm_tips]
[wm_notice]

绿色提醒框
绿色提醒框

绿色提醒框
[/wm_notice]

二、按钮

[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]

三、文本框

[wm_red]
红边文本框
七牛源：https://dn-qiniu-avatar.qbox.me/avatar
loli源：https://gravatar.loli.net/avatar
[/wm_red]
[wm_yellow]黄边文本框[/wm_yellow]
[wm_blue]蓝边文本框[/wm_blue]
[wm_green]绿边文本框[/wm_green]

四、虚线标题框

[wm_kuang title="标题1"]
虚线标题框：https://sdn.geekzu.org/avatar
v2ex源：https://cdn.v2ex.com/gravatar
[/wm_kuang]

[wm_kuang title="标题2"]虚线标题框2[/wm_kuang]

五、虚线文本框

[wm_xuk]
虚线文本框

<!--禁止右键&复制开始-->
<script language="Javascript">
document.oncontextmenu=new Function("event.returnValue=false");
document.onselectstart=new Function("event.returnValue=false");
</script>   
<?php endif; ?>
<!--禁止右键&复制结束-->

[/wm_xuk]

六、评论可见

[wm_reply]评论后可见内容[/wm_reply]

七、登录可见

[wm_login]登录后可见内容[/wm_login]

八、微信吸粉

[wm_gzh keyword="关键字" key="3133" gname="Techbars"]

<!--禁止右键&复制开始-->
<script language="Javascript">
document.oncontextmenu=new Function("event.returnValue=false");
document.onselectstart=new Function("event.returnValue=false");
</script>   
<?php endif; ?>
<!--禁止右键&复制结束-->

[/wm_gzh]

九、卡片内链

wm_embed_post ids=2967

十、TAB选项栏

[wm_tabgroup]
[wm_tab title="标题 1" id="1"]内容 1[/wm_tab]
[wm_tab title="标题 2" id="2"]

[/wm_tab]
[wm_tab title="标题 3" id="3"]

内容 3

h2标题

加粗
[/wm_tab]
[/wm_tabgroup]

十一：开关菜单

[wm_toggle_box]
[wm_toggle_item title="开关菜单标题 1" active="true"]

h2标题不支持解析

[/wm_toggle_item]
[wm_toggle_item title="开关菜单标题 2"]不支持子镶嵌[/wm_toggle_item]
[wm_toggle_item title="开关菜单标题 3"]
code代码
[/wm_toggle_item]
[/wm_toggle_box]

十二：阅读全文

[wm_collapse title="阅读全文"]
极客族：https://sdn.geekzu.org/avatar
v2ex源：https://cdn.v2ex.com/gravatar
七牛源：https://dn-qiniu-avatar.qbox.me/avatar
loli源：https://gravatar.loli.net/avatar
[/wm_collapse]

十三：微信动态验证码

    $huaban = new Typecho_Widget_Helper_Form_Element_Select(
        'huaban',
        array('off' => '关闭（默认）', 'on' => '开启'),
        'off',
        '是否开启画板评论',
        '介绍：开启后，文章评论部分出现画板。'
    );
    $huaban->setAttribute('class', 'joe_content joe_other');
    $form->addInput($huaban->multiMode());