Community Forums › Forums › Archived Forums › Design Tips and Tricks › Insert an image or HTML code into the Serenity Subnav Bar instead of Menu Links
- This topic has 10 replies, 3 voices, and was last updated 9 years, 12 months ago by weslinda.
March 26, 2013 at 2:00 pm #31396
I am using the serenity theme on the following site: http://drcarla.com/home/
Is it possible to change the purple subnav menu area I am currently using into a newsletter sign up area similar to the following web site: http://www.marieforleo.com/ (green horizontal bar with "get free tips".....)
If so, how I can I add an image and/or code to this area instead of using the menu links?
I am capable of making edits to the PHP files but I can't write code.
Thanks!March 27, 2013 at 5:46 am #31484
I see you added a Welcome area to the home page. You should be able to place your sign up box similar to that in a text box and drag it... say... under the 6 images you have there. Or you could add the text box above the "featured in" logos. You can set the color of the text box using css. If you add the box, come back on here, I can take a look and then tell you how to add the background color.
Love coffee, chocolate and my Bella!March 27, 2013 at 2:38 pm #31599
Thanks! I'm not sure if my question was clear. I want the box to be inside of the purple sub nav bar above the slider, not in the Welcome area. I'm wondering if it's possible to add code or an image into the purple area instead of using the Menu links. I'm not sure how else to word this, so I hope it is more clear.March 27, 2013 at 4:32 pm #31610
Oh, okay. Let me see if someone with more experience at that can help. It requires more coding.
Love coffee, chocolate and my Bella!March 27, 2013 at 6:46 pm #31632
That would be awesome. Thank you.March 27, 2013 at 7:16 pm #31633
I just sent out an SOS on Twitter. Hopefully someone will jump in here this evening.
Love coffee, chocolate and my Bella!March 27, 2013 at 8:09 pm #31647
Okay so here was the response, take a look at this - http://www.billerickson.net/genesis-wordpress-nav-menu-content/. I asked if the sign up boxes could be placed in there. Waiting on a reply.
Love coffee, chocolate and my Bella!March 27, 2013 at 9:03 pm #31656
So they got back to me and said that although it can be done, it's not the easiest customization to do. If you are set on doing it, you may have to hire a developer to do it for you.
Love coffee, chocolate and my Bella!March 27, 2013 at 9:38 pm #31661weslindaMember
Easiest way to achieve this would be through the use of a hook. If you added preferred HTML to the genesis_after_header hook, that would allow you to drop that in, and away you go.
Hook Reference : http://my.studiopress.com/docs/hook-reference/
Intro to Hooks : http://my.studiopress.com/docs/hooks/
To take it one step further, you could create a new widget area, and add it to the hook above. The easiest way I've found to create new sidebars/widget areas is to use the Genesis Simple Sidebars plugin.
Once you've created your widget area, you can use the Genesis eNews extended plugin to connect to your email list.
Then all you would need is to style the plugin directly.
Loving the Genesis Life!March 27, 2013 at 11:32 pm #31673
Thanks everyone! This is promising. I'll have to take a closer look when I'm not so sleepy. In the meantime, can you clarify what you mean by style the plugin directly?
I'm already using Simple Sidebars throughout my site but didn't know that they could be used outside of the Sidebar area...
So, could I also use the after header hook to insert the horizontal sign up bar above the menu (in the space in between my header and the menu) if I decide that I want to keep my subnav? Just to be clear, following this method would insert the content inside of the subnav bar area instead of above the menu? I don't have to "turn off" the menu?March 31, 2013 at 7:13 pm #32374weslindaMember
Good evening, apologies on the slow reply. Crazy end of the week and weekend. By styling, I mean using CSS to make things look the way you'd like. As you're adding a new area, there won't be defined styles in the theme, so you'll have to setup what you want everything to look like.
So, Simple Sidebars simply gives you an easy way to create a new widget area. Once you've created that sidebar, then you can create a function that hooks that sidebar into the location you want.
Yes, you can use the after header hook, and I would recommend that, you're not going to be able to drop it directly into the subnav with ease, nor would I recommend it. Adding it to the after header hook will be cleaner and easier to manage long term. You would not need to turn off the menu.
Loving the Genesis Life!
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.