wpcolor

<p>This is an all around plugin that allows you lots of control on how your front page, posts, pages and website looks. It can enhance the look of your front page or make a website look like a professional magazine or news website.</p>
<h4>Usage</h4>
<p>By posting a short code on a page you can display a layout. A layout is anumber of posts than can be themed. Each layout can be edited with a number of options such as how many posts to show, image options, text options, adding effects and much more. This allows for the creation of a front page, sub pages, blog, category pages or widgets. A front page can be made looking like a magazine or a news website. Several effects can be added such as pop up, text over image and image swap effects.</p>
<h4>Example front page</h4>
<p>http://1customize.com</p>
<h4>Example blog page</h4>
<p>http://1customize.com/blog-example/</p>
<h4>Example uses</h4>
<ul>
<li>Create a great news, magazine or business looking front page</li>
<li>Enhance the look of your website or blog</li>
<li>Create widgets such as top posts or latest posts etc</li>
<li>Create complex sub pages</li>
</ul>
<h4>Features</h4>
<ul>
<li>Build a front page, sub pages, create widgets to make your website look great</li>
<li>Change image size, position, width & height</li>
<li>Change font size, colors of title & excerpt, etc</li>
<li>Change excerpt length of your posts</li>
<li>Easy visual post layout editor with up to 20 layouts</li>
<li>Add cool Jquery Effects</li>
<li>CSS style allows you to change all aspects</li>
<li>Add Image, Title, Excerpt, Categories, Tags, Author, Date, Post info and more</li>
<li>Add Pagination, filters, spacing and other features</li>
</ul>
<h4>Effects</h4>
<ul>
<li>Image changes to another image when hover over with mouse</li>
<li>Image changes to another image automatically (simple slideshow)</li>
<li>Image fades when hover</li>
<li>Background color effect marks the post you are hovering over</li>
<li>Put text over image</li>
<li>Put text in a pop up</li>
</ul>
<h4>Introduction</h4>
<p>This plugin works by using layouts. A layout is basically a list of posts that can have a specific look. The layout (or the posts) can then be displayed on a page, post or widget. To display it a short code is used. For example to display layout 1 the following short code can be used:</p>
<p>[sitecreator show=”1″]</p>
<p>Up to 20 layouts that can be used but sometimes you only need one. The layout in its default state will show 3 posts with a simple layout with no filters or effects which is a starting point. To this more elements, filters and effects can be added.<br />
To display several layouts in one page, simply add several short codes after each other For example:</p>
<p>[sitecreator show=”1″] [sitecreator show=”2″] [sitecreator show=”3″]</p>
<h4>Example: How do I create a new front page?</h4>
<p>By adding one or several layouts on a page we can create a great news, magazine or business looking front page. To display the layouts we have to use a shortcode for each of the layouts. You also need to change the look of each layout you use by changing options such as image size, number of posts to show, etc. In this example we will use one layout.</p>
<ol>
<li>Edit the layout 1 to your liking (assuming you are not using it already). Here you can change the look of the layout by changing image size, number of posts to show, etc.</li>
<li>Create a new page. Click on “add a new page” which will be your new front page</li>
<li>Display the layout you created in step 1 by adding a short code. If we are using layout 1 the short code will be [sitecreator show=”1″]</li>
<li>If you want to make the page you created a front page go to Settings -> Reading Settings and mark the static page. In the drop down list, choose the page you just created</li>
</ol>
<h4>Example: How do I create a new blog page?</h4>
<p>For a blog (which is simply a list of the newest posts) we only need one layout. Add pagination and set posts to show to around 10 posts. The page can be made a front page or be added as a menu item.</p>
<ol>
<li>Edit the layout 1 to your liking (assuming you are not using it already). Here you can change the look of your blog by changing image size, number of posts to show, add pagination, etc.</li>
<li>Create a new page. Click on “add a new page” which will be your new front page</li>
<li>Display the layout you created in step 1 by adding a short code. If we are using layout 1 the short code will be [sitecreator show=”1″]</li>
<li>If you want to make the page you created a front page go to Settings -> Reading Settings and mark the static page. In the drop down list, choose the page you just created</li>
</ol>
<h4>Example: How do I create a widget?</h4>
<p>The plugin also allows you to create different type of widgets. Example of widgets:</p>
<ul>
<li>display the latest posts</li>
<li>random posts</li>
<li>post from a certain category</li>
<li>posts from a certain author</li>
<li>most commented/popular posts. </li>
</ul>
<p>The widget can be customized with nice, visual image effects. In this example we will create a widget to show the latest posts from a certain category.</p>
<ol>
<li>Choose layout 1 or a layout you have not used yet</li>
<li>Change the layout to your liking by adding title, excerpt and changing image size etc. Important: Make sure that the image and the post is small enough to fit into your sidebar!</li>
<li>Under “Show posts only from category” select the category you want show posts from</li>
<li>Savet the layout</li>
<li>We have now created a layout. To create a widget with this layout we need to do the following: Under Appearance -> widget drag a text widget (that allows you to add arbitrary text or HTML) to your desired sidebar.</li>
<li>Add a title to the widget and copy the short code [sitecreator show=”1″] (if using layout 1) into the bigger text field and save. The widget should now show up.</li>
</ol>
<h4>More examples</h4>
<p>Site creator Ultimate also allows the posts to be ordered in a tablet friendly fashion. Example:</p>
<p>http://1customize.com/tablet-friendly-page/</p>
<h4>Theme Compability</h4>
<p>The plugin has been tested with a number of themes but there might be some themes that will need some CSS tweaking to work properly.</p>
<p>Read the FAQ for more info</p>
<h4>Site Creator Ultimate vs Site Layout Customizer</h4>
<p>What is the difference? Site Creator is much more advanced with more options, filters and uses jquery effects while site layout customizer does not. Also the CSS works differently and now uses classes instead of ids. Up to 20 layouts can be used instead of 4. The code base have been redone and the plugins are not compatible with each other. For simpler tasks the Site Layout Customizer plugin can be used, for more control and features use this plugin instead.</p>


Site Creator Ultimate

Enhance the look of your website or create a great looking front page. Make your…

Alexis J. Villegas

<p>Easy Widget Columns makes it really easy to arrange your widgets in rows of columns. It works by adding a new ‘Column width’ select option at the bottom of your widget’s form that allows you to set a width value for each widget.</p>
<p>You can define new rows and sub-rows of widget columns with the ‘Widget Row’ widget and the ‘Sub-Row’ widget respectively, allowing you to create complex layouts directly from within your widget area or sidebar.</p>
<blockquote>
<p><strong>Genesis Framework users</strong>, be sure to check out the <a href="https://wordpress.org/plugins/widgetized-page-template/" rel="ugc">Widgetized Page Template</a> plugin, which helps you create full-page widget areas to use as a “blank canvas” with Easy Widget Columns.</p>
</blockquote>
<p><strong>Works With Most Themes</strong></p>
<p>Easy Widget Columns is optimized for use with the Genesis Framework, but it is not required. It uses the <a href="https://gist.github.com/studiopress/5700003" rel="nofollow ugc">Genesis Framework Column Classes</a> to display your widgets in rows of columns. If your theme already incorporates the Genesis Framework Column Classes, or you want to manually add or edit the CSS, you can choose not to load the CSS under ‘Settings’ > ‘Widget Columns’ and rely on your theme’s stylesheet instead. This option is recommended for most Genesis users or those concerned with loading additional assets on their website.</p>
<p><strong>Translation and RTL Ready</strong></p>
<p>The plugin supports RTL layouts and is translation ready.</p>
<p><strong>Filters for Developers</strong></p>
<p>The following filters are available for you to take full control of the plugin on your themes.</p>
<ul>
<li><code>ewc_include_widgets</code> – This whitelist filter is used to add the width control ONLY to the specified widgets.</li>
<li><code>ewc_exclude_widgets</code> – This blacklist filter is used to remove the width control from the specified widgets.</li>
<li><code>ewc_color_palette</code> – This filter allows you to add a custom color palette to the color picker control in the ‘Widget Row’ widget.</li>
<li><code>ewc_preset_classes</code> – This filter allows you assign preset CSS classes that display as a checkbox list in the ‘Widget Row’ widget.</li>
<li><code>ewc_advanced_options</code> – This filter allows you to remove specific or all advanced options from the ‘Widget Row’ widget.</li>
</ul>
<p><strong>1. ewc_include_widgets / ewc_exclude_widgets</strong></p>
<p>Both filters accept the widget’s ID base as parameters. Please note that you cannot use both filters at once. The <code>ewc_include_widgets</code> filter will always take precedence over the <code>ewc_exclude_widgets</code> filter and overwrite it.</p>
<p>The examples below demonstrate how you can implement these filters on your theme.</p>
<pre><code>add_filter( 'ewc_include_widgets', 'myprefix_add_ewc_control' );
/**
 * Filter to add the EWC control to specified widgets.
 *
 * @param  array An empty array.
 * @return array An array containing the widget's ID base.
 */
function myprefix_add_ewc_control( $ewc_widgets ) {

    $ewc_widgets = array(
        'meta', // WP Meta widget
        'archives', // WP Archives widget
        'calendar', // WP Calendar widget
        'categories', // WP Categories widget
    );

    return $ewc_widgets;

}

add_filter( 'ewc_exclude_widgets', 'myprefix_remove_ewc_control' );
/**
 * Filter to remove the EWC control from specified widgets.
 *
 * @param  array An empty array.
 * @return array An array containing the widget's ID base.
 */
function myprefix_remove_ewc_control( $ewc_widgets ) {

    $ewc_widgets = array(
        'recent-comments', // WP Recent Comments widget
        'recent-posts', // WP Recent Posts widget
        'rss', // WP RSS widget
        'tag_cloud', // WP Tag Cloud widget
    );

    return $ewc_widgets;

}
</code></pre>
<p><strong>2. ewc_color_palette</strong></p>
<p>This filter allows you to add a custom color palette to the color picker control in the ‘Widget Row’ widget. It accepts an array of hex color values as parameters.</p>
<p>The example below demonstrates how you can implement this filter on your theme.</p>
<pre><code>add_filter( 'ewc_color_palette', 'myprefix_ewc_color_palette' );
/**
 * Filter to edit the color palette in the color picker control.
 *
 * @param  array An empty array.
 * @return array An array containing hex color values.
 */
function myprefix_ewc_color_palette( $color_palette ) {

    $color_palette = array(
        '#252724',
        '#ce6b36',
        '#31284b',
        '#a03327',
        '#3b3e3e',
        '#67b183',
    );

    return $color_palette;

}
</code></pre>
<p><strong>3. ewc_preset_classes</strong></p>
<p>This filter allows you assign preset CSS classes that display as a checkbox list in the ‘Widget Row’ widget.</p>
<p>The following example demonstrates how you can implement this filter on your theme.</p>
<pre><code>add_filter( 'ewc_preset_classes', 'myprefix_preset_classes' );
/**
 * Filter for predefining EWC Widget Row classes.
 *
 * @param  array An empty array.
 * @return array An array containing new values.
 */
function myprefix_preset_classes( $classes ) {

    $classes = array(
        'hero',
        'parallax',
        'slider',
        'content',
    );

    return $classes;

}
</code></pre>
<p><strong>4. ewc_advanced_options</strong></p>
<p>This filter allows you to remove specific or all advanced options from the ‘Widget Row’ widget. This can be useful for limiting design functionality on a client website (<a href="https://wordpress.org/about/philosophy/#decisions" rel="ugc">decisions, not options</a>).</p>
<p>The following example demonstrates how to completely remove all advanced options.</p>
<pre><code>// Remove all advanced options from the Widget Row widget.
add_filter( 'ewc_advanced_options', '__return_false' );
</code></pre>
<p>The example below demonstrates how to disable or enable specific advanced options. The <code>display</code> parameter toggles the advanced option and the <code>active</code> parameter determines if the panel will display open (1) or closed (0) when the Widget Row widget is first added into a widget area.</p>
<pre><code>add_filter( 'ewc_advanced_options', 'myprefix_display_advanced_options' );
/**
 * Filter to remove specific advanced options from the Widget Row widget.
 *
 * @param  array An array containing default values.
 * @return array An array containing new values.
 */
function myprefix_display_advanced_options( $display ) {

    $display = array(
        'ewc_background' => array(
            'display' => true,
            'active' => 1,
        ),
        'ewc_margin' => array(
            'display' => false,
            'active' => 0,
        ),
        'ewc_padding' => array(
            'display' => false,
            'active' => 0,
        ),
        'ewc_class' => array(
            'display' => true,
            'active' => 0,
        ),
    );

    return $display;

}
</code></pre>


Easy Widget Columns

Great plugin. Works well with your Widgetized Page Template plugin.

Lightweight and works

Easily display widgets in rows of columns.

Site Creator Ultimate vs Easy Widget Columns