Section Page

May 17, 2013

Section Page Plugin

A simple plugin allowing you to insert dropdown sections in your wordpress pages and posts.

Section Page a simple plugin allowing you to insert dropdown sections in your wordpress pages and posts.

Prerequisite

This plugin loads wordpress jQuery.

Options

  • HTML tag for section title : Can be h1h2 (by default) h3h4spanstrongemp
  • HTML classes for section : Additional html classes for each sections (optionnal)
  • HTML classes for section title : Addtional html classes for each sections title (optionnal)
  • HTML classes for section title wrapper : Addtional html classes for each sections title container (optionnal)
  • HTML classes for section content : Additional html classes for each sections content (optionnal)
  • Use a char before section title : Add or not html chars at the left of each sections title
  • Char when section is closed : Char when a section is closed (default : &#9658 )
  • Char when section is open : Char when a section is open (default : &#9660 )
  • Use animation : Smooth or instant dropdown
  • Custom Css : Customize the plugin here (optionnal)

Usage

The plugin add a “Add dropdown section” button to your tinymce editor.
Select your block of text and click the button to wrap the text into a section shortcode.

[section=Title of my section] Your content ... [endsection] 

This will be automatically replaced by a dropdown section based on the plugin settings.

Customization

Use the Custom Css option with the custom classes options.
You can also modify your theme css file if you are using wordpress on your ftp.
Now when a section is open, it receive the css class owc-sp-active so you can use it for more customization.

Installation

  1. Upload the folder section-page to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

Screenshots

  1. This is the plugin option panel, available in settings menu.

    This is the plugin option panel, available in settings menu.

  2. This is the tinymce button added by the plugin and the shortcode generated.

    This is the tinymce button added by the plugin and the shortcode generated.

  3. This is how your content will look with the plugin activated and shortcodes placed.

    This is how your content will look with the plugin activated and shortcodes placed.

Changelog

1.0.2

  • New option Use animationSmooth or instant dropdown
  • Modified option : HTML classes for section titleNow targets the title tag
  • New option HTML classes for section title wrapperPreviously “Html classes for section title”
  • New option Custom cssEnter your custom css here
  • You can now use the css class owc-sp-active as a callback when a section is open

1.0.1

  • Bug fix on HTML classes for section title and HTML classes for section content. Please upgrade if you want to use your own classes on these elements. Else you can use owc-sp-open and owc-sp-content which are the default classes.

Details

  • Version: 1.0.2
  • Active installations: 300
  • WordPress Version: 3.0
  • Tested up to: 3.5.2

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars