≡ Menu

[How-To Guide] Add Hellobar In Genesis Theme Framework

Genesis Theme Framework one of the most popular WordPress Theme Framework. The best thing I like about Genesis Theme framework is that it comes with 38 Child Themes and that too free which means that after buying Genesis Pro Plus package you have access to all child themes that StudioPress makes in future.

Genesis Framework is an SEO optimized WordPress Theme Framework and it allows you to cut down all your SEO WordPress plugin from your WordPress Plugin directory. Still thinking to buy Genesis Theme Framework, then I suggest do not think, get your copy right now:

Sign-Up Link for Genesis Theme Framework

Already, I have shared how to add Hellobar in Thesis WordPress Theme and now in this post I’m sharing how to add Hellobar in Genesis Theme Framework.

Step1: First log-in into wp-admin panel, then go to “Appearance” tab and click on “Editor” as shown below:

hellobar-genesis-theme

Step2: When you click on “Editor”, it open a new window as shown below:

hellobar-genesis-theme1

Step3: Now on right hand side, click on “functions.php”, i.e. Theme Functions.

hellobar-genesis-theme2

Step4: When you click on “functions.php” file, a new window open as shown below:

hellobar-genesis-theme3

Step3: Now copy this code:

add_action( ‘genesis_before_header’, ‘hello_bar’ );

/**

* Customize the header content.

*

* @author Vivek Parmar

*link http://www.webguide4u.com/hire-me/

*/

function hello_bar() {

?>

<script type=”text/javascript” src=”//www.hellobar.com/hellobar.js”></script>

<script type=”text/javascript”>

new HelloBar(12568,8544);

</script>

<noscript>

The Hello Bar is a simple <a href=”https://www.hellobar.com>web toolbar</a> that engages users and communicates a call to action.

</noscript>

<?php

}

Step4: After copying above code, paste this code in “functions.php” file and click on “Update File” button.

hellobar-genesis-theme4

Step5: Congratulations, you have successfully added Hellobar in Genesis Framework.

If you have ant query let me know via comments or get in touch using contact form.

If you have not get your copy of Genesis Framework, then get it right now:

Sign-Up Link for Genesis Framework

Find this tutorial useful? Then share it with all your friends and do not forget to follow WebGuide4U on Twitter for more updates on Genesis Tutorials.

genesis-theme-framework

{ 0 comments… add one }

Leave a Comment