利用WordPress插件Insert HTML Snippet创建各种HTML短代码

今天小编给大家介绍一款非常实用的WordPress插件Insert HTML Snippet。此款插件可以将多种格式的代码转换成短代码的形式插入你的文章、页面或者小工具中。

★ Convert Javascript codes to shortcodes
★ Convert CSS codes to shortcodes
★ Support for snippet shortcodes in widgets
★ Dropdown menu in TinyMCE editor to pick snippet shortcodes easily
★ Insert adsense or any adcode
★ Insert addthis or any social bookmarking code
★ Insert flash, videos etc. to your posts,pages and widgets

根据上述插件官方的介绍,我们可以轻松将JavascriptCSS代码转换成短代码,还可以将广告代码、flash、视频转换成短代码插入到文章、页面和小工具中

Insert HTML Snippet插件的安装

在WordPress后台面板左侧点击“插件”→点击“安装插件”按钮→搜索“Insert HTML Snippet”找到其插件后安装即可,注意作者为:xyzscripts.com

安装完毕后启用插件即可。

通过Insert HTML Snippet插件创建短代码

点击后台左侧的“XYZ Html”进入Insert HTML Snippet后台面板,如下图:

Insert HTML Snippet插件

后台操作面板如下图:

wordpress插件insert-html-snippet

点击“Add New HTML Snippet”按钮添加代码创建短代码,看下图分解:

wordpress插件insert-html-snippet

我们在“HTML code”的输入框中插入一段搜狗的广告联盟代码,看下图分解:

wordpress插件insert-html-snippet-03

添加完代码后,单击“Create”按钮,短代码创建成功,看下图分解:

wordpress插件insert-html-snippet-04

这样一个搜狗广告位的短代码就创建成功了,我们可以将短代码插入到文章、页面中以及在小工具中使用,非常方便。

使用Insert HTML Snippet插件创建的短代码

通过两幅图,我们来看看如何将其短代码插入到文章、页面中以及在小工具中使用。

插入到文章和页面中

插入到文章中和页面中的方法是一样的,例子是如何插入到文章中。

wordpress插件insert-html-snippet-05

在小工具中使用Insert HTML Snippet插件创建的短代码

wordpress插件insert-html-snippet-06

wordpress插件insert-html-snippet-07

真的是非常方便,只要你创建了各种语言代码的短代码,想怎么用就怎么样,赶紧去试试吧。