Feb 172015
 

Last Updated: February 18, 2015

Suffusion Theme Other Graphical Elements Featured Content allows you to set up how the featured content will be displayed on your website.

Latest News: I have added a menu structure.

I will be adding more information soon to help you set up the featured content. There are many different options to set up. This can become challenging for some.

Other Graphical Elements Tutorials:

Suffusion Theme Other Graphical Elements Featured Content Settings

1 ) Go to Appearance -> Suffusion Options -> Other Graphical Elements -> Featured Content to set up the widgets. See image below.

suffusion-options-other-graphical-elements-featured-content

2 ) The following Featured Content talks about what part of Suffusion you can control through these settings.

Showing Featured Posts

(Quoted from the theme)
Featured posts help bring certain posts to the top of your blog. Suffusion supports Featured Posts in multiple ways:

  • Sticky Posts
  • Selected Categories
  • Selected Posts
  • Selected Pages
  • Selected Tags

Suffusion uses the excellent JQuery Cycle to create a Featured section above your posts. Additionally you can define a “Featured Image” (preferably as wide as your blog posts). If you don’t associate a featured image, the thumbnail will be picked. And if you don’t provide a thumbnail, the first attached image will be used. Note, though, that not having a featured image will generate thumbnail size images, displaying a lot of blank space. Good practices:

  • Use featured images for every post that you want to show in your featured section.
  • Define featured images that are at least as wide as your posts.
  • Don’t use too many featured posts. Remember that this section should have useful information, not all information. Having too many posts will make your script sluggish.

3 ) The following Where to Show allows you to select from the following options.

  • Main (default) page
  • Category view
  • Tag view
  • Author view
  • Search view
  • Time archive view

For all of the above you have two options Enabled or Disabled.

First page / all pages

  •  First page only
  • All pages (second, third etc)

Static Pages with Featured Content

  • Allows you to select from which static area of your website you want to show your featured content. Every website will have different static content areas. This depends entirely on the plugins you install.

4 ) The following section What to Show allows you to select from the following options.

Number of Posts

  • Enter the number here. Please enter positive numeric values only

Show Duplicate Posts

  • Show duplicate posts
  • Hide duplicate posts

Show Sticky Posts

  • Show sticky posts
  • Hide sticky posts

Show Latest Posts?

  • Show latest posts
  • Hide latest posts

Number of Latest Posts

  • Enter the number here. Please enter positive numeric values only

Select Categories

  • In addition to sticky posts you can include posts from selected categories in the featured posts slider. By default no category is selected. (Once again your website will have unique categories created by you.)

Select Pages

  • Note that the inclusion is NOT hierarchical here. By default no page is selected. (Once again your website will have unique pages created by you.)

Posts to show

  • Include a comma-separated list of post ids you want to include in the featured posts

Tags to show

  • Include a comma-separated list of tags you want to include in the featured posts

5 ) The following section How to Show allows you to select from the following options.

Image preference order

  • Image specified through custom Featured Image field
  • Native WP 3.0 featured image
  • Image specified through custom thumbnail field
  • Image attached to the post
  • Embedded URL in post

Featured Posts – Transition Effects

  • You can pick the effect you want to use for your featured posts’ transitions. These are effects provided by the JQuery Cycle script. Note that not all effects will look good on your blog. You should pick the one that best suits your needs

There are many effects to pick from the menu below. Choose one that suits your needs.

suffusion-options-other-graphical-elements-featured-post

Featured Posts – Image synchronization

  • Show new image only after old one has cleared out fully
  • Start showing new image as the old one starts clearing out

Featured Posts – Time for each post display

  • Enter the time in milliseconds (don’t enter “ms”!)

Featured Posts – Transition speed for post

  • Enter the time in milliseconds (don’t enter “ms”!)

Featured content skinning

  • Override skinning CSS of the skin stylesheet, if applicable

Height of the Featured Posts section

  • Enter the number of pixels here (don’t enter ‘px’). Non-integers will be ignored.

Featured Posts – Show Border

  • Theme default
  • Show border
  • Hide border

Image size in featured content

  • Full size of the image
  • Custom size defined below

Custom width of featured image

  • Enter the number of pixels here (don’t enter ‘px’). Non-integers will be ignored.

Custom height of featured image

  • Enter the number of pixels here (don’t enter ‘px’). Non-integers will be ignored.

Proportional resizing

  • Inherit setting from thumbnail (Layouts ? Layout: Excerpt / List / Tile / Full ? Thumbnail settings)
  • Preserve original proportions (final size might be different from desired size)
  • Transform to desired proportions (image might get cropped)

Stretch smaller images

  • Make images stretch to full-width of the slider

Featured Posts – Display Text

  • Show post title and excerpt
  • Show post title only (no excerpt)
  • Show excerpt only (no title)
  • Don’t show any text (useful if your images have text included)

Featured Posts – Position of Text

  • Top
  • Bottom
  • Right
  • Left
  • Alternate excerpt between top and bottom
  • Alternate excerpt between left and right
  • Rotate between the four positions

Center images

  • Center the images in the slides if they are not full-size

Width of Text

  • Enter the number of pixels here (don’t enter ‘px’). Non-integers will be ignored.

Featured Posts – Text background color

  • Default: 222222 (You can copy and paste this into the box above)

Featured Posts – Text font color

  • Default: FFFFFF (You can copy and paste this into the box above)

Featured Posts – Link font color

  • Default: FFFFFF (You can copy and paste this into the box above)

Featured Posts – Post Index

  • Show Post Index below featured content
  • Show Post Index overlaid on the bottom
  • Hide Post Index

Post Index Style

  • Show numbers
  • Show bullets

Post Index Alignment

  • Left
  • Center
  • Right

Featured Posts – Pause, Previous and Next Controls

  • Show Pause, Previous and Next Controls below featured content
  • Show controls overlaid on the bottom
  • Show controls overlaid as icons
  • Hide Pause, Previous and Next Controls

Pause, Previous and Next Controls Alignment

  • Left
  • Center
  • Right

Don’t forget that I will be adding more information soon. Stay tuned!

Click on the following URL Suffusion Theme Tutorials to learn more about Suffusion.

If you have any questions please let me know. I will be updating this from time to time. So keep coming back for the latest post.

Enjoy

Other links you might want to read:
Manuel Ballesta RuizManuel Ballesta Ruiz is a web developer, Blogger and WordPress Enthusiast.

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)