Adding WP Featured Content Slider to Focus Theme

[PresterJohn]

I'd like to know where I am supposed to put the code.

I love the Lexicon featured slider, but cannot find any other slider, but this one, which allows the title and excerpt to appear next to it so nicely.

Here is what I would like to see:

http://goodguyswearblack.org/

WP Featured Content Slider is the only one I can find, but it is not 'widgetable'! Help!

[PresterJohn]

Anyone? Please?

[Bill Murray]

@PresterJohn -

1) Just about anything is widgetable. You would do that by taking the function the slider uses for output and turning it into a shortcode; you'd then enable shortcodes in widgets and put a shortcode in a text widget that would return (not echo) that output. It's some small amount of PHP, but technically possible.

2) We do managed WP hosting, and we have available other plugins that have similar features, with widgets or with functions that can be turned into shortcodes. If you're finding these types of questions unanswered, they are the kind of questions we routinely answer as support for our hosting customers. I'm offering that because of the apparent frustration in your question. If that might help, we can continue the dialogue off the forum.

---

Web: https://wpperform.com or Twitter: @wpperform

We do managed WordPress hosting.

[Tom]

I have to admit being slightly confused by the original question. I take it that you want to emulate the slider on goodguyswearblack.org using a widget area. You could try the Genesis Responsive Slider for this.

See the Agency theme demo for a sample of how it is similar to your example.

It is configurable for:

• post or page text or excerpt; custom post types, too
• choice of <more> text, full content or content limited by character count
• filter by category, tag or other taxonomy
• select page/post to include/exclude by post ID
• slide count, slide or fade transitions, timers, arrows/not, pagination/not
• select % width and position for content
• Multiple <divs> for CSS styling
• responsive
• etc.

The only drawback is only one slider per site - but a very good option for a front/home page.

As to "where to put the code", you've tagged your post 'focus theme'.
You can put a widget for your slider on the home page by placing the following snippet carefully into the bottom of your functions.php file. The slider will appear above your posts and primary sidebar areas, but below your secondary navigation menu. The original code for this is from forum regular Brad Dalton.

genesis_register_sidebar( array(
	'id'			=> 'home-slider',
	'name'			=> __( 'Home Slider', 'focus' ),
	'description'	=> __( 'This is the slider widget area for your homepage.', 'focus' ),
) );

add_action( 'genesis_before_content_sidebar_wrap', 'widget_before_content_sidebar_wrap');
function widget_before_content_sidebar_wrap() {
if ( is_home() && is_active_sidebar( 'home-slider' ) ) {
		echo '<div id="home-slider">';
		dynamic_sidebar( 'home-slider' );
		echo '</div><!-- end #home-slider -->';
	}
}

Please let us know what you choose, or to clarify your question.
--
Tom

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[PresterJohn]

Yes, the Agency example is exactly what I want, but instead of static title and content, it appears almost in a pop up.

Is there a way to accomplish the same thing in Focus theme or do I have to completely rework my website in Agency?

[Tom]

Hmmm. Exactly what you want, but different. 🙂

Your example and the Agency theme are presenting page or post title and teaser or snippet using a "slider" plugin and a widget area to house the slider so that it can present images on your front page. The free slider plugin may be downloaded here. Your Focus theme does not have a slider widget area out of the box, but this can easily be added with the code snippet provided earlier.

However, the Genesis Responsive Slider can only use slide or fade transitions and only content and images from a post or page. Other sliders can make a presentation with many different effects and use content that is built using the slider itself, so it's perhaps a little more work to achieve the desired result. There are many such sliders at WordPress.org - unfortunately I'm not familiar with any that easily create 'pop-up' content or animation effects.

Of course there are also commercial sliders, typically for $10-$15-$20. Some examples are: "Revolution Slider" , "Layer Slider", "Royal Slider" and "Soliloquy Slider". These are just popular examples, I don't have a favorite and don't have any affiliation with these products.

If it doesn't match these examples ...
Can you explain how it is different?
Can you post links for examples?

--
Tom

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[PresterJohn]

Forgive me, I'll try to make it more clear.

In the Agency theme example on the Studiopress themes page HERE, you can see that the title and content excerpt appear in a static box or field, which does not pop up or move in any way.

When I put Genesis Responsive Slider in the focus theme I'm using, it is not static. In fact, I popped the Agency theme in just to see if the updated Slider plugin had changed... and it had. The Title and content excerpt no longer appeared as a static field filling the whole background.

What I would like is a mobile responsive slider which approximates what I have here:

http://goodguyswearblack.org/

The Title and content excerpt are basically a 'box' that does not change or move, even if the text is short or non-existent.

Thank you for your help, by the way, and I'm sorry for not being able to make things clearer.

[Tom]

OK.

The Genesis Responsive Slider handles a little differently from the old Lexicon setup, but you can achieve much the same thing with some theme and CSS tweaks. I've installed the Focus theme with a slider area on an existing Metro sandbox installation I had here. This lets us use the Metro images for the slider demo.

We can use the existing images and reposition the excerpt box by adjusting the Slider Settings, slider excerpt width to 21% and position as Top, Right. Also: "Display post content" with a limit of 175 characters. The excerpt height has been set to 100% using:

.slide-excerpt {
height: 100%;
}

This sets a "‘box’ that does not change or move, even if the text is short or non-existent." See the difference between featured post 1 and the others. You will have to adjust everything to suit your final design and styling. Sorry that the Metro images are not quite on-topic for your site! 🙂

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[PresterJohn]

Nice work! And thank you! Beautiful!

[Tom]

Super!
Please mark this thread resolved if this solution works for you.

---

Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]

[Author]

Posts