<?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>Christina Fowler &#187; Wordpress</title>
	<atom:link href="http://christinafowler.com/category/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>http://christinafowler.com</link>
	<description>Portfolio &#38; more</description>
	<lastBuildDate>Tue, 25 Oct 2011 19:30:36 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>The confusion between WordPress h1s and h2s</title>
		<link>http://christinafowler.com/wordpress/wordpress-h1s-and-h2s/</link>
		<comments>http://christinafowler.com/wordpress/wordpress-h1s-and-h2s/#comments</comments>
		<pubDate>Thu, 08 Apr 2010 14:20:49 +0000</pubDate>
		<dc:creator>Christina</dc:creator>
				<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://christinafowler.com/?p=385</guid>
		<description><![CDATA[One thing that confuses me about many WordPress powered sites is the fact that on a single post the title is a link to itself and is a h2. Why?! I know that this problem isn&#8217;t restricted to just WordPress sites but I find they tend to be the worst offenders. I expect the answer [...]]]></description>
			<content:encoded><![CDATA[<p>One thing that confuses me about many WordPress powered sites is the fact that on a single post the title is a link to itself and is a <code>h2</code>. Why?! I know that this problem isn&#8217;t restricted to just WordPress sites but I find they tend to be the worst offenders. </p>
<p>I expect the answer is that whatever theme you have was developed using WordPress&#8217;s default theme as a framework. </p>
<p>What makes more sense semantically is that on the homepage the website name is the <code>h1</code>, but on all other pages the page title should be the <code>h1</code>.</p>
<p>Here are a few snippets that can be used on every WordPress powered site, from blogs to portfolios, e-commerce to magazine &#8211; there are just some things that defy genre.<span id="more-385"></span></p>
<h2>Logo is a link but not on the homepage</h2>
<p>It is a popular convention that a website&#8217;s main logo should link back to the homepage and most sites have that down. However, as <a href="http://www.webcredible.co.uk/user-friendly-resources/web-usability/big-websites-usability.shtml">Webcredible</a> rightly point out, a page should not link back to its self &#8211; that just doesn&#8217;t make sense and can cause usability problems.</p>
<p>So, here is the snippet that will make sure that on the homepage the logo is the <code>h1</code> and on all other pages it is a link that takes the user back to the home page.</p>
<pre><code>
&lt;?php if (is_front_page()) { ?>
	&lt;h1><span>&lt;?php bloginfo('name'); ?>&lt;/span>&lt;/h1>
&lt;?php } else { ?>
	&lt;a class="faux-h1" href="&lt;?php bloginfo('url'); ?>">
		&lt;span>&lt;?php bloginfo('name'); ?>&lt;/span>
	&lt;/a>
&lt;?php } ?>
</code></pre>
<p>Note that I have used <code>is_front_page()</code> as opposed to <code>is_home()</code> &#8211; this is to ensure that any WordPress powered sites that use a static page as their front page still benefit.</p>
<p>To go with that here is the CSS &#8211; note that I have styled the <code>h1</code> and <code>a.faux-h1</code> the same. The user will see no difference but semantically the code makes far more sense.</p>
<pre><code>
#header h1, #header .faux-h1 {
background:url('images/logo.gif') no-repeat;
width:200px;
height:50px;
display:block; /* For the A tag */
}
</pre>
<p></code></p>
<h2>Single post &amp; Page title is not a link</h2>
<p>Continuing on the idea that on the homepage the site title is the <code>h1</code> but on all other pages the page title is the <code>h1</code>, in all of your templates (404.php, archive.php, archives.php, fullwidth.php, links.php, page.php, search.php, single.php, sitemap.php, etc.) replace your title with this snippet:</p>
<pre><code>
&lt;h1>&lt;?php the_title(); ?>&lt;/h1>
</code></pre>
<p>You might not be keen on the fact that your page title was perhaps a <code>h2</code> on the homepage and is now a <code>h1</code> on the single post page which could affect the size or overall styling so try attaching a class of <code>.post-title</code> - this will give you the opportunity to style the post titles to look the same in the CSS no matter what tag they are using and still remain semantic.</p>
<p>Adopting this method with all your templates should now mean that you have a more standard structure. For example, on a search results page the <code>h1</code> is "Search results" and the individual post titles are <code>h2</code>s, just like on your archives and the homepage.</p>
]]></content:encoded>
			<wfw:commentRss>http://christinafowler.com/wordpress/wordpress-h1s-and-h2s/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Glitter</title>
		<link>http://christinafowler.com/wordpress/glitter/</link>
		<comments>http://christinafowler.com/wordpress/glitter/#comments</comments>
		<pubDate>Sat, 27 Feb 2010 00:41:18 +0000</pubDate>
		<dc:creator>Christina</dc:creator>
				<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.christinafowler.com/?p=306</guid>
		<description><![CDATA[It&#8217;s been quite a while since I have released a wordpress theme but I have been inspired by a lot of things recently so here&#8217;s a new one! This sparkly theme has features including post images, threaded comments and drop down category menus. It has been tested on WordPress 2.9 in Firefox, Safari, Opera, Chrome [...]]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s been quite a while since I have released a wordpress theme but I   have been inspired by a lot of things recently so here&#8217;s a new one!</p>
<p>This sparkly theme has features including post images, threaded comments and drop down category menus. It has been tested on WordPress 2.9 in Firefox, Safari, Opera, Chrome and IE6+.</p>
<p>The layout is based on the <a href="http://960.gs/">960.gs</a> vertical grid and the <a href="http://baselinecss.com/">baseline.css</a> horizontal grid. There are some neat CSS3 enhancements including RGBA  transparency, text shadow and rounded corners.</p>
<p>Glitter is simple enough to be used for any type of blog, but the cute and girly style makes it ideal for the personal blog of a mommy, craft enthusiast or even a teen blogger.<span id="more-306"></span></p>
<p><a href="http://www.christinafowler.com/demo/">View the demo</a> | <a href="http://christinafowler.com/wp-content/uploads/2010/02/glitter.zip">Download the theme</a></p>
<p style="text-align: center;"><a href="http://www.christinafowler.com/demo/"><img class="alignnone size-full wp-image-349" title="glitter" src="http://christinafowler.com/wp-content/uploads/2010/03/glitter.jpg" alt="" width="500" height="726" /></a></p>
<p style="text-align: center;"><a href="http://christinafowler.com/wp-content/uploads/2010/02/grid1.gif"><img class="alignnone size-full wp-image-326" title="grid" src="http://christinafowler.com/wp-content/uploads/2010/02/grid1.gif" alt="" width="500" height="150" /></a></p>
<p style="text-align: center;"><a href="http://christinafowler.com/wp-content/uploads/2010/02/post-image1.gif"><img class="alignnone size-full wp-image-327" title="post-image" src="http://christinafowler.com/wp-content/uploads/2010/02/post-image1.gif" alt="" width="500" height="150" /></a></p>
<p style="text-align: center;"><a href="http://christinafowler.com/wp-content/uploads/2010/02/css31.gif"><img class="alignnone size-full wp-image-328" title="css3" src="http://christinafowler.com/wp-content/uploads/2010/02/css31.gif" alt="" width="499" height="151" /></a></p>
<h2>Key features</h2>
<ul>
<li>Grid based design;</li>
<li>RGBa transparency;</li>
<li>Text shadow;</li>
<li>Rounded corners;</li>
<li>Large glitter background image;</li>
<li>Drop down category menus;</li>
<li>Post images (small on post listings, large on single post page);</li>
<li>Smooth scrolling on &#8220;jump to top&#8221; and &#8220;reply&#8221; links;</li>
<li>Threaded comments;</li>
<li>Full width, sitemap, archive and links page templates;</li>
<li>Supports Firefox, Safari, Chrome, Opera and IE7+; and</li>
<li>Supports IE6 without drop down menus.</li>
</ul>
<h2>Notes</h2>
<ul>
<li>Post and page content area is 600px wide; and</li>
<li>Sidebar content area is 280px wide.</li>
</ul>
<h2>Upcoming features</h2>
<p>In the next release (once WordPress 3.0 is released) I hope to include the following features:</p>
<ul>
<li>Custom menu navigation;</li>
<li>Excerpt styling for posts and pages;</li>
<li>Theme options including different backgrounds; and</li>
<li>PSD file download.</li>
</ul>
<p>If you have any suggestions for the next feature release of Glitter please leave a comment below.</p>
<p>I  have also decided to take down my old themes and rebuild some of  theme   with the latest features. They are all quite old now and just  aren&#8217;t up   to scratch for anyone looking for a new wordpress theme but hopefully they&#8217;ll be back up soon!</p>
<p>Updates:</p>
<ul>
<li><strong>17 MAR 10</strong> &#8211; Version 1.1 released including hanging ordered lists and improved dropdown menu for 3rd and 4th level categories.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://christinafowler.com/wordpress/glitter/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

