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
<?php
/*
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 );
genesis();
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.