Community Forums › Forums › Archived Forums › Design Tips and Tricks › Slideshow below header – Balance theme
- This topic has 36 replies, 4 voices, and was last updated 11 years, 11 months ago by AnitaC.
-
AuthorPosts
-
December 21, 2012 at 8:42 am #6637mariafernandezMember
I'd like to place a slideshow just below the header on all pages of my blog: http://www.spanish-bites.com
I'd like the slideshow to replace the breadcrumbs.
Does anyone know how to achieve this?
December 21, 2012 at 10:04 am #6648Robert NeuMemberFirst, turn off the breadcrumbs for the home page. It looks like you're using the Balance theme so you'll need to modify the code a bit for a slideshow to display correctly.
To get started, you'll need to install this plugin http://wordpress.org/extend/plugins/genesis-responsive-slider/
Once you've done that, you're going to need to edit your home.php file and your style.css file a bit.
December 21, 2012 at 10:07 am #6651AnitaCKeymasterIf you want to add a widget area the FULL WIDTH of your site in that area, instead of modify breadcrumbs - follow Brian Gardners instructions on adding the Welcome Widget area. The steps are really easy, he provides the CSS also so you can customize that area. It add a full width widget area there.
http://www.briangardner.com/welcome-text-widget/
**ADDED** - Then just place the slider in there. You can add anything in that spot too.
Need help with customization or troubleshooting? Reach out to me.
December 21, 2012 at 10:15 am #6655jonahgirlMemberSince you want it on all your pages the easiest method would be to use Genesis Simple Hooks. If I knew what slider you were planning on using I could write the code for the hook for you. Just turn off the breadcrumbs...
Melanie
December 21, 2012 at 10:18 am #6656Robert NeuMemberI misread the initial post. Following Brian's guide should accomplish what you're trying to do.
Since the site is responsive you'll want to use the slider that I linked to or this one: http://wordpress.org/extend/plugins/genesis-bootstrap-carousel/
December 21, 2012 at 10:18 am #6657mariafernandezMemberjonahgirl, that's very kind of you. Which sliders can I choose from?
December 21, 2012 at 10:20 am #6662mariafernandezMemberanitac, I don't know if I'm being blind, but I can't see the connection between my original question and the link you've posted.
December 21, 2012 at 10:21 am #6663AnitaCKeymasterMy apologies, I didn't see the "on every page".... disregard the suggestion then. And actually it will also work if you select the right hook action in his instructions.
Need help with customization or troubleshooting? Reach out to me.
December 21, 2012 at 10:26 am #6666Robert NeuMemberAnitac, your suggestion to follow Brian's guide should work. The code he posted will place that widget area site-wide.
Honestly I would recommend that you reconsider adding a slider to every page of your website, but if that is what you want to do following Brian's guide and adding the slider widget into the new widget area you've created will work fine.
December 21, 2012 at 10:32 am #6668mariafernandezMemberFAT Media's right. I should only have the slider in the home page.
Does anyone have a preference: Genesis Responsive Slider vs. Genesis Bootstrap Carousel
December 21, 2012 at 10:43 am #6670Robert NeuMemberThey are very similar in functionality but the Bootstrap one was made by a 3rd party developer. The main thing that I like about it is that it's more lightweight and you can choose to disable the stylesheet and javascript from being added. I'm using it on my site and I have found a few things that need fixed on it. If you're looking for the most reliable plugin go with the Genesis Responsive Slider.
If you need some help with this and have Skype I'd be happy to give you a hand.
December 21, 2012 at 10:47 am #6671AnitaCKeymasterI like the Bootstrap also and I was able to modify the CSS a bit better and I too had to make a couple tweaks but I like it.
Need help with customization or troubleshooting? Reach out to me.
December 21, 2012 at 10:48 am #6672mariafernandezMemberI've found a site that has exactly the kind of slider I was thinking of: http://empoweris.com/
Can the Genesis Responsive Slider achieve something in those lines?
Answer: yes, this site is using that plugin
December 21, 2012 at 11:32 am #6690Robert NeuMemberDecember 21, 2012 at 12:49 pm #6701mariafernandezMemberI've now uploaded the Genesis Responsive Slider plugin. I have the Balance theme, which gives me the widgets: 'Home Featured Left' and 'Home Featured Right'. What I need is a 960px widget.
How can I get it?
December 21, 2012 at 12:55 pm #6703AnitaCKeymasterIf you follow the instructions for Brian's Welcome Widget and set the hook for home page only - it will give you the 960 widget you are desiring.
**Update**
Someone asked on the blog how to get it on the home page only and John Buscall graciously supplied the correct code which specified - if ( is_home() ) to get it on the home page only./** Add the welcome text section */add_action( ‘genesis_before_content_sidebar_wrap’, ‘custom_welcome_text’ );
function custom_welcome_text() {
if ( is_home() )
genesis_widget_area( ‘welcome-text’, array(
‘before’ => ”,
) );
}
Need help with customization or troubleshooting? Reach out to me.
December 21, 2012 at 3:07 pm #6741mariafernandezMemberSo far I've been able to put the widget across the top, but on all pages, which is not good enough. The hook given above for the home page only doesn't work in the Balance theme. It breaks the code and my blog crashes (i.e. all you can see is a blank page and you need to re-upload the original .php files)
Can anyone suggest another solution?
December 21, 2012 at 3:35 pm #6756AnitaCKeymasterIn this code here: did you change the theme name highlighted int he code to be YOUR THEME NAME. Check that.
/** Register widget areas */
genesis_register_sidebar( array(
'id' => 'welcome-text',
'name' => __( 'Welcome Text', 'genesis' ),
'description' => __( 'This is the welcome text widget.', 'themename' ),
) );And did you modify the second half of the code as I suggested in my last communication to include this:
if ( is_home() )
Need help with customization or troubleshooting? Reach out to me.
December 21, 2012 at 3:41 pm #6759mariafernandezMemberWould that be?
‘description’ => __( ‘This is the welcome text widget.’, ‘themename‘ ),
‘description’ => __( ‘This is the welcome text widget.’, ‘balance‘ ),
or is it Balance (with a capital B), balancetheme. There are no instructions for this anywhere.
December 21, 2012 at 3:45 pm #6761AnitaCKeymasterYes, lower case is fine. Sorry it wasn't indicated - I assumed you already knew to do that. Unless you did other modifications to your theme, I just installed the same theme on my demo - made those changes including the one for front page only and it works fine. It did not break the theme.
Need help with customization or troubleshooting? Reach out to me.
-
AuthorPosts
- The topic ‘Slideshow below header – Balance theme’ is closed to new replies.