• Skip to main content
  • Skip to header right navigation
  • Skip to after header navigation
  • Skip to site footer

WP Engine hosting includes Genesis and 35 of the StudioPress themes!

Philip Gledhill

WordPress | Genesis Framework | StudioPress

  • Search
  • Home
  • Genesis Newbie
  • Setup Wizard
  • Genesis Geek
  • Resources
  • Blog
  • Content
  • Beaver Builder
  • CSS
  • WooCommerce
  • WP Tutorial
  • Contact
  • Specific Themes
  • Find it
You are here: Home / Genesis framework / Basics / Genesis featured post widget, a tutorial

Genesis featured post widget, a tutorial

Using the Genesis featured post widget.

Some but NOT ALL StudioPress themes have widget areas in the body of the home page. Magazine Theme is a typical example.

If your StudioPress.com theme has one of these widgetized home page layouts, follow this tutorial to see how you set up the Genesis featured post widgets on the home page.

If your theme doesn’t have a widgetized area in the main page body it might have a sidebar that you can place Genesis featured post widgets in.

First, go to the StudioPress.com site and look at the demo page for your theme.

Look at the home page for your theme and see if you can spot any widgetized areas, or boxes.

Not all boxes are widget areas…

Some front page layouts are made from the Genesis Grid Loop, some layouts are made using Genesis Featured posts in Widget areas, and some are widget areas containing text or the genesis slider plugin.

Grid loop and Genesis featured post widget side by side.

Are there widget areas in your theme’s home page?

You need login to your WordPress dashboard to see what widget areas you have available in your theme. You can then decide how you want to set up any options you have available in the particular theme you’re using.

Dashboard > Appearance > Widgets.

Widgets and widget areas

Look for widget areas that start with the word “Home”

If a widget area is called home left, home right, home top, home bottom etc. It’ll probably appear on the front page of your site. So any content you put inside that widget area will be seen when someone views your site’s front page.

On the right hand side of the widgets page of your WordPress dashboard, you’ll see any widget areas that are available for you to use in your particular theme.

If you drag a widget into a widget area, that widget’s content will appear on your web page in that position. The names of the widget areas make it easier to understand which part of the site the content will appear on.

For-instance, if you drag the calender widget in to the Home Left widget area, a calender will appear on the left hand side of the home page of your site.

Dragging the calender widget in to a widget area.

This tutorial is specifically about the Genesis Featured Post Widget. So lets start to set up a Genesis featured post widget, it’s a great way to make your site look snazzy.

Just drag the Genesis featured post widget in to a widget area

Drag the Genesis Featured Post Widget in to a widget area of your choice. And remember you can use this widget as many times as you wish, in different positions and with different settings each time.

As soon as you place the widget in a widget area, you’ll see a dialogue box with many options.

By clicking tick boxes and making selections in this dialogue box you can make images, text and links appear on your web page.

Here are some of the Genesis featured post widget’s settings, and what they do.

Genesis featured post settings and instructions

Let’s go through the settings one by one.

Title:

Type a new title for the widget area.

The first dialogue box in the featured post widget, is for the main widget area title. This title appears above any lists of posts. So if you have three posts listed in this featured widget area, you only see this title once above the whole block.

genesis-featured-post-title

This is not the individual title for each individual post, that’s taken from your actual blog post.

Category:

Genesis featured post widget - choose a category.

Choose a category that the posts will be drawn from and how many posts to show from that category.

What are offsets and why would you use them?

If you want to ignore the first post in a category you can offset the first post displayed by 1.

You could have two featured post widgets appearing on the same page. The top featured post widget could display the full content of your most recent post.

Further down the page, you could have another featured post widget, displaying 3 more post excerpts from the same category. But by offsetting the second block of posts by 1, you display the most recent post in full, in the first widget area. You then have a different widget area displaying excerpts from the same category showing the second to fourth posts.

I’m assuming you’re displaying posts by date and descending order. Experiment and see what suits you.

Show Author Gravatar.

This displays the post authors Gravatar photo or icon with the post excerpt for each listed featured post.

Genesis featured post widget - show authors gravatar.

Show Featured Image.

If you want to show a featured image for each post, select the right image size for the widget area and theme you’re using.

Genesis featured post widget - show featured image.

When showing a posts full content in a widget area, you may get a “double image problem”. If that happens, deselect the “show featured image” box.

What is a featured image?

Featured images can be used by web designers in many ways. In the Genesis featured post widget, featured images appear above or by the side of post snippets on you page.

You add featured images to your post using the dialogue box on the right hand side of your WordPress post editing screen. Featured images can also be taken from a large image you upload in to your post content.

Setting a WordPress featured image.

Show post title, info, content type and more text.

  • Show post title: displays the title for each individual post.
  • Show content: shows the full post content.
  • Show Excerpt: shows a pre-set number of characters from the post’s content. Or the text you’ve typed into the excerpt box when writing your post.
  • Show Content Limit: lets you set the number of characters you want to show for each featured post. I use this to make the amount of text match up with the post thumbnail image size.
  • No Content: no text from the main body of your post is displayed. You can display the title but not display the content if you Wish.
  • More Text (if applicable): Links the excerpt to the full post. You can choose the words in the more text link.
  • If you select “show content” AND “show featured image”, you can get two identical images showing in the widget area. If this happens, deselect “show featured image”.

Genesis featured post widget - show post title and content.

Show post title.

In the box that has show post title as the first option, I usually select “show content limit” and in the “Limit Content To” section I set a character number to suit my theme. Try different numbers of characters to see what looks best.

Show post info:

This shows things like who wrote the post and when they wrote it. You can customise this information with short codes from this web page…

http://my.studiopress.com/docs/shortcode-reference/

Unordered list and category archive link.

These two items are similar. the unordered list links to individual blog posts, the category archive link shows a blog type listing.

  • Display an unordered list of more posts from this category.
  • Show Category Archive Link.

You can display an unordered list showing more posts from this category. These are text links to older blog posts, the links appear at the bottom of the widget area.

Show Category Archive Link:

This displays a text link to a blog style listing of all posts from this one category.

Link to more blog posts

 

Sidebar

StudioPress and Genesis Tutorials
  • StudioPress and Genesis Tutorials
StudioPress themes Free with this hosting.

My StudioPress and Genesis Tutorials

  • StudioPress Sites Review
  • Genesis Responsive Slider Tutorial
  • Genesis Featured Post Widget Tutorial
  • StudioPress Core Skills
  • Simple Hooks Tutorial
  • Genesis Simple Edits Tutorial
  • Genesis Dambuster plugin basic settings
  • Beaver Builder Tutorial – The Basics
  • Elementor Tutorial: a Quick Start Guide
  • Changing the color scheme of Altitude, Magazine Parallax Pro themes
  • Basic StudioPress Theme Customization (Old Post)
  • Genesis Framework Widget Areas Tutorial
  • Genesis Grid Loop Tutorial
  • Simple URLs (plugin) Tutorial
  • Simple Sidebars Tutorial
  • Simple Social Icons Plugin
  • Customizing the WordPress Query
  • Category and Tag Archive Listing Pages
  • Adding an author box below posts
  • Choosing the right StudioPress theme (a review)
  • Genesis eNews Extended and Mailchimp
  • StudioPress Pricing Table
  • StudioPress Flexible Layouts
  • Genesis CSS learn how to tweak and customize your site
  • Icons used in StudioPress themes
  • Images in homepage text widgets
  • Using Genesis Column Classes To Build Layout Grids
  • Sticky Header or Menu in Genesis
  • Plugins used in StudioPress themes
  • Genesis Simple FAQ plugin
  • Strong Testimonials Plugin – The Basics
  • Cornerstone Content: a simple how to guide
  • Genesis Portfolio Pro
  • Setup Generate Pro theme
  • Setup Hello Pro
  • Set up Altitude Pro theme
  • Setup – Executive Pro Theme
  • Parallax Pro Theme Review
  • Setup Parallax Pro Theme
  • Changing Google Fonts in a Genesis child theme (Parallax Pro)
  • Setup Daily Dish Pro theme
  • Setup Metro Pro theme
  • Foodie Pro Overview
  • Smart Passive Income Pro Theme: set up guide
  • Academy Pro theme Setup Guide
  • Authority Pro Theme: setup guide
Install the Genesis Framework
  • Are you ready to take your first steps? Watch as I install WordPress and Genesis.

Rainmaker Platform – a Review

  • Discover if you need the Rainmaker Platform
FoodieProTutorials
Build your own Genesis child themes with Dynamik Website Builder

Genesis Design Palette Pro

  • Customize your theme with Genesis Design Palette Pro

DIY Webdesign with Dynamik Website Builder AND Genesis Extender plugin

  • Genesis Child Theme Tutorial with Dynamik Website Builder
  • StudioPress theme customisation with the Genesis Extender plugin
  • Dynamik Fixed Background Image

StudioPress Accelerator

  • StudioPress Accelerator, the budget-friendly way to get a seriously fast website.

Are you getting stuck setting up a StudioPress site?Please let me know if you get stuck.

Disclosure: I receive compensation from some of the companies whose products I review.

How my affiliate links work…

  • I only get paid if someone buys a product. Not because someone clicks a link.
  • You pay the same price using my links or the StudioPress site.
  • If I earn some commission I can spend some more time making more tutorials.
  • P.S. Thanks to all those folks who have bought through my links.
  • It's much appreciated :-)

Philip Gledhill web design

Philip Gledhill is a Bradford web designer and WordPress assistant.

Genesis Extender

Customise your Genesis child theme the easy way.

The Genesis Extender Plugin

Get The Genesis Framework

WordPress Hosting

WordPress Hosting, Which Deal is Best For You?

Genesis – StudioPress resources

There are many good websites where you can find information about the Genesis Framework.

I use the sites listed below on a weekly or even daily basis to find answers, solutions and basic information.

I hope you find them as useful as I have.

Bill Erickson
WordPress Consultant

  • Tutorials
  • Code

Designs by Nick the Geek
Genesis based WordPress development and tutorials for everyone

  • Genesis Explained a good introduction to the code that makes Genesis work

Greg Rickaby
Front-End Developer @WebDevStudios

  • Code Snippets

Christopher Cochran
web/tech/design/music

  • The Visual Hook Guide

Carrie Dils

Genesis Developer and Web Designer

  • Genesis Tutorials and Information

Carrie Dils course on Lynda.com

  • There are two Genesis courses on Lynda.com. Up and Running with Genesis and Customizing Themes. Both are well worth a look. And if you're new to Lynda.com you can usually get a 7 day free trial.

Sridhar Katakam

  • Loads of WordPress and Genesis tutorials. Well worth a look.

Genesis For Beginners

  • pdf book

StudioPress.tv

  • Some basic videos from StudioPress

Brian Gardner

  • Code snippets and info from the man behind StudioPress

Sure Fire Web Services Inc
Web Design Tips, WordPress Development Help,and Genesis Framework Tutorials

  • Useful Genesis links page

WP Smith

  • Genesis code snippets

Looking for a StudioPress theme or hosting?

Check out the two links below…

Get Genesis Framework & StudioPress Themes free.

When you sign up for a WP Engine plan, you receive the Genesis Framework and 36 StudioPress Themes free. That’s over $2,000 in value.

Free themes with hosting
Get Premium WordPress Themes

Buy a StudioPress theme outright and use it on all of your sites. There are three ways to get all of the StudioPress themes AND save.

Choose Your Theme

Web Hosting

If you’re in the market for premium web hosting from a team you trust why not checkout WP Engine. It’s designed to be Fast, Secure & Worry Free!

Site Map

Site Map: if you can’t see what you’re looking for read through my sitemap, it may well be there :-)

  • Search
  • Home
  • Genesis Newbie
  • Setup Wizard
  • Genesis Geek
  • Resources
  • Blog

This website is independently owned by an affiliate marketer of StudioPress. It is not sponsored by StudioPress, WP Engine, Copyblogger Media LLC, WordPress, or Automattic Inc. WordPress, Genesis, StudioPress and WP Engine, are registered trademarks of their respective owners.

Copyright © 2021 Philip Gledhill · Privacy policy and disclosure

© Copyright Philip Gledhill

Return to top