wordpress终极简码介绍

简码是WordPress特定的代码,让你用很少的努力做出漂亮的东西。

简码类似HTML代码,由一个开始符及结束符包裹起来的内容将自动嵌套简码所代替的HTML代码。简码 = 快捷方式。用简单的快捷方式将大量复杂HTML代码打包起来,简化网页编辑。

以下是终极简码预定义好的网页样式,在后台的编辑器中你能很快插入一段如下样式的简码以实现丰富的网页文章样式。

基础手风琴样式

Spoiler title
Spoiler title
Spoiler title

花式手风琴样式

Spoiler title
Spoiler title
Spoiler title

打开状手风琴样式

Spoiler title
Spoiler title
Spoiler title

不同的分层

Spoiler title
Spoiler title
Spoiler title

打开状分层

Spoiler title
Spoiler title
Spoiler title

带锚文本的分层

Spoiler title
Spoiler title
Spoiler title

使用以下链接来展开分层

展开分层1 | 展开分层2 | 展开分层3

手风琴样式+分层+锚文本链接

Spoiler title
Spoiler title
Spoiler title

使用以下链接来展开手风琴样式

展开分层1 | 展开分层2 | 展开分层3

不同的图标

plus
plus-circle
plus-square-1
plus-square-2
arrow
arrow-circle-1
arrow-circle-2
caret
caret-square
folder-1
folder-2

自定义样式

Spoiler title

默认标签

Tab 1Tab 2Tab 3
Tab 1 content
Tab 2 content
Tab 3 content

自定义激活状标签

Tab 1Tab 2Tab 3
标签1内容 
标签2内容 
标签3内容 

垂直向标签

Tab 1Tab 2Tab 3
标签1内容
标签2内容
标签3内容

禁用的标签

Tab 1Tab 2Tab 3Tab 4 (disabled)Tab 5 (disabled)
标签1内容
标签2内容
标签3内容
标签4内容
标签5内容

带锚文本的标签

Tab 1Tab 2Tab 3
标签1内容
标签2内容
标签3内容

使用下方链接来切换标签

展开标签1 | 展开标签2 | 展开标签3

自定义样式

Tab 1Tab 2Tab 3
标签1内容
标签2内容
标签3内容

全宽列

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.

1/2 + 1/2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.

1/3 + 1/3 + 1/3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.

1/2 + 1/4 + 1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem.

3/4 + 1/4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

1/5 + 4/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.

2/5 + 3/5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.

2/3 + 1/6 + 1/6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

有吐蕃视频

微末视频

服务器自存视频 (mp4/flv)

非响应式布局的视频

你可以自定义此视频的宽高 

服务器自存音频 (HTML5/Flash)

自定义宽度的音频

高级有吐蕃视频 #1 – 无控制键,无相关视频

高级有吐蕃视频 #2 – 始终显示控制,亮色主题

按钮:

无限尺寸

Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Unlimited sizes!

无线颜色

Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me

不同背景风格

Click me Click me Click me Click me Click me Click me Click me Click me Click me

可定制的边框半径

Click me Click me Click me Click me

内建的图标字体

List of built-in icons Click me Click me Click me Click me Click me Click me

不同动画风格

动态内容列表

动态按钮

动态标签

Tab titleTab titleTab title

最热文章列表5篇 (根据评论数)

最新文章展示

最近上传的媒体文件

cropped-logo-1.png

http://www.foo9.cn/wp-content/uploads/2017/03/cropped-logo-1.png

基础示例

This is a box with nested spoilers
Spoiler title
Spoiler title
Spoiler title

相同的嵌套短码

Click me to see nested spoilers

相同的嵌套短码与其他短码相混合

Click me to see nested accordion