最近发现一款很好用的wordpress插件——Shortcodes Ultimate。这是一款短代码插件,或者也叫简码插件,可以在文章或者页面中加入几十种短代码,使用Shortcodes Ultimate你可以很轻松地创建各种按钮,表格,相册、灯箱、视频等等。使用这个插件,可以让你网站的很多小细节变的很漂亮!
插件地址:https://cn.wordpress.org/plugins/shortcodes-ultimate/
我们可以使用这些短代码,设计出一些建站时常用的功能模块。比如下面这段内容可以放到短代码里面,可以设计出漂亮的产品对比表格:
<ul> <li><i class="sui sui-check" style="color:#333"></i> CPU:<strong>2 核</strong></li> <li><i class="sui sui-check" style="color:#333"></i> 内存:2 G</li> <li><i class="sui sui-check" style="color:#333"></i> 硬盘:50 GB ESSD</li> <li><i class="sui sui-check" style="color:#333"></i> 流量:800 GB/月</li> <li><i class="sui sui-check" style="color:#333"></i> 带宽:<strong>4 Mbps</strong></li> <li><i class="sui sui-check" style="color:#333"></i> 机房:<strong>国内可选</strong></li> <li><i class="sui sui-check" style="color:#333"></i> 价格:<strong>918.00/年</strong></li> </ul>
加入后,可以进行预览看下效果:
下方可以加入button按钮短代码,预览效果:
设置中的”易变“选项可以决定按钮的宽度,比如我们选择100%,则按钮会达到最大宽度。
通过分栏短代码,我们可以加入多个产品栏,如下方效果:
[su_row][su_column size="1/2" center="no" class=""][su_box title="阿里云轻量应用服务器 2核2G" box_color="#f54c19"]
- CPU:2 核
- 内存:2 G
- 硬盘:50 GB ESSD
- 流量:800 GB/月
- 带宽:4 Mbps
- 机房:国内可选
- 价格:918.00/年
[su_button url="https://www.aliyun.com/minisite/goods?taskPkg=yds2211&pkgSid=503943&recordId=4712322&userCode=0a5rig7f" target="blank" background="#f54c19" size="8" wide="yes" center="yes" rel="nofollow"]直达链接[/su_button]
[/su_box][/su_column] [su_column size="1/2" center="no" class=""][su_box title="阿里云轻量应用服务器 2核4G" box_color="#f54c19"]
- CPU:2 核
- 内存:4 G
- 硬盘:60 GB ESSD
- 流量:1100 GB/月
- 带宽:5 Mbps
- 机房:国内可选
- 价格:1326.00/年
[su_button url="https://www.aliyun.com/minisite/goods?taskPkg=yds2211&pkgSid=503943&recordId=4712322&userCode=0a5rig7f" target="blank" background="#f54c19" size="8" wide="yes" center="yes" rel="nofollow"]直达链接[/su_button]
[/su_box][/su_column][/su_row]