<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Genesis Tutorials</title>
	<atom:link href="http://genesistutorials.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://genesistutorials.com</link>
	<description>Tips, Tricks, and How-tos for the Genesis Theme Framework</description>
	<lastBuildDate>Mon, 15 Apr 2013 18:21:35 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>How to Add a Logo to the Header</title>
		<link>http://genesistutorials.com/how-to-add-a-logo-to-the-header/</link>
		<comments>http://genesistutorials.com/how-to-add-a-logo-to-the-header/#comments</comments>
		<pubDate>Fri, 17 Aug 2012 23:55:24 +0000</pubDate>
		<dc:creator>Christopher</dc:creator>
				<category><![CDATA[Theming]]></category>

		<guid isPermaLink="false">http://genesistutorials.com/?p=674</guid>
		<description><![CDATA[One question I get asked often is how to add a logo to the Genesis header. To add an image logo to your header you ideally would want access to sever files through FTP. However, it is entirely possibly to do with without FTP access by using the media library and the admin file editor [...]]]></description>
				<content:encoded><![CDATA[<p>One question I get asked often is how to add a logo to the Genesis header. To add an image logo to your header you ideally would want access to sever files through FTP. However, it is entirely possibly to do with without FTP access by using the media library and the admin file editor in WordPress, though I do not recommend tis way.</p>
<h3>Step 1: Create your logo</h3>
<p>I would guess most of you have already went ahead and completed this step even before reading this tutorial, but you never know. Anyways, make sure to have your logo handy and sized appropriately. In the default child theme the title area is 350px x 90px, but feel free to create the logo as big or little as you want it.</p>
<h3>Step 2: Upload your logo</h3>
<p>Have your favorite FTP tool? Open it up and navigate to your images folder in your child theme. Upload your logo to this directory and make sure to remember the name of the file. </p>
<p><em><a href="http://filezilla-project.org/" target="_blank">Filezilla</a> or <a href="http://cyberduck.ch/" target="_blank">Cyberduck</a> are good FTP browsing apps.</em></p>
<h3>Step 3: Update Settings</h3>
<p><a href="http://i1.wp.com/genesistutorials.com/wp-content/uploads/2012/08/genesis-header-settings.png" rel="shadowbox[sbpost-674];player=img;" title="genesis-header-settings"><img src="http://i1.wp.com/genesistutorials.com/wp-content/uploads/2012/08/genesis-header-settings.png?resize=282%2C109" alt="" title="genesis-header-settings" class="alignleft size-full wp-image-675" data-recalc-dims="1" /></a>To ready the area for the logo make sure to update Genesis header settings to &#8216;Image logo&#8217;. This adds a class to the body of &#8216;.header-image&#8217; to allow us to style the title area specifically for use with an image logo. If you don&#8217;t see this setting it is possible you are using a header background, and this option is unavailable (In the future I may update or write a new post to how to add a logo with a header background). </p>
<h3>Step 4: Modify style.css</h3>
<p>This step may vary depending on your child theme, but the idea is the same.<br />
In your child theme&#8217;s style.css you would want to find the lines below or similar.</p>
<pre class="brush: css; title: ; notranslate">

/* Image Header - Partial Width
------------------------------------------------------------ */

.header-image #title-area,
.header-image #title,
.header-image #title a {
	display: block;
	float: left;
	height: 90px;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
	width: 350px;
}

.header-image #description {
	display: block;
	overflow: hidden;
}
</pre>
<p>If you can&#8217;t find anything similar in your child theme feel free to add it yourself. The CSS above is actually taking the text from the site title area and pushing it off-screen. There are also many ways of accomplishing this, but for this tutorials lets just use what we have. So, long as this CSS now is in your theme, where you saw your header text before it will be blank. To get your logo to appear we need to set the background of this area to the logo you uploaded in step 2. To do this add the lines below making sure to &#8216;update your-logo-filename.png&#8217; yo your filename.</p>
<pre class="brush: css; title: ; notranslate">
.header-image #title a {
	background: url( 'images/your-logo-filename.png' ) no-repeat;
}
</pre>
<p>If your logo is bigger than the default size make sure to tweak the height and width of your title area.<br />
Note: <em>If adjusting width wider than the 350px default you may also need to update &#8216;#header .widget-area&#8217;.</em></p>
<h3>Step 5: Cheer in Success (or slam things in frustration)</h3>
<p>Taking a look at your site now you should see your logo in all magnificent glory. If not don&#8217;t panic or be frustrated. Make sure to go over the past steps, and that the path to your logo is correct. If it needs some minor tweaking to fit in the area inspect it with firebug or your browser&#8217;s built-in inspector and play with it till perfect.</p>
]]></content:encoded>
			<wfw:commentRss>http://genesistutorials.com/how-to-add-a-logo-to-the-header/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Say Hello to the Genesis Visual Hook Guide v2.5</title>
		<link>http://genesistutorials.com/say-hello-to-the-genesis-visual-hook-guide-v2-5/</link>
		<comments>http://genesistutorials.com/say-hello-to-the-genesis-visual-hook-guide-v2-5/#comments</comments>
		<pubDate>Sat, 12 May 2012 07:12:38 +0000</pubDate>
		<dc:creator>Christopher</dc:creator>
				<category><![CDATA[Announcement]]></category>

		<guid isPermaLink="false">http://genesistutorials.com/?p=630</guid>
		<description><![CDATA[The Genesis Visual Hook Guide, developed for myself, released to the public, originally was just a sample functions.php file I used to test snippets for Genesis, however it quickly grew to more than that. At first, the Hook Guide was just a series of images that I snapped of an early version of what it [...]]]></description>
				<content:encoded><![CDATA[<p><a href="http://genesistutorials.com/visual-hook-guide/" target="_blank" title="banner-772x250"><img class="alignnone size-full wp-image-637" style="width: 100%; height: auto;" title="banner-772x250" src="http://i1.wp.com/genesistutorials.com/wp-content/uploads/2012/05/banner.png?resize=772%2C250" alt="" data-recalc-dims="1" /></a></p>
<p>The <a title="Genesis Visual Hook Guide" href="http://genesistutorials.com/visual-hook-guide/" target="_blank">Genesis Visual Hook Guide</a>, developed for myself, released to the public, originally was just a sample functions.php file I used to test snippets for Genesis, however it quickly grew to more than that.</p>
<p>At first, the Hook Guide was just <a title="Original Visual Hook Guide" href="http://www.nothingcliche.com/genesis-theme-framework-visual-hook-reference/">a series of images</a> that I snapped of an early version of what it is now. These images quickly became a useful tool to many of the developers just learning and figuring out Genesis and all of its hooks.</p>
<p>Following the images I shared, I created a single template on this site, that outputted the hooks, and added the ability to see the main wrapping divs visually, as well as filterable text. Being a single template file however, it was limited as you could only view the hooks in the hacked up page template I created.</p>
<p>During a clean up of code I ported the main features of the template to a <a title="Genesis Visual Hook Guide (Plugin)" href="http://wordpress.org/extend/plugins/genesis-visual-hook-guide/" target="_blank">plugin</a> that can be installed on any Genesis Theme site. This allows the hooks and filters to be viewed in the your theme may it be the <a href="http://www.studiopress.com/download/sample.zip" title="Download Genesis Sample Child Theme">sample child theme</a>, <a title="StudioPress' Lifestyle Theme" href="http://genesistutorials.com/go/lifestyle-theme/" target="_blank">Lifestyle</a>, <a title="StudioPress' Prose Theme" href="http://genesistutorials.com/go/prose-theme" target="_blank">Prose</a>, or a custom theme build.</p>
<p>So today, I want to welcome version 2.5 of the <a title="Genesis Visual Hook Guide" href="http://genesistutorials.com/visual-hook-guide/">Visual Hook Guide</a> as a part of the revamp of genesistutorials.com that will be happening over the next few weeks (more info on this to come soon). I have built the visual hook guide to be a full functional site, with many new features and updates to it coming down the road. The guide has also been update to the latest version of the Genesis sample child theme, so, yes, it is responsive. Go check it out, click around. Some features of it may be buggy for the next few days, it was originally built as only a single template, but please let me know of any issues you come across and I&#8217;ll try my best to quickly fix them.</p>
]]></content:encoded>
			<wfw:commentRss>http://genesistutorials.com/say-hello-to-the-genesis-visual-hook-guide-v2-5/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Genesis Classes Coming in the Fall to WP Classroom</title>
		<link>http://genesistutorials.com/genesis-classes-coming-in-the-fall-to-wp-classroom/</link>
		<comments>http://genesistutorials.com/genesis-classes-coming-in-the-fall-to-wp-classroom/#comments</comments>
		<pubDate>Thu, 11 Aug 2011 22:20:20 +0000</pubDate>
		<dc:creator>Christopher</dc:creator>
				<category><![CDATA[Announcement]]></category>
		<category><![CDATA[wpclassroom]]></category>

		<guid isPermaLink="false">http://genesistutorials.com/?p=518</guid>
		<description><![CDATA[Genesis Tutorials and WP Classroom are teaming up to bring to you – Genesis Classes. WP Classroom is an online WordPress training site where you can learn WordPress from the ground up. Genesis Classes wont start till early September, but I&#8217;m currently putting together what the classes will consist of and looking to you for [...]]]></description>
				<content:encoded><![CDATA[<h3>Genesis Tutorials and <a href="http://wpclassroom.com" title="WP Classroom" target="_blank">WP Classroom</a> are teaming up to bring to you – Genesis Classes.</h3>
<p><a href="http://wpclassroom.com/" target="_blank" title="wpclassroom-logo"><img style="margin-top:15px;" src="http://i1.wp.com/genesistutorials.com/wp-content/uploads/2011/08/wpclassroom-logo.jpg?resize=300%2C53" alt="" title="wpclassroom-logo" class="alignleft size-medium wp-image-525" data-recalc-dims="1" /></a>WP Classroom is an online WordPress training site where you can learn WordPress from the ground up. Genesis Classes wont start till early September, but I&#8217;m currently putting together what the classes will consist of and looking to you for what you want to learn about the Genesis Framework and get out of these classes. May it be how to set up and use genesis as a blogger and use some the child themes available from StudioPress and their options, to building your own child theme to ready for the just announced <a href="http://market.studiopress.com/themes" target="_blank">StudioPress Theme Marketplace</a> or your own use. </p>
<h3>Help shape the classes</h3>
<p>Always wanted to learn how to use the genesis loop function or genesis grid loop function or how to properly set up a custom template to be used within Genesis? Add your suggestions down in the comments section below. I want the content of these classes to be powered by you so you get the most out of them.</p>
<p>From these comments and questions I have received over the months of running the site I will be creating several classes at different levels. For the developer and advance classes, participants will get access to example files and even free child themes(basic) to help them get started. For the blogging and beginner classes, you&#8217;ll learn all about the available genesis child themes and options to set up the perfect blog/site for your use. Classes will be recorded so if you miss out don&#8217;t worry, you&#8217;ll be able purchase a recording of the class and receive any files the participants may have gotten. Depending how these classes go we may grow the Genesis learning experience offering several classes more focused on specific topics within the Genesis Theme Framework so make sure to comment below with anything you want to learn.</p>
<p><span style="font-size:11px; color: #666;">Also, to those wondering what&#8217;s the status of the site and my plugins I have been working on a Version 2.0 of the Genesis Visual Hook Guide (aka Genesis Developer&#8217;s Handbook) as well as a library of Genesis functions which I hope to have all packaged up and ready in a month or so as well asa major update to Genesis Post Teasers and an update to the Genesis Favicon uploader to help smooth out some issues some user have experienced with not being able to upload a favicon through the uploader. Also, I hope to add many more tutorials through prepping for these classes. I am a full time Designer at WebDevStudios and this is all a side project of mine cause I love the Genesis Community, but hoping to give back much more in the coming months; theses classes being one of the ways.</span></p>
<p>Hope to see you in Class <img src='http://i1.wp.com/genesistutorials.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' data-recalc-dims="1" /> .</p>
<p>Also make sure to check out <a href="http://wpclassroom.com" title="WP Classroom" target="_blank">WP Classroom</a> for general WordPress training and courses!</p>
]]></content:encoded>
			<wfw:commentRss>http://genesistutorials.com/genesis-classes-coming-in-the-fall-to-wp-classroom/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Genesis Structural Wraps &amp; Creating a Full Width Genesis Child Theme</title>
		<link>http://genesistutorials.com/genesis-structural-wraps-creating-a-full-width-genesis-child-theme/</link>
		<comments>http://genesistutorials.com/genesis-structural-wraps-creating-a-full-width-genesis-child-theme/#comments</comments>
		<pubDate>Wed, 20 Jul 2011 16:20:40 +0000</pubDate>
		<dc:creator>Christopher</dc:creator>
				<category><![CDATA[Theming]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://genesistutorials.com/?p=502</guid>
		<description><![CDATA[A full width theme normally consist of the header, nav, content and footer areas that have backgrounds that span the across the entire window while the inner area with the actual content of each section stays centered on the page. This help creates a visual separation between each section and to some just ascetically pleasing. [...]]]></description>
				<content:encoded><![CDATA[<p><a href="http://i2.wp.com/genesistutorials.com/wp-content/uploads/2011/07/Full-width-genesis-child-theme-markup.jpg" rel="shadowbox[sbpost-502];player=img;" title="Full-width-genesis-child-theme-markup"><img style="margin-top: 5px;" class="alignleft size-medium wp-image-508" title="Full-width-genesis-child-theme-markup" src="http://i2.wp.com/genesistutorials.com/wp-content/uploads/2011/07/Full-width-genesis-child-theme-markup.jpg?resize=300%2C233" alt="" data-recalc-dims="1" /></a>A full width theme normally consist of the header, nav, content and footer areas that have backgrounds that span the across the entire window while the inner area with the actual content of each section stays centered on the page. This help creates a visual separation between each section and to some just ascetically pleasing.</p>
<p>To create this effect you usually have your main container to each section as well as a wrap inside to keep its contents centered. The main container is set to 100% width and the inner wrap to the width you&#8217;d like your site to be fixed at then centered with a <code>#margin: 0 auto;</code>.</p>
<p>The steps below will go over exactly how to create a full width genesis child theme using the sample child theme as a base.<span id="more-502"></span></p>
<h3>Genesis Structural Wraps</h3>
<p><strong>Step: 1</strong><br />
The Genesis Theme Framework by genesis comes with a wrap class inside it&#8217;s header, nav, and footer. The content area with sidebar is also wrapped by a div with the id of content-sidebar-wrap. For you basic content sidebar theme these are all the structual wraps you would need, however if you are to use the content sidebar sidebar or sidebar content content or even content sidebar sidebar layouts you will find one the sidebars to be left out from a wrap with no way to keep it beside your content. In Genesis version 1.6 a new function was created to aid in fixing this issue.</p>
<p>Adding or removing wraps for that matter is as simple as an add theme support function by the name of <code>genesis-structual-wraps</code>. For the full width theme we will be adding a wrap div to the inner div. To do this simply copy the code below and add it to your child theme&#8217;s function.php.</p>
<pre class="brush: php; title: ; notranslate">add_theme_support( 'genesis-structural-wraps', array( 'header', 'nav', 'subnav', 'inner', 'footer-widgets', 'footer' ) );</pre>
<p>this theme support function contains all the id&#8217;s of the divs you wish to add an extra div wrapping it&#8217;s content in an array. Genesis currently supports adding the wrap div to:</p>
<ul>
<li>header</li>
<li>nav</li>
<li>subnav</li>
<li>inner</li>
<li>footer-widgets</li>
<li>footer</li>
</ul>
<p>inner isn&#8217;t originally in the array and adding the <code>add_theme_support()</code> code above will add it.<br />
<em><strong>NOTE:</strong> To remove wraps for div simply remove the name from the array.</em></p>
<h3>The style changes</h3>
<p><strong>Step 2:</strong><br />
By default the sample child theme for  genesis  is boxed in a 960px #wrap that constrains all the elements inside to that width centering them on the page. Find #wrap in your sample child theme style.css around line 162.<br />
Change:</p>
<pre class="brush: css; title: ; notranslate">
#wrap {
	background-color: #fff;
	margin: 0 auto 10px;
	width: 960px;
}
</pre>
<p>to:</p>
<pre class="brush: css; title: ; notranslate">
#wrap {
	background-color: #fff;
}
</pre>
<p>This will remove the contraint and allow our elements inside to span as far as we please.</p>
<p><strong>Step 3:</strong><br />
Add styles for the wrap divs that is inside each our main div structures. This style will set each area to 960px width with the <code>margin:0 auto;</code> centering them on the page.</p>
<pre class="brush: css; title: ; notranslate">
.wrap {
	margin: 0 auto;
	width: 960px;
}
</pre>
<p><em><strong>NOTE:</strong> Can be more specific to each area by adding the id of each setion before .wrap for example:<br />
</em></p>
<pre class="brush: css; title: ; notranslate">#nav .wrap { width: 900px; }</pre>
<p><em><br />
Will set the nav to be shorter than the other areas.</em></p>
<p><strong>Step 4:</strong><br />
Find each main structural div and remove its width. The width we set for .wrap will handle this. Search for #header, #nav, #subnav, #inner, #footer-widgets &amp; #footer and remove the width set for each.</p>
<p><strong>Step 5:</strong><br />
Create your master piece.</p>
<h2>Free Genesis Child Theme Download:</h2>
<p><a href="http://genesistutorials.com/wp-content/uploads/2011/07/child_full_width.zip" target="_blank" title="full_width_custom_theme"><img class="size-medium wp-image-507" title="full_width_custom_theme" src="http://i1.wp.com/genesistutorials.com/wp-content/uploads/2011/07/full_width_custom_theme.jpg?fit=300%2C300" alt="" data-recalc-dims="1" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://genesistutorials.com/genesis-structural-wraps-creating-a-full-width-genesis-child-theme/feed/</wfw:commentRss>
		<slash:comments>37</slash:comments>
		</item>
		<item>
		<title>How to Filter the Genesis Post Navigation Text</title>
		<link>http://genesistutorials.com/how-to-filter-the-post-navigation/</link>
		<comments>http://genesistutorials.com/how-to-filter-the-post-navigation/#comments</comments>
		<pubDate>Sat, 14 May 2011 23:04:05 +0000</pubDate>
		<dc:creator>Christopher</dc:creator>
				<category><![CDATA[Theming]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://genesistutorials.com/?p=490</guid>
		<description><![CDATA[Sometimes your site may focus on reviews of Academy award winning films, or great recipes from around the world and the word &#8220;post&#8221; is no longer relevant to your site. What you are writing and your viewers reading aren&#8217;t posts, but reviews or recipes, and the post navigation at the bottom of an index page [...]]]></description>
				<content:encoded><![CDATA[<p>Sometimes your site may focus on reviews of Academy award winning films, or great recipes from around the world and the word &#8220;post&#8221; is no longer relevant to your site. What you are writing and your viewers reading aren&#8217;t posts, but reviews or recipes, and the post navigation at the bottom of an index page may be a little misleading. To change this text is simple, in the latest release of Genesis (v1.6) the older/newer and next/previous text in the post navigation are now filterable.</p>
<h3>Older / Newer Post Navigation Filter</h3>
<p>This filter runs when in Genesis Theme Settings, under Content Archives, &#8220;Select Post Navigation Technique:&#8221; is set Older / Newer. The default output Is &#8220;&laquo; Older Posts&#8221; and &#8220;Newer Posts &raquo;&#8221; to filter this simply add the code below to your child theme&#8217;s <code>functions.php</code>. In this example we change it to read Older and Newer Reviews.</p>
<pre class="brush: php; title: ; notranslate">
add_filter( 'genesis_older_link_text', 'gt_review_older_link_text' );
function gt_review_older_link_text() {
        $olderlink = '&amp;laquo; Older Reviews';
        return $olderlink;
}
add_filter( 'genesis_newer_link_text', 'gt_review_newer_link_text' );
function gt_review_newer_link_text() {
        $newerlink = 'Newer Reviews &amp;raquo;';
        return $newerlink;
}
</pre>
<h3>Previous / Next Post Navigation Filter</h3>
<p>This filter runs when in Genesis Theme Settings, under Content Archives, &#8220;Select Post Navigation Technique:&#8221; is set Previous / Next. The default output is &#8220;&laquo; Previous Posts&#8221; and &#8220;Next Posts &raquo;&#8221; to filter this simply add the code below to your child theme&#8217;s <code>functions.php</code>. In this example we change it to read Previous and Next Reviews.</p>
<pre class="brush: php; title: ; notranslate">
add_filter( 'genesis_prev_link_text', 'gt_review_prev_link_text' );
function gt_review_prev_link_text() {
        $prevlink = '&amp;laquo; Previous Reviews';
        return $prevlink;
}
add_filter( 'genesis_next_link_text', 'gt_review_next_link_text' );
function gt_review_next_link_text() {
        $nextlink = 'Next Reviews &amp;raquo;';
        return $nextlink;
}
</pre>
<p>Attention to detail is very important when building a site for a client or yourself. Taking the extra time to polish up a product is really what makes a great site or theme. This is minor customization, but when you take the time to add little touches like this to a site is really what starts separating yours from the others. </p>
]]></content:encoded>
			<wfw:commentRss>http://genesistutorials.com/how-to-filter-the-post-navigation/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Understanding Genesis Layout Options</title>
		<link>http://genesistutorials.com/understanding-genesis-layout-options/</link>
		<comments>http://genesistutorials.com/understanding-genesis-layout-options/#comments</comments>
		<pubDate>Thu, 27 Jan 2011 05:33:48 +0000</pubDate>
		<dc:creator>Christopher</dc:creator>
				<category><![CDATA[Theming]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://genesistutorials.com/?p=305</guid>
		<description><![CDATA[One of the ways genesis adds to its flexibility is having the option to choose a layout. This is great for anyone who doesn&#8217;t want a content/sidebar layout and would prefer possibly a 3 column layout like sidebar/content/sidebar or vice versa. Also for designers it&#8217;s possible to add classes to the body or post at [...]]]></description>
				<content:encoded><![CDATA[<p>One of the ways genesis adds to its flexibility is having the option to choose a layout. This is great for anyone who doesn&#8217;t want a content/sidebar layout and would prefer possibly a 3 column layout like sidebar/content/sidebar or vice versa. Also for designers it&#8217;s possible to add classes to the body or post at post/page level to add even more flexibility in the design of the site. One use for the body class could be having several backgrounds pre-added to the stylesheet of your site and depending on the body class you can call a different images or color for each post. For example:</p>
<pre class="brush: css; title: ; notranslate">
body.black {
     background-color:#000;
}
body.blue {
     background-color:#0000ff;
}
body.gray {
     background-color:#aaa;
}
</pre>
<p>Say you have created the above styles in your child themes style.css file and want a specific post to have a gray background. In the post edit page scroll down to &#8220;Genesis Layout Options&#8221; box and in the text box under &#8220;Custom Body Class&#8221; add &#8220;gray&#8221;.<br />
<img src="http://i1.wp.com/genesistutorials.com/wp-content/uploads/2011/01/custom-body-class.png?resize=678%2C65" alt="" title="custom-body-class" class="aligncenter size-full wp-image-400" data-recalc-dims="1" /><br />
Once the page/post is saved the class gray will be added to the body and the style applied.</p>
<h2>How to unregister the default genesis layouts and register new layouts.</h2>
<p>By default genesis comes with 6 layout options to choose for the entire site or per post/page basis. The six layouts genesis support are:</p>
<ul>
<li>Content/Sidebar</li>
<li>Content/Sidebar/Sidebar</li>
<li>Sidebar/Sidebar/Content</li>
<li>Sidebar/Content/Sidebar</li>
<li>Sidebar/Content</li>
<li>Full Width Content</li>
</ul>
<h3>Unregistering Genesis Layout Options</h3>
<p>Having six layout options is great in terms of allowing flexibility but for some genesis developers it may be extra work to support each of the six. In the latest version of genesis v1.4 it is now possible to unregister specific layouts.</p>
<p>To unregister a specific layout out just use <code>genesis_unregister_layout( '$layout')</code> in your child theme&#8217;s <code>function.php</code>. See the list below for specific layouts.</p>
<pre class="brush: php; title: ; notranslate">
genesis_unregister_layout( 'full-width-content' );
genesis_unregister_layout( 'content-sidebar' );
genesis_unregister_layout( 'sidebar-content' );
genesis_unregister_layout( 'content-sidebar-sidebar' );
genesis_unregister_layout( 'sidebar-sidebar-content' );
genesis_unregister_layout( 'sidebar-content-sidebar' );
</pre>
<p>In addition to being able to remove support for specific layouts you can also remove the in-post and archive layout options.</p>
<pre class="brush: php; title: ; notranslate">
remove_theme_support( 'genesis-inpost-layouts' );
remove_theme_support( 'genesis-archive-layouts' );
</pre>
<h3>Registering custom layouts for genesis child themes</h3>
<p>Though removing support for layouts is nice, the 1.4 update also allows adding your own ( which I believe a useful feature that not many speak about or know about). Since layouts can be unregistered there must be a function to register them as well &#8211; and there is.<br />
<span id="more-305"></span><br />
<em><br />
For example purposes I will be going over how to create a &#8220;top bar &#8211; content &#8211; bottom bar&#8221; layout, but you can really create any layout your heart desires and I may be release some files for other layout options.</em></p>
<h4>Registering a custom layout</h4>
<p><a href="http://i2.wp.com/genesistutorials.com/wp-content/uploads/2011/01/new-genesis-layout.png" rel="shadowbox[sbpost-305];player=img;" title="new-genesis-layout"><img src="http://i2.wp.com/genesistutorials.com/wp-content/uploads/2011/01/new-genesis-layout.png?resize=684%2C538" alt="" title="new-genesis-layout" class="aligncenter size-full wp-image-314" data-recalc-dims="1" /></a>To register a new layout use <code><a href="http://genesistutorials.com/function/genesis_register_layout">genesis_register_layout( $layoutid, $args)</a></code> in your child theme&#8217;s <code>function.php</code>.  $args takes the label ( name of layout ) and image ( to be used on in-post layout options )<br />
An example of this:</p>
<pre class="brush: php; title: ; notranslate">
genesis_register_layout( 'topbar-content-bottombar', array(
	'label' =&gt; 'Topbar/Content/Bottombar',
	'img' =&gt; CHILD_URL . '/images/stcsb.gif',
) );
</pre>
<h4>Creating the site layout logic and specific sidebars</h4>
<p>Basically now, there will be an option for the new registered layout and a class name on the body tag with the id of your new layout. However, there will be no logic with the sidebars and by default both will show. For this layout replace the two default sidebars <code>sidebar-alt</code> and <code>sidebar</code> with topbar and bottombar.</p>
<p>To create a conditional for the new layout use <code>genesis_site_layout()</code> in your child theme&#8217;s <code>function.php</code>. This function checks both the custom field and the theme option to find the user-selected site layout, and returns it. </p>
<pre class="brush: php; title: ; notranslate">
add_action('genesis_before', 'gt_new_custom_layout_logic');
function gt_new_custom_layout_logic() {

	$site_layout = genesis_site_layout();
	
	if ( $site_layout == 'topbar-content-bottombar' ) {
                // Remove default genesis sidebars
		remove_action( 'genesis_after_content', 'genesis_get_sidebar' );
		remove_action( 'genesis_after_content_sidebar_wrap', 'genesis_get_sidebar_alt');
                // Add layout specific sidebars
		add_action( 'genesis_before_content', 'gt_get_sidebar_top' );
		add_action( 'genesis_after_content_sidebar_wrap', 'gt_get_sidebar_bottom' );	
	}
}
</pre>
<p>Now once the code is set up, to call the sidebars you have to create them. First create two files for a sidebar <code>sidebar-top.php</code>and <code>sidebar-bottom.php</code>. </p>
<blockquote><p>For each these templates I set them up with their own hooks but you don&#8217;t have to  ( I kinda just fell in love with hooks and like to use them where I see fit. And if this was built into a plugin having hooks for the user to interact with will save them from having to modify its code ).</p></blockquote>
<p><strong>sidebar-top.php:</strong> </p>
<pre class="brush: xml; title: ; notranslate">
&lt;div id=&quot;sidebar-top&quot; class=&quot;widget-area&quot;&gt;
&lt;?php
	do_action( 'gt_before_sidebar_top_widget_area' );
	do_action( 'gt_sidebar_top' );
	do_action( 'gt_after_sidebar_top_widget_area' );
?&gt;
&lt;/div&gt;
</pre>
<p><strong>sidebar-bottom.php:</strong></p>
<pre class="brush: xml; title: ; notranslate">
&lt;div id=&quot;sidebar-bottom&quot; class=&quot;widget-area&quot;&gt;
&lt;?php
	do_action( 'gt_before_sidebar_bottom_widget_area' );
	do_action( 'gt_sidebar_bottom' );
	do_action( 'gt_after_sidebar_bottom_widget_area' );
?&gt;
&lt;/div&gt;
</pre>
<p>Next build and get the sidebars to be placed into their hooks by putting this code into in your child theme&#8217;s <code>function.php</code>.</p>
<pre class="brush: php; title: ; notranslate">
genesis_register_sidebar(array(
    'name'=&gt;'TopBar',
    'description' =&gt; 'This is the top widget area on TCB layouts'
));
genesis_register_sidebar(array(
    'name'=&gt;'BottomBar',
    'description' =&gt; 'This is the bottom widget area on TCB layouts'
));
// hooks into sidebar-top.php to add the widget area
add_action( 'gt_sidebar_top', 'gt_do_sidebar_top' );
function gt_do_sidebar_top() {

	if ( !dynamic_sidebar( 'TopBar' ) ) {
		echo '...';
	}

}
// hooks into sidebar-bottom.php to add the widget area
add_action( 'gt_sidebar_bottom', 'gt_do_sidebar_bottom' );
function gt_do_sidebar_bottom() {
	
	if ( !dynamic_sidebar( 'BottomBar' ) ) {
		echo '...';	
	}
	
}
// Lets get our beautiful hooked up sidebars. These functions are added
// into the child theme back up in the layout logic.
function gt_get_sidebar_top() {
		get_sidebar( 'top' );	
}
function gt_get_sidebar_bottom() {
		get_sidebar( 'bottom' );	
}
</pre>
<p>That&#8217;s it. Can really use this to register any layout you can dream up. For styling the new layout the id is added to body class so in this case in your style.css you can use <code>body.topbar-content-bottombar</code> to style anything differently on this layout. Below is some basic CSS to get you started. </p>
<pre class="brush: css; title: ; notranslate">
.topbar-content-bottombar #content-sidebar-wrap {
	width: 960px;
}

.topbar-content-bottombar #topbar {
	margin: 0 0 15px;
	width: 960px;
}
.topbar-content-bottombar #topbar {
	margin: 15px 0 0;
	width: 960px;
	float: left;
}
</pre>
<p>Also here is the gif I created to use for the new layout: <a href="http://genesistutorials.com/wp-content/uploads/2011/01/stcsb.gif" rel="shadowbox[sbpost-305];player=img;">stcsb.gif</a></p>
]]></content:encoded>
			<wfw:commentRss>http://genesistutorials.com/understanding-genesis-layout-options/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>How to create a Custom Template In Genesis</title>
		<link>http://genesistutorials.com/creating-a-custom-template-in-genesis/</link>
		<comments>http://genesistutorials.com/creating-a-custom-template-in-genesis/#comments</comments>
		<pubDate>Tue, 17 Aug 2010 04:11:47 +0000</pubDate>
		<dc:creator>Christopher</dc:creator>
				<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://genesistutorials.com/?p=130</guid>
		<description><![CDATA[This has to be one my favorite things when building a child theme with the Genesis Framework. The process is simple. We first want to make sure we create a blank file to use as our template. Open up your favorite text editor and lets just start with a blank page. I always name my [...]]]></description>
				<content:encoded><![CDATA[<p>This has to be one my favorite things when building a child theme with the Genesis Framework. The process is simple.   </p>
<p>We first want to make sure we create a blank file to use as our template. Open up your favorite text editor and lets just start with a blank page. I always name my file at this step just so I don&#8217;t lose track what I am doing (if you are creating a template to overwrite one the default files make sure you name it so; for example: index.php, single.php page.php, ect.). </p>
<p>Next, in our blank canvas, include the template header. This is no different from creating a custom template for any other WordPress theme.<br />
Drop the following code at the top of your file. This name will show what is in the drop down for templates.</p>
<pre class="brush: php; title: ; notranslate">
&lt;?php /* 
Template Name: Template Name Here
*/ ?&gt; 
</pre>
<p>This is where things change. Normally you will begin to include the header <code>get_header(); </code> but, instead the template file in genesis acts much like <code>functions.php</code>: Using hooks and custom function we can change the output of the template file. For example, if this template was to only query a custom post type you have set, you can use the <code>genesis_loop</code> hook to add your own custom loop.</p>
<pre class="brush: php; title: ; notranslate">
&lt;?php
remove_action('genesis_loop', 'genesis_do_loop');
/**
 * Example function that replaces the default loop
 * with a custom loop querying 'PostType' CPT.
*/
add_action('genesis_loop', 'gt_custom_loop');
function gt_custom_loop() {
global $paged;

    $args = array('post_type' =&gt; 'PostType');
    // Accepts WP_Query args 
    // (http://codex.wordpress.org/Class_Reference/WP_Query)
    genesis_custom_loop( $args );

}
?&gt;
</pre>
<p>Since this function is only present in this template it will only be called on a page using the custom template. </p>
<p>Finally, we end the file with a function from genesis that calls in the rest of the template. </p>
<pre class="brush: php; title: ; notranslate">
&lt;?php genesis(); ?&gt;
</pre>
<blockquote class="note"><p>
*note &#8211; This function is only available for child themes running off genesis v1.3 for earlier versions. use <code>require_once(PARENT_DIR. '/index.php'); </code>. However, it is highly recommended you upgrade to the latest version.
</p></blockquote>
<p>Save the file and push it up to your theme directory. Create or find the page you were wishing to use it on and select your template from the drop down of available templates. Once you publish your page you should see your custom template in action. Simple as that.</p>
<p><strong>Recommended way:</strong> <a href="http://genesistutorials.com/downloads/custom-template.zip">custom-template.php</a></p>
<p>The positive of creating custom templates this way is the amount of code. No need pulling in any the structural divs or default functions you would want to use. It is all included within <code>genesis();</code>. The other advantage of this method is you future proof your template file.</p>
<p><em style="color: #888">I know understanding hooks can be a little complicated so, I have included a template file that is the actual structure containing the main genesis hooks in their place. You may use this template to build templates, though it is not recommended. Think of it more as a learning tool.<br />
<strong>Non-recommended way:</strong> <a style="color: #555" href="http://genesistutorials.com/downloads/custom-template-alt.zip">custom-template-alt.php</a></em></p>
]]></content:encoded>
			<wfw:commentRss>http://genesistutorials.com/creating-a-custom-template-in-genesis/feed/</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
		<item>
		<title>How to Define Genesis default options</title>
		<link>http://genesistutorials.com/define-genesis-default-options/</link>
		<comments>http://genesistutorials.com/define-genesis-default-options/#comments</comments>
		<pubDate>Tue, 10 Aug 2010 21:14:24 +0000</pubDate>
		<dc:creator>Christopher</dc:creator>
				<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://genesistutorials.com/?p=100</guid>
		<description><![CDATA[Genesis is a great framework and has some even greater settings and options. However, it may not always be the best idea for the options to be available for a client. Sometimes to many options may be overwhelming or curiosity may strike and experimentation begin.]]></description>
				<content:encoded><![CDATA[<p>So was browsing twitter today and saw this <a target="_blank" href="http://twitter.com/bpmore/status/20822795914">http://twitter.com/bpmore/status/20822795914</a></p>
<blockquote><p>Is it possible to define presets for #GenesisWP so that when I add new sites, I don&#8217;t have to check/uncheck various settings?</p></blockquote>
<p>It sure is!</p>
<p>drop this function in your child theme&#8217;s function.php</p>
<pre class="brush: php; title: ; notranslate">
add_filter('genesis_options', 'define_genesis_setting_custom', 10, 2);
function define_genesis_setting_custom($options, $setting) {
	if($setting == GENESIS_SETTINGS_FIELD) {
		$options['nav_type'] = 'categories';
	}
	return $options;
}
</pre>
<p>The code above will set the main navigation to use categories instead of pages ( as set by default in genesis options. )<br />
<code>['nav_type']</code> is the option want to set and <code>'categories'</code> is the value.</p>
<p>Genesis is a great framework and has some even greater settings and options. However, it may not always be the best idea for the options to be available for a client. Sometimes to many options may be overwhelming or curiosity may strike and experimentation begin.</p>
<p>With this code you can set all the default values for the Genesis options and hide the menu to access them. This is great for those curious clients that love checking and unchecking boxes or not having to worry about supporting multiple layouts. Hiding the extra options and setting the default values allows your site to be kept the way you set it up to be and helps decrease the chance of an email saying that something has broken on the site (by the client messing with options; can&#8217;t promise keeping your code from breaking).</p>
<blockquote><p><strong><em>*tip</em></strong><em> &#8211; Besides defining the options to just keep clients from changing things around, this filter is also very helpful for batch genesis site making. Quickly set options for themes by just dropping your predefined options into each your child theme&#8217;s function.php.</em></p></blockquote>
<h4>Define Default Options</h4>
<p>The code below is to set all the options within Genesis Settings. Each option in the list below is using the default values.</p>
<pre class="brush: php; title: ; notranslate">
// Define Genesis Options
add_filter('genesis_options', 'define_genesis_setting_custom', 10, 2);
function define_genesis_setting_custom($options, $setting) {
	if($setting == GENESIS_SETTINGS_FIELD) {
		$options['update'] = 1;
		$options['blog_title'] = 'text';
		$options['header_right'] = 0;
		$options['site_layout'] = 'content-sidebar';
		$options['nav'] = 1;
		$options['nav_superfish'] = 1;
		$options['nav_home'] = 1;
		$options['nav_type'] = 'pages';
		$options['nav_pages_sort'] = 'menu_order';
		$options['nav_categories_sort'] = 'name';
		$options['nav_depth'] = 0;
		$options['nav_extras_enable'] = 0;
		$options['nav_extras'] = 'date';
		$options['nav_extras_twitter_id'] = '';
		$options['nav_extras_twitter_text'] = 'Follow me on Twitter';
		$options['subnav'] = 0;
		$options['subnav_superfish'] = 1;
		$options['subnav_home'] = 0;
		$options['subnav_type'] = 'categories';
		$options['subnav_pages_sort'] = 'menu_order';
		$options['subnav_categories_sort'] = 'name';
		$options['subnav_depth'] = 0;
		$options['feed_uri'] = '';
		$options['comments_feed_uri'] = '';
		$options['redirect_feeds'] = 0;
		$options['comments_pages'] = 0;
		$options['comments_posts'] = 1;
		$options['trackbacks_pages'] = 0;
		$options['trackbacks_posts'] = 1;
		$options['author_box_single'] = 1;
		$options['breadcrumb_home'] = 1;
		$options['breadcrumb_single'] = 1;
		$options['breadcrumb_page'] = 1;
		$options['breadcrumb_archive'] = 1;
		$options['breadcrumb_404'] = 1;
		$options['content_archive'] = 'full';
		$options['content_archive_thumbnail'] = 0;
		$options['posts_nav'] = 'older-newer';
		$options['blog_cat'] = '';
		$options['blog_cat_exclude'] = '';
		$options['blog_cat_num'] = 10;
		$options['header_scripts'] = '';
		$options['footer_scripts'] = '';
		$options['theme_version'] = PARENT_THEME_VERSION;
		}
	return $options;
}
</pre>
<p>View available values for each option <a class="open">click here</a> <em>(a box will appear below listing each)</em>. </p>
<div style="display: none" class="availoptions">
<a style="padding:0 0 0 12px;" class="close">close</a></p>
<pre class="brush: php; title: ; notranslate">
['update']  
     1 = Enable Automatic Updates, 
     0 = Off
['blog_title'] 
     text = Dynamic Text,  
     image = Image Logo
['header_right'] 
     1 = Widgetize Right Side of Header, 
     0 = no
['site_layout'] 
     content-sidebar,
     sidebar-content,
     content-sidebar-sidebar,
     sidebar-sidebar-content,
     sidebar-content-sidebar, 
     full-width-content
['nav'] 
     1 = Include Primary Navigation Menu,
     0 = No
['nav_superfish'] 
     1 = Enable Fancy Dropdowns,
     0 = Disable
['nav_home'] 
     1 = Display Home Link,
     0 = no
['nav_type'] 
     pages = List of Pages, 
     categories = List of Categories, 
     nav-menu = Custom Nav Menu
['nav_pages_sort'] 
     menu_order = Menu Order, 
     post_title = Title, 
     ID = ID, 
     post_date = Date Created,
     post_modified = Date Modified,
     post_author = Author, 
     post_name = Slug
['nav_categories_sort']
     menu_order = Menu Order, 
     post_title = Title, 
     ID = ID, 
     post_date = Date Created,
     post_modified = Date Modified,
     post_author = Author, 
     post_name = Slug
['nav_depth'] 
     0 = No Limit,
     1
     2
     3
     4
['nav_extras_enable'] 
     0 = Disabled,
     1 = Enable Extras on Right Side
['nav_extras'] 
     date,
     rss,
     search,
     twitter
['nav_extras_twitter_id'] = '',
['nav_extras_twitter_text'] = 'Follow me on Twitter',
['subnav']
     1 = Include Primary Navigation Menu,
     0 = No
['subnav_superfish']
     1 = Enable Fancy Dropdowns,
     0 = Disable
['subnav_home']
     1 = Display Home Link,
     0 = no
['subnav_type']
     pages = List of Pages, 
     categories = List of Categories, 
     nav-menu = Custom Nav Menu
['subnav_pages_sort']
     menu_order = Menu Order, 
     post_title = Title, 
     ID = ID, 
     post_date = Date Created,
     post_modified = Date Modified,
     post_author = Author, 
     post_name = Slug
['subnav_categories_sort']
     menu_order = Menu Order, 
     post_title = Title, 
     ID = ID, 
     post_date = Date Created,
     post_modified = Date Modified,
     post_author = Author, 
     post_name = Slug
['subnav_depth']
     0 = No Limit,
     1
     2
     3
     4
['feed_uri'] = '',
['comments_feed_uri'] = '',
['redirect_feeds']
     0 = Disable,
     1 = Enable
['comments_pages']
     0 = Disable,
     1 = Enable
['comments_posts']
     0 = Disable,
     1 = Enable
['trackbacks_pages']
     0 = Disable,
     1 = Enable
['trackbacks_posts']
     0 = Disable,
     1 = Enable
['author_box_single']
     0 = Disable,
     1 = Enable
['breadcrumb_home']
     0 = Disable,
     1 = Enable
['breadcrumb_single']
     0 = Disable,
     1 = Enable
['breadcrumb_page']
     0 = Disable,
     1 = Enable
['breadcrumb_archive']
     0 = Disable,
     1 = Enable
['breadcrumb_404']
     0 = Disable,
     1 = Enable
['content_archive']
     full = Display post content,
     excerpts = Display post excerpts
['content_archive_thumbnail']
     0 = Disable,
     1 = Enable
['posts_nav']
     older-newer,
     prev-next
     numeric
['blog_cat'] = '',
['blog_cat_exclude'] = '',
['blog_cat_num'] = 10,
['header_scripts'] = '',
['footer_scripts'] = '',
['theme_version'] = PARENT_THEME_VERSION
</pre>
<p><a class="close">close</a>
</div>
<h2>Remove Access to Genesis Admin Menu</h2>
<pre class="brush: php; title: ; notranslate">
remove_theme_support('genesis-admin-menu');
</pre>
<h2>Removing per Post/Page Layout Options</h2>
<p>This one comes in handing especially for theme designs where only one layout may seem fit.</p>
<pre class="brush: php; title: ; notranslate">
remove_theme_support('genesis-inpost-layouts');
</pre>
<p>The code above should be placed in the child theme&#8217;s <code>functions.php</code> file anywhere after the following line:</p>
<pre class="brush: php; title: ; notranslate">require_once(TEMPLATEPATH.'/lib/init.php');</pre>
<p>And before the following closing code (if it exists):</p>
<pre class="brush: php; title: ; notranslate">?&gt;</pre>
]]></content:encoded>
			<wfw:commentRss>http://genesistutorials.com/define-genesis-default-options/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How to Filter the Byline in Genesis</title>
		<link>http://genesistutorials.com/filtering-the-byline-in-genesis/</link>
		<comments>http://genesistutorials.com/filtering-the-byline-in-genesis/#comments</comments>
		<pubDate>Sat, 07 Aug 2010 16:45:02 +0000</pubDate>
		<dc:creator>Christopher</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://genesistutorials.com/?p=84</guid>
		<description><![CDATA[By default genesis post info includes the date the article was posted, an author link and comments. However every blog may have a different need of exactly what they want displayed here. Some may not even want any of this information displayed. To remove the byline in genesis add the following code to your child&#8217;s [...]]]></description>
				<content:encoded><![CDATA[<p>By default genesis post info includes the date the article was posted, an author link and comments. However every blog may have a different need of exactly what they want displayed here. </p>
<p>Some may not even want any of this information displayed. To remove the byline in genesis add the following code to your child&#8217;s theme <code>functions.php</code></p>
<pre class="brush: php; title: ; notranslate">
remove_action('genesis_before_post_content', 'genesis_post_info');
</pre>
<p>However, if you do want want a byline on your site but just want to change exactly what is displayed or in what order it shown, there is a filter available. </p>
<pre class="brush: php; title: ; notranslate">
add_filter('genesis_post_info', 'custom_post_info');
function custom_post_info($post_info) {
     $post_info =  __('By', 'genesis') . ' [post_author_posts_link] ' . __('on', 'genesis') . ' [post_date] [post_comments] [post_edit]';
     return $post_info;
}
</pre>
<p>The code above will change the output from the default byline:</p>
<blockquote><p><span class="date published time" title="2010-08-07T16:45:02+00:00">August 7, 2010</span>   by <span class="author vcard"><span class="fn"><a href="http://genesistutorials.com/author/christopher/" class="fn n" title="Christopher" rel="author">Christopher</a></span></span> <span class="post-comments"><a href="http://genesistutorials.com/filtering-the-byline-in-genesis/#comments">22 Comments</a></span> </p>
</blockquote>
<p>To:</p>
<blockquote><p>By <span class="author vcard"><span class="fn"><a href="http://genesistutorials.com/author/christopher/" class="fn n" title="Christopher" rel="author">Christopher</a></span></span> on <span class="date published time" title="2010-08-07T16:45:02+00:00">August 7, 2010</span>  <span class="post-comments"><a href="http://genesistutorials.com/filtering-the-byline-in-genesis/#comments">22 Comments</a></span> </p>
</blockquote>
]]></content:encoded>
			<wfw:commentRss>http://genesistutorials.com/filtering-the-byline-in-genesis/feed/</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
		<item>
		<title>How to Filter the Genesis &#8220;Return to Top of Page&#8221;</title>
		<link>http://genesistutorials.com/filtering-the-genesis-return-to-top-of-page/</link>
		<comments>http://genesistutorials.com/filtering-the-genesis-return-to-top-of-page/#comments</comments>
		<pubDate>Fri, 06 Aug 2010 03:31:14 +0000</pubDate>
		<dc:creator>Christopher</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://genesistutorials.com/?p=70</guid>
		<description><![CDATA[&#8220;Back to top&#8221; links, though minor, are a great added feature to your site for anyone browsing. With a click, the visitor is returned to the top of the page, saving the need to use the scroll bar or mouse wheel (Your users will thank you for this on long posts). With Genesis, the default [...]]]></description>
				<content:encoded><![CDATA[<p>&#8220;Back to top&#8221; links, though minor, are a great added feature to your site for anyone browsing. With a click, the visitor is returned to the top of the page, saving the need to use the scroll bar or mouse wheel (Your users will thank you for this on long posts). With Genesis, the default text for this link is  &#8220;Return to Top of Page&#8221; which is fine, but Genesis is all about the ability to customize and truly make it your site. To change the text for the &#8220;back to top&#8221; link, we have this simple filter. Just drop the code below into functions.php and you are done.</p>
<pre class="brush: php; title: ; notranslate">

add_filter('genesis_footer_backtotop_text', 'custom_footer_backtotop_text');
function custom_footer_backtotop_text($backtotop) {
    $backtotop = '[footer_backtotop text=&quot;Top&quot;]';
    return $backtotop;
}

</pre>
<p>This example will change the text to just simply say &#8220;Top&#8221; to have it say what you want change Top in <code>text="Top"</code>.</p>
]]></content:encoded>
			<wfw:commentRss>http://genesistutorials.com/filtering-the-genesis-return-to-top-of-page/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
