Landing pages are very important to generate leads.For example here at WPStuffs I use it to create WordPress Services’s page and Home page.

What is Landing Page ?

Landing page is a page template which excludes most of the website components like Header,Sidebar,Footer etc.

How to create Landing page in Genesis Child Theme ?

Most of the recent Geness child themes by studiopress and our themes like TechMagazine and Just read already packed with landing page template.To create a landing page go to Pages >> Add New and under page attributes select Landing in Templates field.


Creating Landing Page

If you cannot see Landing page template then your theme doesn’t supports landing page template.You need to create it manually.

How to create custom Landing Page template to Genesis Child Theme ?

First create a file called page_landing.php and add the following code in it


Template Name: Landing

// Add custom body class to the head
add_filter( 'body_class', 'add_body_class' );
function add_body_class( $classes ) {
   $classes[] = 'landing-page';
   return $classes;

// Remove header, navigation, breadcrumbs, footer widgets, footer 
add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );
remove_action( 'genesis_header', 'genesis_header_markup_open', 5 );
remove_action( 'genesis_header', 'genesis_do_header' );
remove_action( 'genesis_header', 'genesis_header_markup_close', 15 );
remove_action( 'genesis_after_header', 'genesis_do_nav' );
remove_action( 'genesis_after_header', 'genesis_do_subnav' );
remove_action( 'genesis_before_loop', 'genesis_do_breadcrumbs');
remove_action( 'genesis_before_footer', 'genesis_footer_widget_areas' );
remove_action( 'genesis_footer', 'genesis_footer_markup_open', 5 );
remove_action( 'genesis_footer', 'genesis_do_footer' );
remove_action( 'genesis_footer', 'genesis_footer_markup_close', 15 );


Upload the file to your child themes root folder.You can use .landing-page CSS class to style the landing pages.

Now follow the steps mentioned above to create a landing page.


  1. says

    Can this process work for someone who doesn’t write codes like myself? I’m using News Pro theme and it doesn’t have landing page template and I need to create a landing page, what do you recommend?

    • Alex says

      Literally what he said. Copy and paste the whole entire code into a new file, and drop that file into the /wp-content/themes/news-pro/ folder. You can then add/edit a page and choose “Landing” from the dropdown on the right-hand side.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CommentLuv badge