How to add Custom Widgets for Advertisements in Genesis Framework

It is easy to add advertisements to sidebars and footer for not so advanced WordPress or Genesis users, but when it comes to adding them to custom areas in your theme, it might be a little tricky. If you are using Genesis framework by StudioPress and you want to add advertisements codes in different parts or your theme, then this tutorial is going to help you in the process. Whether you want to use adsense ads on your Genesis site or any other ads, this tutorial will work for all.

I have written more tutorials about Genesis framework which includes registering custom widget area. I will be using the same method to register custom widgets for advertisements in Genesis Framework.

How to add Custom Widgets for Advertisements in Genesis Framework

1. Adding Custom Widget Area for Advertisements Above Post Title

Add the following code to your Genesis child theme’s functions.php file.

/** Register above Post title widget for ads */ genesis_register_sidebar( array( 'id' => 'above-post-title', 'name' => __( 'Above Post Title', 'bitdoz' ), 'description' => __( 'This is the above post title widget.', 'bitdoz' ), ) ); /** Add the above post title widget for ads */ add_action( 'genesis_before_entry', 'above_post_title' ); function above_post_title() { if ( is_single() ) { genesis_widget_area( 'above-post-title', array( 'before' => '<div class="above-post-title-widget-area">', ) ); }}

1. Adding Custom Widget Area for Advertisements Below Post Title

Add the following code to your Genesis child theme’s functions.php file.

/** Register below Post title widget for ads */ genesis_register_sidebar( array( 'id' => 'below-post-title', 'name' => __( 'Below Post Title', 'bitdoz' ), 'description' => __( 'This is the below post title widget.', 'bitdoz' ), ) ); /** Add the below post title widget for ads */ add_action( 'genesis_entry_header', 'below_post_title' ); function below_post_title() { if ( is_single() ) { genesis_widget_area( 'below-post-title', array( 'before' => '<div class="below-post-title-widget-area">', ) ); }}

3. Adding Custom Widget Area for Advertisements After Post Content

Add the following code to your Genesis child theme’s functions.php file.

/** Register below content section for ads */ genesis_register_sidebar( array( 'id' => 'below-content', 'name' => __( 'Below Content', 'bitdoz' ), 'description' => __( 'This is the below content widget.', 'bitdoz' ), ) ); /** Add the below content section for ads */ add_action( 'genesis_entry_footer', 'below_content_widget' ); function below_content_widget() { if ( is_single() ) { genesis_widget_area( 'below-content', array( 'before' => '<div class="below-content-widget-area">', ) ); }}

4. Adding Custom Widget Area for Advertisements After Comments

Add the following code to your Genesis child theme’s functions.php file.

/** Register below comments section for ads */ genesis_register_sidebar( array( 'id' => 'below-comments', 'name' => __( 'Below Comments', 'bitdoz' ), 'description' => __( 'This is the below comments widget.', 'bitdoz' ), ) ); /** Add the below comments section for ads */ add_action( 'genesis_loop', 'below_comments_widget' ); function below_comments_widget() { if ( is_single() ) { genesis_widget_area( 'below-comments', array( 'before' => '<div class="below-comments-widget-area">', ) ); }}

After you have added the required codes to your child theme’s functions.php file. You will see the new widget areas in Appearance > Widgets. In case you are using adsense, you just need to copy the code from your adsense dashboard and paste it into the text widget in the widget areas we registered earlier.

I have included only main widget areas which are utilized by most of the sites, if you yourself want to test out the new widget areas refer to Genesis hooks. Feel free to ask any questions regarding this tutorials.

How to add Custom Widgets for Advertisements in Genesis Framework

How to add Custom Widgets for Advertisements in Genesis Framework

1. Adding Custom Widget Area for Advertisements Above Post Title

1. Adding Custom Widget Area for Advertisements Below Post Title

3. Adding Custom Widget Area for Advertisements After Post Content

4. Adding Custom Widget Area for Advertisements After Comments

About Sachin Verma

Comments

Leave a Reply Cancel reply