Skip to content

Instantly share code, notes, and snippets.

@James-Roberts
Last active August 29, 2015 14:08
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save James-Roberts/b2801b4257d62fe09d7f to your computer and use it in GitHub Desktop.
Save James-Roberts/b2801b4257d62fe09d7f to your computer and use it in GitHub Desktop.
Create an attractive landing page in Genesis. https://llamapress.com/create-filterable-portfolio-in-genesis/
<?php
/**
* Template Name: Landing page template
* Description: Use this page template to create a landing page.
*/
// Add custom body class to the head
add_filter( 'body_class', 'sk_add_body_class' );
function sk_add_body_class( $classes ) {
$classes[] = 'sk-sales';
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_do_header' );
remove_action( 'genesis_after_header', 'genesis_do_nav' );
remove_action( 'genesis_before', 'genesis_do_subnav' );
remove_action( 'genesis_before_loop', 'genesis_do_breadcrumbs' );
remove_action( 'genesis_after', 'genesis_footer_widget_areas' );
remove_action( 'genesis_after', 'genesis_footer_markup_open', 11 );
remove_action( 'genesis_after', 'genesis_do_footer', 12 );
remove_action( 'genesis_after', 'genesis_footer_markup_close', 13 );
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 );
remove_action( 'genesis_entry_header', 'genesis_entry_header_markup_close', 15 );
remove_action( 'genesis_entry_header', 'genesis_do_post_title' );
remove_action( 'genesis_entry_header', 'genesis_post_info', 12 );
//* Add custom header
add_action( 'genesis_header', 'do_header' );
function do_header() {
do_action( 'genesis_post_title' );
}
add_action( 'wp_enqueue_scripts', 'my_styles_method' );
function my_styles_method(){
$url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
$custom_css = <<<CSS
body{
background-image: url('$url');
background-size: cover;
}
CSS;
wp_enqueue_style(
'custom-style',
get_template_directory_uri() . '/css/custom_script.css'
);
wp_add_inline_style( 'custom-style', $custom_css );
}
genesis();
/*-----------------------------------------------------------------------------------*
/* Landing page template
/*-----------------------------------------------------------------------------------*/
.page-template-landing-template-php .site-header, .page-template-landing-template-php{
background-color: transparent;
}
.page-template-landing-template-php .site-inner{
padding-top: 0px;
}
.page-template-landing-template-php .site-header{
min-height: 0px;
}
.page-template-landing-template-php .site-header .wrap{
background-color: #fff;
margin-top: 40px;
text-align: center;
}
.page-template-landing-template-php article{
padding-top: 0px;
}
.page-template-landing-template-php a{
display: block;
padding: 20px;
width: 100%;
color: #fff;
background-color: #aaa;
border: 2px solid #aaa;
font-weight: bold;
}
.page-template-landing-template-php a:hover{
color: #aaa;
background-color: #fff;
}
.page-template-landing-template-php .post-edit-link{
display: initial;
color: initial;
padding: initial;
background-color: initial;
border: initial;
font-weight: initial;
}
@media only screen and (max-width: 801px){
body{
background-size: initial !important;
}
.page-template-landing-template-php .site-header{
max-width: 90%;
text-align: center;
margin: 0px auto;
}
.page-template-landing-template-php article{
padding: 20px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment