{"id":34,"date":"2016-08-20T13:57:22","date_gmt":"2016-08-20T20:57:22","guid":{"rendered":"https:\/\/scottdeluzio.com\/?p=34"},"modified":"2016-08-20T13:57:49","modified_gmt":"2016-08-20T20:57:49","slug":"create-genesis-widgetized-homepages","status":"publish","type":"post","link":"https:\/\/scottdeluzio.com\/create-genesis-widgetized-homepages\/","title":{"rendered":"Create Genesis Widgetized Homepages"},"content":{"rendered":"<p>The Genesis Framework is an outstanding tool for WordPress developers. It has many great child themes you can use to make your site look as unique as you are. You can even create your own unique theme relatively easily, but the framework is different from other WordPress themes in that it doesn&#8217;t use the same page template structure that other themes use.<\/p>\n<p>When developing a Genesis site from scratch, you may want to create Genesis widgetized homepages the way themes like <a href=\"https:\/\/scottdeluzio.com\/go\/genesis-altitude-pro\/\" class=\"thirstylink\" rel=\"nofollow\" target=\"_blank\" title=\"Altitude Pro\">Altitude Pro<\/a> or <a href=\"https:\/\/scottdeluzio.com\/go\/genesis-digital-pro\/\" class=\"thirstylink\" rel=\"nofollow\" target=\"_blank\" title=\"Digital Pro\">Digital Pro<\/a> are set up.<\/p>\n<p>This allows you to place widgets on your homepage to create the layout, rather than using the default WordPress page editor. This is a great way to showcase dynamic content, such as your latest blog posts, by using the Genesis Featured Posts widget. Using a widget allows your homepage to stay fresh as you add new content without having another page to edit.<\/p>\n<h2>How to Create Genesis Widgetized Homepages<\/h2>\n<p>The first thing we need to do is add support for our homepage widgets. To do this, we&#8217;re going to use the <code>genesis_register_sidebar<\/code> function.<\/p>\n<pre lang=\"php\">\r\nfunction sd_genesis_home_widgets() {\r\n    genesis_register_sidebar( array(\r\n\t'name' => __( 'Home Content Top ', 'genesis' ),\r\n\t'id' => 'hometop',\r\n\t'description' => __( 'Home Top', 'genesis' ),\r\n\t'before_widget' => '<div class=\"homecontent fixedtop\">',\r\n\t'after_widget' => '<\/div>',\r\n\t'before_title' => '<h3 class=\"widgettitle\">',\r\n\t'after_title' => '<\/h3>',\r\n    ) );\r\n}\r\nadd_action( 'widgets_init', 'sd_genesis_home_widgets' );\r\n<\/pre>\n<p>The above function creates a new widget area in your Appearance > Widgets page. This allows you to drag and drop widgets in the Appearance > Widgets admin page. It also sets some content before and after the widget, as well as the widget&#8217;s title.<\/p>\n<p>If you want to register more than one widget for the home page, you would copy the <code>genesis_register_sidebar<\/code> function, and provide unique values in the first four lines (name, id, description, before_widget).<\/p>\n<p>Next, we&#8217;re going to add a conditional check to our widget areas to make sure they only are inserted on the homepage.<\/p>\n<pre lang=\"php\">\r\nfunction sd_home_page_widgets() {\r\n    if ( is_front_page('') )\r\n    genesis_widget_area ('hometop',\r\n\tarray(\r\n\t    'before' => '<div class=\"hometop\">',\r\n\t    'after' => '<\/div>',\r\n\t)\r\n    );\r\n}\r\nadd_action( 'genesis_before_content', 'sd_home_page_widgets' );\r\n<\/pre>\n<p>Again, if you are adding multiple widget areas to the homepage you would copy the <code>genesis_widget_area<\/code> function. Be sure the <code>'id'<\/code> in your <code>genesis_register_sidebar<\/code> and the first part of <code>genesis_widget_area<\/code> are the same. In the example above, both are &#8216;hometop&#8217;.<\/p>\n<p>If you are customizing the Genesis Sample Theme, you may need to remove the main content areas from your homepage. This will remove the content loop and the sidebar from your homepage.<\/p>\n<pre lang=\"php\">\r\n\/\/* Remove homepage content\r\nadd_action( 'genesis_before','remove_homepage_content' );\r\nfunction remove_homepage_content() {\r\n  if (is_front_page() ) {\r\n    remove_action( 'genesis_loop', 'genesis_do_loop' );\r\n    remove_action( 'genesis_sidebar', 'genesis_do_sidebar' );\r\n  }\r\n}\r\n<\/pre>\n<p>Finally, we need to style the widget area. In the example I&#8217;m working on, the widget area is a full width area, so there isn&#8217;t much to do in order to get it to fit. Just make sure it has a 100% width, then add other styles as necessary.<\/p>\n<p>If you are adding additional widgets, you may want to organize them in some sort of grid layout. You can use the <a href=\"https:\/\/scottdeluzio.com\/go\/genesis-column-classes\/\" class=\"thirstylink\" rel=\"nofollow\" target=\"_blank\" title=\"Genesis CSS column classes\">Genesis CSS column classes<\/a> in the <code><\/p>\n<div><\/code> you set when registering the widget areas.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Genesis Framework is an outstanding tool for WordPress developers. It has many great child themes you can use to make your site look as unique as you are.<\/p>\n","protected":false},"author":2,"featured_media":38,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[2],"tags":[],"series":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Create Genesis Widgetized Homepages - Scott DeLuzio<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/scottdeluzio.com\/create-genesis-widgetized-homepages\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create Genesis Widgetized Homepages - Scott DeLuzio\" \/>\n<meta property=\"og:description\" content=\"The Genesis Framework is an outstanding tool for WordPress developers. It has many great child themes you can use to make your site look as unique as you are.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/scottdeluzio.com\/create-genesis-widgetized-homepages\/\" \/>\n<meta property=\"og:site_name\" content=\"Scott DeLuzio\" \/>\n<meta property=\"article:published_time\" content=\"2016-08-20T20:57:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-08-20T20:57:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/scottdeluzio.com\/wp-content\/uploads\/2016\/08\/cube-1002897_640.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"640\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Scott DeLuzio\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@scottdeluzio\" \/>\n<meta name=\"twitter:site\" content=\"@scottdeluzio\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Scott DeLuzio\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/scottdeluzio.com\/create-genesis-widgetized-homepages\/\",\"url\":\"https:\/\/scottdeluzio.com\/create-genesis-widgetized-homepages\/\",\"name\":\"Create Genesis Widgetized Homepages - Scott DeLuzio\",\"isPartOf\":{\"@id\":\"https:\/\/scottdeluzio.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/scottdeluzio.com\/create-genesis-widgetized-homepages\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/scottdeluzio.com\/create-genesis-widgetized-homepages\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/scottdeluzio.com\/wp-content\/uploads\/2016\/08\/cube-1002897_640.jpg\",\"datePublished\":\"2016-08-20T20:57:22+00:00\",\"dateModified\":\"2016-08-20T20:57:49+00:00\",\"author\":{\"@id\":\"https:\/\/scottdeluzio.com\/#\/schema\/person\/a0578da297e094ef0d581122331b5360\"},\"breadcrumb\":{\"@id\":\"https:\/\/scottdeluzio.com\/create-genesis-widgetized-homepages\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/scottdeluzio.com\/create-genesis-widgetized-homepages\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/scottdeluzio.com\/create-genesis-widgetized-homepages\/#primaryimage\",\"url\":\"https:\/\/scottdeluzio.com\/wp-content\/uploads\/2016\/08\/cube-1002897_640.jpg\",\"contentUrl\":\"https:\/\/scottdeluzio.com\/wp-content\/uploads\/2016\/08\/cube-1002897_640.jpg\",\"width\":640,\"height\":640},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/scottdeluzio.com\/create-genesis-widgetized-homepages\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/scottdeluzio.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Create Genesis Widgetized Homepages\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/scottdeluzio.com\/#website\",\"url\":\"https:\/\/scottdeluzio.com\/\",\"name\":\"Scott DeLuzio\",\"description\":\"WordPress Development Tutorials\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/scottdeluzio.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/scottdeluzio.com\/#\/schema\/person\/a0578da297e094ef0d581122331b5360\",\"name\":\"Scott DeLuzio\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/scottdeluzio.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/1aab25f8a9570a61b20078bcb4ab4588?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/1aab25f8a9570a61b20078bcb4ab4588?s=96&d=mm&r=g\",\"caption\":\"Scott DeLuzio\"},\"sameAs\":[\"https:\/\/x.com\/scottdeluzio\"],\"url\":\"https:\/\/scottdeluzio.com\/author\/scottdeluzio82\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create Genesis Widgetized Homepages - Scott DeLuzio","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/scottdeluzio.com\/create-genesis-widgetized-homepages\/","og_locale":"en_US","og_type":"article","og_title":"Create Genesis Widgetized Homepages - Scott DeLuzio","og_description":"The Genesis Framework is an outstanding tool for WordPress developers. It has many great child themes you can use to make your site look as unique as you are.","og_url":"https:\/\/scottdeluzio.com\/create-genesis-widgetized-homepages\/","og_site_name":"Scott DeLuzio","article_published_time":"2016-08-20T20:57:22+00:00","article_modified_time":"2016-08-20T20:57:49+00:00","og_image":[{"width":640,"height":640,"url":"https:\/\/scottdeluzio.com\/wp-content\/uploads\/2016\/08\/cube-1002897_640.jpg","type":"image\/jpeg"}],"author":"Scott DeLuzio","twitter_card":"summary_large_image","twitter_creator":"@scottdeluzio","twitter_site":"@scottdeluzio","twitter_misc":{"Written by":"Scott DeLuzio","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/scottdeluzio.com\/create-genesis-widgetized-homepages\/","url":"https:\/\/scottdeluzio.com\/create-genesis-widgetized-homepages\/","name":"Create Genesis Widgetized Homepages - Scott DeLuzio","isPartOf":{"@id":"https:\/\/scottdeluzio.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/scottdeluzio.com\/create-genesis-widgetized-homepages\/#primaryimage"},"image":{"@id":"https:\/\/scottdeluzio.com\/create-genesis-widgetized-homepages\/#primaryimage"},"thumbnailUrl":"https:\/\/scottdeluzio.com\/wp-content\/uploads\/2016\/08\/cube-1002897_640.jpg","datePublished":"2016-08-20T20:57:22+00:00","dateModified":"2016-08-20T20:57:49+00:00","author":{"@id":"https:\/\/scottdeluzio.com\/#\/schema\/person\/a0578da297e094ef0d581122331b5360"},"breadcrumb":{"@id":"https:\/\/scottdeluzio.com\/create-genesis-widgetized-homepages\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/scottdeluzio.com\/create-genesis-widgetized-homepages\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/scottdeluzio.com\/create-genesis-widgetized-homepages\/#primaryimage","url":"https:\/\/scottdeluzio.com\/wp-content\/uploads\/2016\/08\/cube-1002897_640.jpg","contentUrl":"https:\/\/scottdeluzio.com\/wp-content\/uploads\/2016\/08\/cube-1002897_640.jpg","width":640,"height":640},{"@type":"BreadcrumbList","@id":"https:\/\/scottdeluzio.com\/create-genesis-widgetized-homepages\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/scottdeluzio.com\/"},{"@type":"ListItem","position":2,"name":"Create Genesis Widgetized Homepages"}]},{"@type":"WebSite","@id":"https:\/\/scottdeluzio.com\/#website","url":"https:\/\/scottdeluzio.com\/","name":"Scott DeLuzio","description":"WordPress Development Tutorials","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/scottdeluzio.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/scottdeluzio.com\/#\/schema\/person\/a0578da297e094ef0d581122331b5360","name":"Scott DeLuzio","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/scottdeluzio.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/1aab25f8a9570a61b20078bcb4ab4588?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/1aab25f8a9570a61b20078bcb4ab4588?s=96&d=mm&r=g","caption":"Scott DeLuzio"},"sameAs":["https:\/\/x.com\/scottdeluzio"],"url":"https:\/\/scottdeluzio.com\/author\/scottdeluzio82\/"}]}},"_links":{"self":[{"href":"https:\/\/scottdeluzio.com\/wp-json\/wp\/v2\/posts\/34"}],"collection":[{"href":"https:\/\/scottdeluzio.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/scottdeluzio.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/scottdeluzio.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/scottdeluzio.com\/wp-json\/wp\/v2\/comments?post=34"}],"version-history":[{"count":0,"href":"https:\/\/scottdeluzio.com\/wp-json\/wp\/v2\/posts\/34\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/scottdeluzio.com\/wp-json\/wp\/v2\/media\/38"}],"wp:attachment":[{"href":"https:\/\/scottdeluzio.com\/wp-json\/wp\/v2\/media?parent=34"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/scottdeluzio.com\/wp-json\/wp\/v2\/categories?post=34"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/scottdeluzio.com\/wp-json\/wp\/v2\/tags?post=34"},{"taxonomy":"series","embeddable":true,"href":"https:\/\/scottdeluzio.com\/wp-json\/wp\/v2\/series?post=34"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}