Title: TW Shortcodes Author: lvraa Published: 2016 年 10 月 22 日 Last modified: 2016 年 10 月 23 日 --- 搜索插件 **该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起 使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。 ![](https://s.w.org/plugins/geopattern-icon/tw-shortcodes.svg) # TW Shortcodes 作者：[lvraa](https://profiles.wordpress.org/lvraa/) [下载](https://downloads.wordpress.org/plugin/tw-shortcodes.zip) * [详情](https://cn.wordpress.org/plugins/tw-shortcodes/#description) * [评价](https://cn.wordpress.org/plugins/tw-shortcodes/#reviews) * [安装](https://cn.wordpress.org/plugins/tw-shortcodes/#installation) * [开发进展](https://cn.wordpress.org/plugins/tw-shortcodes/#developers) [支持](https://wordpress.org/support/plugin/tw-shortcodes/) ## 描述 Building complex page layouts with buttons, icons and pricing tables typically requires lots of experience with html, css, php and the WordPress template hierarchy. Use this plugin to whip up fancy looking page designs in no time flat. This plugin is based on GPP Shortcodes from Graph Paper Press: https://graphpaperpress.com/plugins/ gpp-shortcodes/. There are 11 shortcodes packaged into this plugin: * Flat Buttons * Icons courtesy of Genericons * Icon Buttons * Highlights * Dividers * Accordions * Toggles * Tabs * Google Maps * Pricing Tables * Grids See live examples, a full list of the options and usage instructions here: http://tripwiremagazine.com/wp/plugins/tw-shortcodes/ ## 安装 1. Upload the whole `tw-shortcodes` directory to the `/wp-content/plugins/` directory 2. Activate the ‘GPP Shortcodes’ plugin through the ‘Plugins’ menu in WordPress 3. Add shortcodes to Posts and Pages using the instructions found on this page: http://tripwiremagazine.com/wp/plugins/tw-shortcodes/ ## 常见问题 Below are a list of all the shortcodes and how to use them. BOXES Usage: `[tw_box]Alert Box Text[/tw_box]` Attributes: color, width, text_align, margin_bottom, margin_top, class Available colors: grey, yellow, green, red, blue, purple, black Attributes usage: `[tw_box color="green" width="50%" text_align="left" margin_bottom ="50px" margin_top="50px"]Alert Box Text[/tw_box]` ICONS Usage: `[tw_icon type="image"]` Attributes: type Availabe types: standard, aside, image, gallery, video, status, quote, link, chat, audio, github, dribble, twitter, facebook, facebook-alt, wordpress, googleplus, linkedin, linkedin-alt, pinterest, pinterest-alt, flickr, vimeo, youtube, tumblr, instagram, codepen, polldaddy, comment, category, tag, time, user, day, week, month, pinned, search, unzoom, zoom, show, hide, close, close-alt, trash, star, home, mail, edit, reply, feed, warning, share, attachment, location, checkmark, menu, top, minimize, maximize, 404, spam, summary, cloud, key, dot, next, previous, expand, collapse, dropdown, dropdown-left, top, draggable, phone, send-to-phone, plugin, cloud-download, cloud-upload, external, document, book, cog, unapprove, cart, pause, stop, skip- back, skip-ahead, play, tablet, send-to-tablet, info, notice, help, fastforward, rewind, portfolio, uparrow, rightarrow, downarrow, leftarrow BUTTONS Usage: `[tw_button]Button Text[/tw_button]` Attributes: color, url, title, target, rel, class, icon_left, icon_right, size, display Available colors: grey, yellow, green, red, blue, purple, black Available sizes: small, medium, large Available displays: inline, block Available icon_left and icon_right: standard, aside, image, gallery, video, status, quote, link, chat, audio, github, dribble, twitter, facebook, facebook-alt, wordpress, googleplus, linkedin, linkedin-alt, pinterest, pinterest-alt, flickr, vimeo, youtube, tumblr, instagram, codepen, polldaddy, comment, category, tag, time, user, day, week, month, pinned, search, unzoom, zoom, show, hide, close, close-alt, trash, star, home, mail, edit, reply, feed, warning, share, attachment, location, checkmark, menu, top, minimize, maximize, 404, spam, summary, cloud, key, dot, next, previous, expand, collapse, dropdown, dropdown-left, top, draggable, phone, send-to-phone, plugin, cloud-download, cloud-upload, external, document, book, cog, unapprove, cart, pause, stop, skip-back, skip-ahead, play, tablet, send-to-tablet, info, notice, help, fastforward, rewind, portfolio, uparrow, rightarrow, downarrow, leftarrow Attributes usage: `[tw_button color="blue" url="http://www.tripwiremagazine.com" title="themes" icon_left="twitter" target="_blank" size="large" display="block"] Button Text[/tw_button]` TEXT HIGHLIGHT Usage: `[tw_highlight]text to highlight[/tw_highlight]` Attributes: color Available colors: grey, yellow, green, red, blue, purple, black Attributes usage: [tw_highlight color=”green”]text to highlight[/tw_highlight] DIVIDERS Usage: `[tw_divider]` Attributes: type, color Available types: solid, dashed, dotted, double Available colors: grey, yellow, green, red, blue, purple, black Attributes Usage: `[tw_divider type="dashed" color="green"]` ACCORDIONS Usage: `[tw_accordion][tw_accordion_section title="Section #1"]Section 1 text[/tw_accordion_section][ tw_accordion_section title="Section #2"]Section 2 text[/tw_accordion_section][tw_accordion_section title="Section #3"]Section 3 text[/tw_accordion_section][/tw_accordion]` Attributes: title, class Attributes usage: `[tw_accordion][tw_accordion_section title="Section #1"]Section 1 text[/tw_accordion_section][tw_accordion_section title="Section #2"]Section 2 text[/tw_accordion_section][tw_accordion_section title="Section #3"]Section 3 text[/ tw_accordion_section][/tw_accordion]` TOGGLES Usage: `[tw_toggle title="Toggle Title"]Toggle text[/tw_toggle]` Attributes: title, class TABS Usage: `[tw_tabgroup][tw_tab title="Tab #1"]Tab 1 text [/tw_tab][tw_tab title="Tab# 2"]Tab 2 text[/tw_tab][/tw_tabgroup]` Attributes: title, class GOOGLE MAPS Usage: `[tw_googlemap location="new york,usa"]` Attributes: location, height, title, zoom, class Attributes Usage: `[tw_googlemap location="new york,usa" zoom="5" title="New York" height="500px"]` PRICING TABLE Usage: [tw_pricing plan=”Premium” cost=”$200″ per=”per month” button_url=”http:// www.tripwiremagazine.com” button_text=”Sign Up” button_color=”green” button_target =”self” button_rel=”nofollow”] plan feature plan feature plan feature plan feature[/ tw_pricing] Attributes: plan, cost, per, button_url, button_text, button_color, button_target, button_rel, position, class Here is an example pricing table with three columns: ``` [one_third_first][tw_pricing plan="Gold" cost="$99" per="per month" button_url="http://www.tripwiremagazine.com" button_text="Sign Up" button_color="green" button_target="self" button_rel="nofollow"] plan feature plan feature plan feature plan feature [/tw_pricing][/one_third_first][one_third][tw_pricing plan="Silver" cost="$69" per="per month" button_url="http://www.tripwiremagazine.com" button_text="Sign Up" button_color="green" button_target="self" button_rel="nofollow"] plan feature plan feature plan feature plan feature [/tw_pricing][/one_third][one_third_last][tw_pricing plan="Bronze" cost="$39" per="per month" button_url="http://www.tripwiremagazine.com" button_text="Sign Up" button_color="green" button_target="self" button_rel="nofollow"] plan feature plan feature plan feature plan feature [/tw_pricing][/one_third_last] ``` GRIDS You can use the following shortcodes `[one_sixth]`, `[one_fourth]`, `[one_third]`,`[ one_half]` in any combination as long as they total 1 in then end. The start of each column begins with a shortcode that ends in `_first`, like this: `[one_sixth_first]`. Each row ends with a shortcode that ends in `_last`, like this: `[/one_third_last]`. You can combine grid with many of the shortcodes above to create complex page layouts. One important point to remember is this: When you are adding your grid shortcodes in the WordPress editor, WordPress will transform all RETURNS as linebreaks and add a `
` tag. This can cause your grids to display in a stair step layout, which isn’t good. To fix this, do not RETURN when adding your grid shortcodes to the WordPress editor. For example, this is correct: ``` [one_half_first] This is the first column [/one_half_first][one_half_last] This is the first column [one_half_last] ``` This is incorrect: ``` [one_half_first] This is the first column [/one_half_first] [one_half_last] This is the first column [one_half_last] ``` Notice that there is a RETURN after the [/one_half_first]? This will cause layout problems (the stair step effect, which we don’t want). Simply make sure that your ending and beginning grid shortcodes but directly up against each other, like this: ``` [/one_half_first][one_half_last] ``` Now, onto the full grid shortcodes. Below are some usage examples: Six Columns ``` [one_sixth_first]This is the first column[/one_sixth_first] [one_sixth]This is the second column[/one_sixth] [one_sixth]This is the third column[/one_sixth] [one_sixth]This is the fourth column[/one_sixth] [one_sixth]This is the fifth column[/one_sixth] [one_sixth_last]This is the sixth and last column[/one_sixth_last] ``` Four Columns ``` [one_fourth_first]This is the first column[/one_fourth_first] [one_fourth]This is the second column[/one_fourth] [one_fourth]This is the third column[/one_fourth] [one_fourth_last]This is the fourth and last column[/one_fourth_last] ``` Three Columns ``` [one_third_first]This is the first column[/one_third_first] [one_third]This is the second column[/one_third] [one_third_last]This is the third and last column[/one_third_last] ``` Two Columns ``` [one_half_first]This is the first column[/one_half_first] [one_half_last]This is the second and last column[/one_half_last] ``` One-Sixth & Five-Sixth Columns ``` [one_sixth_first]This is the first column[/one_sixth_first] [five_sixth_last]This is the second and last column[/five_sixth_last] ``` One-Third & Two-Third Columns ``` [one_third_first]This is the first column[/one_third_first] [two_thirds_last]This is the second and last column[/two_thirds_last] ``` ## 评价 此插件暂无评价。 ## 贡献者及开发者 「TW Shortcodes」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ lvraa ](https://profiles.wordpress.org/lvraa/) * [ Thad Allender ](https://profiles.wordpress.org/endortrails/) * [ Sanam Maharjan ](https://profiles.wordpress.org/kcssm/) * [ GPP ](https://profiles.wordpress.org/gpp/) [帮助将「TW Shortcodes」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/tw-shortcodes) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/tw-shortcodes/)，查看 [SVN仓库](https://plugins.svn.wordpress.org/tw-shortcodes/)，或通过[RSS](https://plugins.trac.wordpress.org/log/tw-shortcodes/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/tw-shortcodes/)。 ## 更新日志 #### 1.0 * Initial release ## 额外信息 * 版本 **1.1** * 最后更新：**10 年前** * 活跃安装数量 **10+** * WordPress 版本 ** 3.6 或更高版本 ** * 已测试的最高版本为 **4.6.30** * 语言 * [English (US)](https://wordpress.org/plugins/tw-shortcodes/) * 标签 * [buttons](https://cn.wordpress.org/plugins/tags/buttons/)[grid](https://cn.wordpress.org/plugins/tags/grid/) [icons](https://cn.wordpress.org/plugins/tags/icons/)[shortcode](https://cn.wordpress.org/plugins/tags/shortcode/) [shortcodes](https://cn.wordpress.org/plugins/tags/shortcodes/) * [高级视图](https://cn.wordpress.org/plugins/tw-shortcodes/advanced/) ## 评级 尚未提交反馈。 [Your review](https://wordpress.org/support/plugin/tw-shortcodes/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/tw-shortcodes/reviews/) ## 贡献者 * [ lvraa ](https://profiles.wordpress.org/lvraa/) * [ Thad Allender ](https://profiles.wordpress.org/endortrails/) * [ Sanam Maharjan ](https://profiles.wordpress.org/kcssm/) * [ GPP ](https://profiles.wordpress.org/gpp/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/tw-shortcodes/) ## 捐助 您愿意支持这个插件的发展吗? [ 捐助此插件 ](http://www.tripwiremagazine.com/)