Easily make full width page sections in Genesis via shortcode. Must be using the Genesis theme framework.
- If you use this shortcode on a page, you should enclose all of your content on the page within one or more instances of the shortcode. In order for this plugin to create a full width section, you must specify the page/post layout to be “full width content.”
- Breadcrumbs and other sections dynamically inserted in the inner content section may also stretch to full width, but you can add custom CSS to your theme’s style.css (preferably your child theme’s style.css, or a custom CSS plugin) to accommodate it. You need to get the class or id of the section you do not want to stretch, and assign the properties “max-width: 1200px;” (or whatever width you want the section to be) and “margin: 0 auto;” to it.
- The shortcode syntax [gsps] was added in version 1.2, and it is identical to the [genesis-simple-page-section] syntax. You can use either one, or both.
Basic shortcode syntax:
[gsps color=”orange” width=”960″ outer_class=”” outer_css=”” inner_class=”” inner_css=””]
For more about the shortcode syntax, available parameters, and color presets, please visit the plugin page on EfficientWP.
Created by EfficientWP.
genesis-simple-page-sections.zipinto your plugin directory (typically
- Unzip the
- Activate the plugin through the ‘Plugins’ menu in WordPress.
以下人員參與了開源軟體〈Genesis Simple Page Sections〉的開發相關工作。參與者
- Confirmed compatibility up to WordPress 5.1
- Rewritten in object-oriented format
- Confirmed compatibility up to WordPress 5.0.2
- Added specificity to CSS to apply full width only to single pages, posts, and custom post types (not archives and searches)
- Confirmed compatibility up to WordPress 4.2.1
- Added alternate shortcode syntax [gsps]
- Improved instructions
- Improved code standards to fix PHP notice
- Removed call to deprecated force layout function
- Moved CSS to enqueued file
- Fixed CSS to make width 100% and be compatible with Genesis 2.0
- Improved shortcode documentation
- Initial release