Community Forums › Forums › Archived Forums › Design Tips and Tricks › Insert an image or HTML code into the Serenity Subnav Bar instead of Menu Links
Tagged: serenity
- This topic has 10 replies, 3 voices, and was last updated 9 years, 12 months ago by
weslinda.
-
AuthorPosts
-
March 26, 2013 at 2:00 pm #31396
Carla
ParticipantHi,
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 #31484Anita
KeymasterI 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 #31599Carla
ParticipantThanks! 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 #31610Anita
KeymasterOh, 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 #31632Carla
ParticipantThat would be awesome. Thank you.
March 27, 2013 at 7:16 pm #31633Anita
KeymasterI 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 #31647Anita
KeymasterOkay 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 #31656Anita
KeymasterSo 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 #31661weslinda
MemberEasiest 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.
http://www.studiopress.com/plugins/simple-sidebars
Once you've created your widget area, you can use the Genesis eNews extended plugin to connect to your email list.
http://wordpress.org/extend/plugins/genesis-enews-extended/
Then all you would need is to style the plugin directly.
Loving the Genesis Life!
March 27, 2013 at 11:32 pm #31673Carla
ParticipantThanks 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 #32374weslinda
MemberGood 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!
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.