diverso主题教程:短代码

2012/09/12

下面是使用diverso主题时,写文章需要使用到的短代码,其它的主题是不支持的。

杂项

边框 (产生具有边框的内容)

[border]

空间 (两个元素之间添加一些空格)

[space]

清除 (在使用了栏和图标之后使用)

[clear]

号召

[call title=”Not found the answer?” incipit=”feel free to contact our customer service for support” phone=”800.034.881″]

版式

下拉

[dropcap]your text[/dropcap]

引用文本

[quote]your text[/quote]

高亮文本

[highlight]your text[/highlight]

列表风格

[list type="star"]
<li>item</li>
<li>item</li>
<li>item</li>
[/list]

符合: Star / arrow / check / add / info

警告盒

成功警告盒

[success]your text[/success]

箭头警告盒

[arrow]your text[/arrow]

警告盒

[alert]your text[/alert]

错误盒

[error]your text[/error]

注意盒

[notice]your text[/notice]

信息盒

[info]your text[/info]

按钮

自定义按钮

[button_icon icon="arrow|arrow-left|calc|gift|offer|remove"]your text[/button_icon]

左图标自定义按钮

[button_icon icon="arrow|arrow-left|calc|gift|offer|remove" sense="rtl"]your text[/button_icon]

大彩色按钮

[button color="green|blue|magenta|red|orange|yellow" width="large" href="#"]your text[/button]

小彩色按钮

[button color="green|blue|magenta|red|orange|yellow" width="small" href="#"]your text[/button]

图标盒

图标盒

[section icon="bag" title="your title"] your text [/section]

图标: Tick / bag / pictures / letter / box / bubble / bulb / calendar / cart / chart / clipboard / coffee / diagram / doodles / gear / info / globe / gift / label / moleskine / monitor / mphone / news / open / pc / pencil / phone / postit / qmark / refresh / shopbag / statistics / testimonial

图标盒 (黑色风格)

[section icon="card-black" title="Logo Design" before_title="<h6>" after_title="</h6>"]
Now that our web site is launched I would like to formally record my appreciation for the excellent 
service that Kassyopea provided and for your.[/section]

图标: card-black / brush-black / monitor-black / chart-bar / box / case / chart-line / bookmark / checkbox-checked / phone-black / contact / info /

Tabs, 伸缩按钮 & 表格

Tabs

[tabs tab1="Tab 1" tab2="Tab 2" tab3="Tab 3"]
[tab id="tab1"]This is tab1[/tab]
[tab id="tab2"]This is tab2[/tab]
[tab id="tab3"]This is tab3[/tab]
[/tabs]

伸缩按钮

[accordion title="This is title"]Your Content...[/accordion]

价格盒

[price title="Standard Plan" price="45.0 $" href="#" buttontext="More info" color="white"]
<li>Morbi est elit, imperdiet sit amet</li>
<li>Lorem ipsum seget, egestas in leo.</li>
<li>Morbi est elit, imperdiet sit amet</li>
<li>Lorem ipsum seget, egestas in leo.</li>
[/price]

表格

[table color="white"]
<table style="width: 100%;" cellspacing="0" cellpadding="0">
<thead>
<tr>
<th style="width:20%"></th>
<th style="width:20%">Free</th>
<th style="width:20%">Mini</th>
<th style="width:20%">Standard</th>
<th style="width:20%">Premium</th>
</tr>
</thead>

<tbody>
<tr>
<th>Features 1</th>
<td>1</td>
<td>unlimited</td>
<td>[x]</td>
<td>-</td>
</tr>
</tbody>
</table>
[/table]

媒体

Youtube 视频

[youtube width="640" height="385" video_id="wSBIcNmCAX0"]

Vimeo 视频

[vimeo width="640" height="360" video_id="3109777"]

Dailymotion 视频

[dailymotion width="640" height="360" video_id="xgis0k"]

Dailymotion 视频

[dailymotion width="640" height="360" video_id="xgis0k"]

Nivo 幻灯片

[slider effect="random" width="640" height="380"]
wp-content/themes/bolder/images/nivo-slider/001.jpg
wp-content/themes/bolder/images/nivo-slider/002.jpg
wp-content/themes/bolder/images/nivo-slider/003.jpg
wp-content/themes/bolder/images/nivo-slider/004.jpg
wp-content/themes/bolder/images/nivo-slider/005.jpg
[/slider]

效果: sliceDown / sliceDownLeft / sliceUp / sliceUpLeft / sliceUpDown / sliceUpDownLeft / fold / fade / random / slideInRight / slideInLeft / boxRandom / boxRain / boxRainReverse / boxRainGrow / boxRainGrowReverse

小工具

最新文章

[recentpost items="3"]

热门文章

[popularpost items="3"]

社会图标

[social type="facebook|rss|twitter|youtube|yahoo|vimeo|flickr|blogger" href="" title=""]

Twitter

[twitter username="yourusername" items="2"]

资信幻灯片

[testimonial category="testimonial" items="5" fx="scrollLeft"]

订阅表单

[newsletter_form action="" label="your email address" ]

One thought on “diverso主题教程:短代码

发表评论

邮箱地址不会被公开。 必填项已用*标注