Horizontal Line Shortcode

May 20, 2016

Horizontal Line Shortcode Plugin

Tired of using tags in the Text Editor? Now you can simply add shortcode [hr] to your content in the Visual Editor to insert a horizontal line.

Instead of shifting to the text editor, inserting the < hr > tag, shifting back to the visual editor, with a chance that you delete the < hr > tag by mistake. You can now simply add shortcode [hr] anywhere, and multiple times, in your content in the Visual Editor to insert a horizontal line.

This will make your content mark-up mucher easier to read and manage in the backend.

Additionally you can also add top and buttom margin to the horizontal line. Please see the FAQ for more information how to do it using shortcode parameters.

Installation

  1. Upload ‘horizontal-line-shortcode’ file to the ‘/wp-content/plugins/’ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.
  3. Create a new post or page
  4. Add a title
  5. Place the shortcode [hr] in the post or page’s content area anywhere in your content once or multiple times different places.
  6. Click “Update”.
  7. Now, view the post or page.

Screenshots

  1. Post or page with the [hr] shortcode within the text.

    Post or page with the [hr] shortcode within the text.

  2. The output on the front-end.

    The output on the front-end.

  3. Post or page with the [hr] shortcode with parameters within the text.

    Post or page with the [hr] shortcode with parameters within the text.

  4. The output on the front-end.

    The output on the front-end.

FAQ

What shortcode should I use to display the horizontal line

[hr]

How can I add top and bottom margin

[hr margin-top=”50″ margin-bottom=”30″]

Do I need to add ‘px’ after my top and botto margin value

No, you can simply add:

[hr margin-top=”50″]

Changelog

1.0

  • Initial release.

Details

  • Version: 1.0
  • Active installations: 100
  • WordPress Version: 3.0.1
  • Tested up to: 4.5.32

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars