WordPress.org

Ready to get started?Download WordPress

Plugin Directory

Site Creator Ultimate

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.

Main Options

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

Placement Options

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.

Image options

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!

  • OFF - No effects will be used
  • AUTO SWAP - will swap the image automatically after a certain time, 2 uploaded images are needed
  • SWAP IMAGE WHEN HOVER - Will change to another image when hover over the post, 2 uploaded images are needed.
  • FADE IMAGE - works with one image and will fade the image when hover over it.

Image effect settings

  • When using AUTO SWAP the delay time can be set here in seconds
  • when using FADE IMAGE the percentage the image will be faded to can be set here

Excerpt options

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.

General options

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.

  • DEFAULT - title and image is linked.
  • ALL - all elements are linked.
  • NONE - no links at all will be used.

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.

Space options

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 Effect Options

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.

Pop Up Effect Options

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 Options

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.

CSS Styling

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:

  1. take a copy of the style.css in the plugins directory
  2. put the copy in a safe directory outside the plugin. Example the root or the themes folder
  3. Change the CSS file URL in the main option page to point to your CSS file.Note: adding a CSS file will not disable the CSS file in the plugin, both will be used.

Main options page

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.

Making a page the front page

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.

Requires: 3.3.1 or higher
Compatible up to: 3.4.2
Last Updated: 2012-9-22
Downloads: 12,437

Ratings

4 stars
4 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.

100,2,2 50,4,2
20,5,1
100,1,1
100,1,1