Title: Perfect Columns Author: moto_485 Published: 2014 年 6 月 7 日 Last modified: 2014 年 7 月 12 日 --- 搜索插件 **该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起 使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。 ![](https://s.w.org/plugins/geopattern-icon/perfect-columns.svg) # Perfect Columns 作者：[moto_485](https://profiles.wordpress.org/moto_485/) [下载](https://downloads.wordpress.org/plugin/perfect-columns.1.2.0.zip) * [详情](https://cn.wordpress.org/plugins/perfect-columns/#description) * [评价](https://cn.wordpress.org/plugins/perfect-columns/#reviews) * [安装](https://cn.wordpress.org/plugins/perfect-columns/#installation) * [开发进展](https://cn.wordpress.org/plugins/perfect-columns/#developers) [支持](https://wordpress.org/support/plugin/perfect-columns/) ## 描述 If you need two, three or more columns of text or images and need them to be exactly the same using on CSS3 then this is it. First insert a [row] shortcode (this needs to wrap around every new row) then click the numbers until you have added shortcodes that add up to 12. Example – [row] [p-col-3] Content Here [/p-col-3] [p-col-3] Content Here [/p-col-3] [p-col-3] Content Here [/p-col-3] [p-col-3] Content Here [/p-col-3] [/row] These rows will collapse for mobile devices. Feel free to over write the css in your themes style sheet. NOTE This uses box-sizing:border-box in the css you may notice a slight change in your theme if not already using this. If you do you will need to adjust your themes css. Basically you may find you lose width in your DIVs, it should be just an easy matter of adding some width to these DIVs. What box-sizing:border-box does is set your width, for example: If your DIV was set to a width of 100px and you added padding-left:5px; border-left:1px solid; this padding and border will be added inside the DIV in turn not effecting the 100px width. With out this in the css 100px width would be expanded to a total of 106px. ## 屏幕截图 * [[ * After installation you will have blue buttons along the top of your editor. * [[ * First click the [R] button for each new row. ## 安装 1. Upload perfect-columns to the /wp-content/plugins/ directory 2. Activate Perfect Columns through the \’Plugins\’ menu in WordPress 3. A row of buttons will be added to the top of the WYSIWYG editor. 4. With every row you would like to create first click on the [R] then click the numbers until you have added shortcodes that add up to 12. Then just repeat the process for the next row. NOTE If you start adding shortcodes inside shortcodes inside shortcodes you will find that this will not work. ## 评价 此插件暂无评价。 ## 贡献者及开发者 「Perfect Columns」是开源软件。 以下人员对此插件做出了贡献。 贡献者 * [ moto_485 ](https://profiles.wordpress.org/moto_485/) [帮助将「Perfect Columns」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/perfect-columns) ### 对开发感兴趣吗? 您可以[浏览代码](https://plugins.trac.wordpress.org/browser/perfect-columns/)，查看 [SVN仓库](https://plugins.svn.wordpress.org/perfect-columns/)，或通过[RSS](https://plugins.trac.wordpress.org/log/perfect-columns/?limit=100&mode=stop_on_copy&format=rss) 订阅[开发日志](https://plugins.trac.wordpress.org/log/perfect-columns/)。 ## 更新日志 #### 1.1.0 Initial release ## 额外信息 * 版本 **1.2.0** * 最后更新：**12 年前** * 活跃安装数量 **20+** * WordPress 版本 ** 3.9 或更高版本 ** * 已测试的最高版本为 **3.9.40** * 语言 * [English (US)](https://wordpress.org/plugins/perfect-columns/) * 标签 * [columns](https://cn.wordpress.org/plugins/tags/columns/)[grid](https://cn.wordpress.org/plugins/tags/grid/) [mobile](https://cn.wordpress.org/plugins/tags/mobile/)[rows](https://cn.wordpress.org/plugins/tags/rows/) [shortcode](https://cn.wordpress.org/plugins/tags/shortcode/) * [高级视图](https://cn.wordpress.org/plugins/perfect-columns/advanced/) ## 评级 5 星（最高 5 星）。 * [ 2 条 5 星评价 ](https://wordpress.org/support/plugin/perfect-columns/reviews/?filter=5) * [ 0 条 4 星评价 ](https://wordpress.org/support/plugin/perfect-columns/reviews/?filter=4) * [ 0 条 3 星评价 ](https://wordpress.org/support/plugin/perfect-columns/reviews/?filter=3) * [ 0 条 2 星评价 ](https://wordpress.org/support/plugin/perfect-columns/reviews/?filter=2) * [ 0 条 1 星评价 ](https://wordpress.org/support/plugin/perfect-columns/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/perfect-columns/reviews/#new-post) [查看全部评论](https://wordpress.org/support/plugin/perfect-columns/reviews/) ## 贡献者 * [ moto_485 ](https://profiles.wordpress.org/moto_485/) ## 支持 有话要说吗？是否需要帮助？ [查看支持论坛](https://wordpress.org/support/plugin/perfect-columns/)