Remove all Inner HTML Mark Up Content on Genesis Home Page

To remove inner HTML mark up content from a customised Front Page in Genesis, you can use a conditional statement to remove the ‘loop’ just on the front page like so:

//Remove Loop from Home Page 
function thmeprefix_remove_homepage_content() {
		if ( is_front_page() ) { 
			remove_action( 'genesis_loop', 'genesis_do_loop' );
		}
}

add_action( 'genesis_before','thmeprefix_remove_homepage_content' );

The header and footer remain just the loop content is removed, however there is still some HTML mark up, a couple of inner blank divs, notably .site-inner and .content-sidebar-wrap

To remove these inner divs you can just remove the relevant markup from the original code in the Genesis header and footer files and run a custom function just for the front page with the amended code.

You can find the original header and footer code in the Genesis Framework root level named header.php and footer.php, do not edit these or the sky will fall in, copy and paste these as new functions which can run just in a front-page.php file in your child theme.

In the header remove/uncomment

genesis_markup( array(
	'html5'   => '<div %s>',
	'xhtml'   => '<div id="inner">',
	'context' => 'site-inner',
) );
genesis_structural_wrap( 'site-inner' );

In the footer remove/uncomment

genesis_structural_wrap( 'site-inner', 'close' );
echo '</div>'; //* end .site-inner or #inner

Giving you:

<?php //do not add in opening php tag /** * Remove Inner Home Page Content on a Genesis Theme * * @package Genesis Custom Front Page - No Inner Content * @author Neil Gee * @link https://wpbeaches.com/remove-inner-html-mark-content-genesis-home-page/ * @copyright (c)2014, Neil Gee */ cgp_genesis_no_content(); function cgp_genesis_no_content() { cgp_genesis_header(); cgp_genesis_footer(); } //Customised Genesis Header function cgp_genesis_header() { do_action( 'genesis_doctype' ); do_action( 'genesis_title' ); do_action( 'genesis_meta' ); wp_head(); //* we need this for plugins ?> </head> <?php genesis_markup( array( 'html5' => '<body %s>', 'xhtml' => sprintf( '<body class="%s">', implode( ' ', get_body_class() ) ), 'context' => 'body', ) ); do_action( 'genesis_before' ); genesis_markup( array( 'html5' => '<div %s>', 'xhtml' => '<div id="wrap">', 'context' => 'site-container', ) ); do_action( 'genesis_before_header' ); do_action( 'genesis_header' ); do_action( 'genesis_after_header' ); //genesis_markup( array( //'html5' => '<div %s>', //'xhtml' => '<div id="inner">', //'context' => 'site-inner', //) ); //genesis_structural_wrap( 'site-inner' ); } //Customised Genesis Footer function cgp_genesis_footer() { //genesis_structural_wrap( 'site-inner', 'close' ); //echo '</div>'; //* end .site-inner or #inner do_action( 'genesis_before_footer' ); do_action( 'genesis_footer' ); do_action( 'genesis_after_footer' ); echo '</div>'; //* end .site-container or #wrap do_action( 'genesis_after' ); wp_footer(); //* we need this for plugins ?> </body> </html> <?php }

So instead of running the genesis(); function we are running a custom one cgp_genesis_no_content(); which contains the 2 amended header and footer functions below it.

As for a demo, this site uses the above code in a front-page.php template.