The Genesis Club Post Icons Widget is a variation of the The Genesis Club Posts Widget except that rather than showing the featured image it shows a Font Awesome icon. You can choose to have the icons and post extracts clickable through to the posts they represent or not. In the example below we have chosen not to all them to click through.
Setting Up The Widget
The setup of this feature has two parts: one is the set up of the Genesis Club Post Icons widget; the other is the setting up of the icon on the individual posts or pages you want to feature in the widget
The following settings are entered in the Genesis Club Post Icons widget on the Appearance >> Widgets page:
- Select the Font Awesome icon size
- Select the icon alignment
- Choose the default icon color
- Choose the number of posts per row
- Choose the number of posts to show – this should be a multiple of the previous field
- Powerful post selection – works on posts, pages and custom post types, can select by category, tag, custom taxonomy, specific pages/posts and can exclude specific pages/posts
- Show or hide the post title
- Option to show post excerpt
- Show specific number of characters from post content
- Specify More Link text
- Specify More Link classes for custom styling – in the above example
- Choose the sort order
Genesis Club Post Icon Settings
The following settings are entered on the WordPress Post editor page in the Genesis Club Post Settings box on the Post Icon tab:
- Icon Class
- Identifies the Font Awesome icon for this post. e.g. fa-phone.
- Icon Title
- Alternative short title to replace the post title – the post title is typically around 60 characters and you will want the title that appears above the icon to be much shorter, usually around 20 characters.
- Icon Alt
- Optional but you may want to define a description it if the icon has meaning and you want a screen reader include the icon description especially where you have decided not to show a title.
- Icon Color
- Optionally override the default color set in the widget so you can choose a different color for each post.