Enhance the look of your website or create a great looking front page. Make your website look professional.
Here you can read more about the options and settings and also about CSS styling. There are many settings but usually only a few are needed depending on what you want to do. The layout options in their default state shows 3 posts without any effects.
Description - here an optional description of the layout can be used.
How many posts to show - Set the number of posts the layout should show
In the placement options you can put elements relative to each other. For example you can put the title over the excerpt and image to the left. There are 3 areas (left, right, top) plus over image area and pop up area where elements like title and excerpt can be displayed. There is also position 1 to 10 where 1 is top and 10 is bottom. This allows elements to positioned relative each other in the same area. Example: To put the title in the top of the left area select left and 1.
note: the plugin only works with images uploaded trough WordPress own system.
The plugin uses the image sizes set under settings->media. You can set the width and height of the image in the layout settings, this will just upscale or down scale the image without actually changing the original image size. If a featured image is set for the post then that will be used, otherwise if a image have been inserted into the post then that image will be used
Image Width & height - if not set it will use the image original width and height. This option will not change the original image width and height dimensions.
Image Size - This will select which image size stored in WordPress to use
Embed Image - this allow text to be embedded around the image or an area.
Image Effect - Note that you need to upload 2 images for some effects to work!
Image effect settings
Excerpt Length - Set the length off the excerpt, set 0 to not set the length. Limiting the length of the excerpt Will not work in full html mode.
Shorten Excerpt - Sets how the excerpt will be shortened. Will not work in full html mode.
Read more link - Add an optional read more link
Get excerpt from - Set which field the excerpt will be created from. Usually the main content field is used to create excerpt from, but there is also the possibility to create your own excerpt by choosing "excerpt field". Also full html can be used in a custom field. The field needs to have the name "text".
important: Using full html can make the layout look unformatted and bad because the html code can interfere with the plugin.
Columns - this option allows you to put posts side by side. NOTE: be careful, the width of the layout increases and may overflow on your page. Up to 10 columns with posts can be added but usually 2 or 3 is used.
Link behavior - This chooses which elements that will be linked to the post.
Pagination - Allows to add pagination to the layout. NOTE: only one can be used per page or post!
Sort posts by - Select in which order the posts will show up
Show posts only from category - If you only want to display posts from a certain category then you can use this option.
Layout space bottom - add a space or hr separator tag under the layout to separate it from other layouts. Useful if you add several layouts on a page.
Post space - add a space between each posts.
Background color - Activates the effect over the whole post or the image
Bg color change - set the color to change when hover over the posts. NOTE: these options are valid only if BACKGROUND EFFECT is set to HOVER EFFECT.
Bg effect - Set HOVER EFFECT for a simple color change effect or STATIC for a CSS effect. The static CSS effect can be edited in CSS.
NOTE: To activate this option a pop up option must be selected under placement options.
Direction & Speed - set the direction and speed the pop up will appear in.
Position - set the position of the pop up relative to the top left of the image. If left and top is set to 0 then the corner of the pop up will be the same as the corner of the image.
Width & Height - set the width and height of the pop up. NOTE: if height is 0 then the height will be set automatically.
Bg Color & Fade - set the background color and fading of the pop up.
Advanced post filter need only be used if case you want to do some specific tasks like showing unpublished posts or show a list of pages.
To be able to change title size, edit background colors and other graphics in CSS, you need to add a CSS file. IMPORTANT - To protect your CSS file from being overwritten you need to put it in a safe directory outside the plugin directory. Change the CSS file URL in the main option page to point to your CSS file. Steps:
CSS file URL - you only need to fill this in if you want to use your own CSS file, see CSS section for more info.
Layout example width - Let you specify the width of the example under each layout in the admin section. You can if you want set it to similar to your theme width.
Allow duplicate - will not repeat the same post more than one time on a page if you are specifying it here.
To make a page a front page, go to Settings -> Reading Settings and select Static Page, in the drop down menu choose the page you want as your front page.