=== Energ1zer === Contributors: frankquebec Donate link: http://yipp.ca Tags: shortcode rich text edit layout responsive design thumbnails rounded Requires at least: 3.5.1 Tested up to: 6.3.1 Stable tag: 1.1.3 License: GPLv2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Energ1zer allows you to render elements from posts/pages to dynamic elements in other pages, such as the featured images. It also brings shortcodes to do various things to speed up web development. == Description == By Activating this plugin you get automatically these Features turned on: * permanent line breaks in pages using [br] shortcode so your design doesn't break * wordpress wont add <p></p> and <br/> automatically when you add line-feeds (configurable) * new pages options added at bottom of page You can quickly generate these with [energ1zer markups]: * automatic rounded pictures thumbnails (bubbles) * rounded thumbnails (bubbles) can be made grayscale * insert an horizontal line: [energ1zer liner="2" color="#909090" width="400px"] * insert <br/>: [br] * age in year since a date: [age since="01-Jan-1996"] * image galleries When you do a nice design for a client, you want this design to stay in place. This plugin allows to insert shortcodes such as [br] to have permanent line breaks in your post. For untranslatable content (like sliders or other widget), energ1zer will append classes to your body element and this CSS to your pages: body.en .show-fr, body.en_US .show-fr { display:none; } body.fr .show-en, body.fr_FR .show-en, body.fr_CA .show-en { display:none; } Then you have to add the local to your body class. Hint: in PHP it is with: get_locale() For example in 7host theme you would edit header.php like this : $class = shost_body_classes(); + $class[] = get_locale(); $img = shost_bg_img(); ?> <body id="top" <?php body_class( $class ); ?> data-image="<?php echo $img ?>"> You can now do conditional content like this <div class="show-en">How are you doing?</div> <div class="show-fr">Comment allez-vous?</div> [energ1zer post="1620" display="all"] == Installation == This section describes how to install the plugin and get it working. See the Support section for howtos. == Usage == To create a full-width banner like on http://yipp.ca/ 1) Upload a large image using the standard wordpress upload. 2) Get the link of the image, for example http://yipp.ca/wp-content/uploads/2016/12/banner-15deg.jpg 3) Insert this code in your post: <div class="fullwidth energ1zerFullWidth">[energ1zer-imgcover img="http://yipp.ca/wp-content/uploads/2016/12/banner-15deg.jpg" height="400" position="left 30%"]</div> Info: The division makes your banner that breaks out of your page layout and margins. You might or might not need it depending on your theme. The [energ1zer-imgcover img="..." height="..." position="..."] shortcode will render the banner with correct CSS style. Modify the "height" and "position" attributes to your need. To create a round picture on any page from a post's featured image [energ1zer liner="#76a6e3" height="8" margin="0 0 20px 0"][energ1zer_bubble postID="972" float="left" margin="10px 30px 60px 0"]