服务器与VPS
促销优惠信息

wordpress短代码插件Shortcodes Ultimate使用教程

最近发现一款很好用的wordpress插件——Shortcodes Ultimate。这是一款短代码插件,或者也叫简码插件,可以在文章或者页面中加入几十种短代码,使用Shortcodes Ultimate你可以很轻松地创建各种按钮,表格,相册、灯箱、视频等等。使用这个插件,可以让你网站的很多小细节变的很漂亮!

wordpress短代码插件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>

加入后,可以进行预览看下效果:

wordpress短代码插件Shortcodes Ultimate使用教程

下方可以加入button按钮短代码,预览效果:

设置中的”易变“选项可以决定按钮的宽度,比如我们选择100%,则按钮会达到最大宽度。

wordpress短代码插件Shortcodes Ultimate使用教程

通过分栏短代码,我们可以加入多个产品栏,如下方效果:

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

楚狂人 » wordpress短代码插件Shortcodes Ultimate使用教程

相关推荐

  • 暂无文章

评论 抢沙发

  • (必填)
  • (必填)

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏