

<?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>Brenton Pierce</title>
	<atom:link href="http://www.piercedzine.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.piercedzine.com</link>
	<description>Website Developer</description>
	<lastBuildDate>Sun, 11 Jul 2010 05:22:55 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Multiple Column Layouts WordPress 3.0</title>
		<link>http://www.piercedzine.com/multiple-column-layouts-wordpress-3-0/</link>
		<comments>http://www.piercedzine.com/multiple-column-layouts-wordpress-3-0/#comments</comments>
		<pubDate>Sun, 11 Jul 2010 05:19:04 +0000</pubDate>
		<dc:creator>Brenton Pierce</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.piercedzine.com/?p=101</guid>
		<description><![CDATA[Alright, so I am working on a project that requires me to set up multiple columns in WordPress, how do we go about doing this? In this article, I will show you a simple example that you can implement in your own template/theme. Lets use this code as an example. You are going to either [...]]]></description>
			<content:encoded><![CDATA[<p>Alright, so I am working on a project that requires me to set up multiple columns in WordPress, how do we go about doing this?  In this article, I will show you a simple example that you can implement in your own template/theme.</p>
<p><span id="more-101"></span></p>
<p>Lets use this code as an example.  You are going to either be editing the page.php, or the single.php, or you might even be creating your own template file for your unique theme.  Either way take this snippet and use it as a guideline for your specific needs.</p>
<pre class="brush:html">
<div class="col1">
<h1>This is an example</h1>

Lorem ipsum, lorem ipsum, lorem ipsum, etc.... you get the point
</div>
<div class="col2">
<h1>This is an example</h1>

Lorem ipsum, lorem ipsum, lorem ipsum, etc.... you get </div>
</pre>
<p>Alright, above you have the code that will produce the structure you need, but now you need to add the way it will look. Let&#8217;s dig into the CSS that will power the way this looks.</p>
<pre class="brush:html">
.col1 { width: 50%; float: left; }
.col2 { width: 50%; float: left; }
</pre>
<p>Yes it is really that simple to define a column structure!</p>
<p>You want to set up one more thing, the columns might not always be the same height, so lets add one more element to our XHTML structure.
<pre class="brush:html">
<div class="clear">
&nbsp;
</div>
</pre>
<p>The CSS that will assist in making our columns the equal length</p>
<pre class="brush:html">
.clear { clear: both; }
</pre>
<p>There you have it, a simple way to add more columns to your WordPress 3.0 Layout.  <em>Have fun coding!</em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.piercedzine.com/multiple-column-layouts-wordpress-3-0/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adding Thumbnails To Your Theme&#8217;s Posts</title>
		<link>http://www.piercedzine.com/adding-thumbnails-to-your-themes-posts/</link>
		<comments>http://www.piercedzine.com/adding-thumbnails-to-your-themes-posts/#comments</comments>
		<pubDate>Mon, 14 Jun 2010 06:46:46 +0000</pubDate>
		<dc:creator>Brenton Pierce</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[functions.php]]></category>
		<category><![CDATA[posts]]></category>
		<category><![CDATA[theme]]></category>
		<category><![CDATA[thumbnail]]></category>

		<guid isPermaLink="false">http://www.piercedzine.com/?p=90</guid>
		<description><![CDATA[Alright, wanted to jazz up the theme a little bit, so how do we go about getting our theme updated with a thumbnail. The simple way is we need to add the functionality to our theme. We do this by adding the following lines of code to our theme functions.php file. add_theme_support( 'post-thumbnails' ); set_post_thumbnail_size( [...]]]></description>
			<content:encoded><![CDATA[<p>Alright, wanted to jazz up the theme a little bit, so how do we go about getting our theme updated with a thumbnail.  The simple way is we need to add the functionality to our theme.  We do this by adding the following lines of code to our theme functions.php file.</p>
<p><span id="more-90"></span></p>
<pre class="brush:php">
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 50, 100, true );
</pre>
<p>Alright, great we have enabled our theme to use thumbnails, you will notice in your publishing page for posts you have a box to select a thumbnail.  This is where you will define each thumbnail for each post, if you what different ones for each post.</p>
<p>We also need to now call this function in our template files.  It depends on where you want your thumbnail to show up. That placement is up to you. Once you have decided where it goes, use the code below:</p>
<pre class="brush:php">
if ( has_post_thumbnail() )
     the_post_thumbnail( 'thumbnail' );
else
     echo '<img src="/images/pthumb.png" alt="piercedzine intelectual property" />';
</pre>
<p>Originially the code only included this line <em>the_post_thumbnail( &#8216;thumbnail&#8217; );</em>but I wanted more flexibility. I found it rather cumbersome to have to add an image to each post, what if you forget, or just simply don&#8217;t want to have to create a new thumbnail for every post.</p>
<p>Hence why the if and else commands.  Now you can set the default value for your thumbs, so you no longer have to create a million of them.</p>
<p>As always have fun.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.piercedzine.com/adding-thumbnails-to-your-themes-posts/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Customizing the Admin Area of WordPress</title>
		<link>http://www.piercedzine.com/customizing-the-admin-area-of-wordpress/</link>
		<comments>http://www.piercedzine.com/customizing-the-admin-area-of-wordpress/#comments</comments>
		<pubDate>Mon, 14 Jun 2010 05:23:47 +0000</pubDate>
		<dc:creator>Brenton Pierce</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[admin]]></category>
		<category><![CDATA[customized]]></category>
		<category><![CDATA[remove]]></category>
		<category><![CDATA[widgets]]></category>
		<category><![CDATA[wp]]></category>

		<guid isPermaLink="false">http://www.piercedzine.com/?p=78</guid>
		<description><![CDATA[The Admin Area of WordPress is a whole other area that allows you to control what it is certain users have access to. You can remove the panels you don&#8217;t want, by adding the following to functions.php in your specific theme file set. Here are the names of the meta boxes on the dashboard: Main [...]]]></description>
			<content:encoded><![CDATA[<p>The Admin Area of WordPress is a whole other area that allows you to control what it is certain users have access to.  You can remove the panels you don&#8217;t want, by adding the following to functions.php in your specific theme file set.</p>
<p><span id="more-78"></span></p>
<p>Here are the names of the meta boxes on the dashboard:</p>
<p>Main column</p>
<pre class="brush:php">
$wp_meta_boxes['dashboard']['normal']['core']['dashboard_right_now']
$wp_meta_boxes['dashboard']['normal']['core']['dashboard_recent_comments']
$wp_meta_boxes['dashboard']['normal']['core']['dashboard_incoming_links']
$wp_meta_boxes['dashboard']['normal']['core']['dashboard_plugins']
</pre>
<p>Side Column</p>
<pre class="brush:php">
$wp_meta_boxes['dashboard']['side']['core']['dashboard_quick_press']
$wp_meta_boxes['dashboard']['side']['core']['dashboard_recent_drafts']
$wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']
$wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary']
</pre>
<p>Using this code will allow you to remove dashboard widgets that you might not want your clients to have access to, or things you may just find annoying.  Enjoy.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.piercedzine.com/customizing-the-admin-area-of-wordpress/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Slider Gallery</title>
		<link>http://www.piercedzine.com/slider-gallery/</link>
		<comments>http://www.piercedzine.com/slider-gallery/#comments</comments>
		<pubDate>Sun, 30 May 2010 14:26:24 +0000</pubDate>
		<dc:creator>Brenton Pierce</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[flickr]]></category>
		<category><![CDATA[gallery]]></category>
		<category><![CDATA[slider]]></category>

		<guid isPermaLink="false">http://www.piercedzine.com/?p=65</guid>
		<description><![CDATA[Here is a fun little example of a jQuery slider. The nice thing about this is you can style it exactly how you want it to custom fit any style or theme you have created. Here I have included direct links to flickr, I would think the next step would be to incorporate a feed [...]]]></description>
			<content:encoded><![CDATA[<p>Here is a fun little example of a jQuery slider.  The nice thing about this is you can style it exactly how you want it to custom fit any style or theme you have created.</p>
<p><span id="more-65"></span></p>
<p>Here I have included direct links to flickr, I would think the next step would be to incorporate a feed from flickr to automatically pull the photos from photosets, but you will have to wait for that tutorial, or figure it out.  Either way have fun with it.</p>
<div class="infiniteCarousel">
<div class="wrapper">
<ul>
<li><a title="Momma and D" href="http://www.flickr.com/photos/50651208@N02/4652258617/"><img height="75" border="0" width="75" class="pc_img" alt="Momma and D" src="http://farm5.static.flickr.com/4033/4652258617_63f58a0e77_s.jpg"></a></li>
<li><a href="http://www.flickr.com/photos/remysharp/3047872076/" title="Wet Cab"><img src="http://farm4.static.flickr.com/3184/3047872076_61a511a04b_s.jpg" height="75" width="75" alt="Wet Cab" /></a></li>
<li><a href="http://www.flickr.com/photos/50651208@N02/4652876760/" title="Walk by the lake"><img src="http://farm5.static.flickr.com/4033/4652876760_2ab33ccf37_s.jpg" alt="Walk by the lake" class="pc_img" width="75" border="0" height="75"></a></li>
<li><a href="http://www.flickr.com/photos/50651208@N02/4652876206/in/set-72157624041744329/" title="Pondering" class="image_link"><img src="http://farm5.static.flickr.com/4022/4652876206_6a4c2b7200_s.jpg" alt="Pondering" class="pc_img" width="75" border="0" height="75"></a></li>
<li><a href="http://www.flickr.com/photos/50651208@N02/4652256925/in/set-72157624041744329/" title="Want Some?" class="image_link"><img src="http://farm5.static.flickr.com/4028/4652256925_034e5cbb04_s.jpg" alt="Want Some?" class="pc_img" width="75" border="0" height="75"></a></li>
<li><a href="http://www.flickr.com/photos/50651208@N02/4652874624/in/set-72157624041744329/" title="Sweet Mosaic" class="image_link"><img src="http://farm5.static.flickr.com/4019/4652874624_d6e99816a4_s.jpg" alt="Sweet Mosaic" class="pc_img" width="75" border="0" height="75"></a></li>
<li><a href="http://www.flickr.com/photos/50651208@N02/4652255451/in/set-72157624041744329/" title="Childrens Museum" class="image_link"><img src="http://farm5.static.flickr.com/4066/4652255451_34b479cbc1_s.jpg" alt="Childrens Museum" class="pc_img" width="75" border="0" height="75"></a></li>
<li><a href="<a href="/photos/50651208@N02/4652255171/in/set-72157624041744329/" title="Exploring the Capitol" class="image_link"><img src="http://farm5.static.flickr.com/4020/4652255171_4b50cb3a76_s.jpg" alt="Exploring the Capitol" class="pc_img" width="75" border="0" height="75"></a></li>
<li><a href="http://www.flickr.com/photos/50651208@N02/4652873326/in/set-72157624041744329/" title="Dad Nooooo!" class="image_link"><img src="http://farm5.static.flickr.com/4048/4652873326_d78f7151ba_s.jpg" alt="Dad Nooooo!" class="pc_img" width="75" border="0" height="75"></a></li>
</ul></div>
</p></div>
<div class="clear">&nbsp;</div>
<p><a href="http://jqueryfordesigners.com/jquery-infinite-carousel/" target="_blank">Original Source</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.piercedzine.com/slider-gallery/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML5 Video fix</title>
		<link>http://www.piercedzine.com/html5-vimeo-fix/</link>
		<comments>http://www.piercedzine.com/html5-vimeo-fix/#comments</comments>
		<pubDate>Sun, 30 May 2010 02:18:37 +0000</pubDate>
		<dc:creator>Brenton Pierce</dc:creator>
				<category><![CDATA[HTML5]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[embed]]></category>
		<category><![CDATA[html 5]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[video]]></category>

		<guid isPermaLink="false">http://www.piercedzine.com/?p=28</guid>
		<description><![CDATA[Lately we have run into issues with wave of HTML5 and video playback on iPod Touch/Phones and on the iPad. Now in order to really practice what we preach, we need to make our videos playable on these devices. I think that this is a good point to make, and there is quite a lot [...]]]></description>
			<content:encoded><![CDATA[<p>Lately we have run into issues with wave of HTML5 and video playback on iPod Touch/Phones and on the iPad.  Now in order to really practice what we preach, we need to make our videos playable on these devices.</p>
<p><span id="more-28"></span></p>
<p>
I think that this is a good point to make, and there is quite a lot you can do to make your websites perform better on these devices, but that is another post!<br />
Here is a list of steps that you can use to custom tailor your HTML5 video embedding Issues
</p>
<ul>
<li>In order to view video on the ipad, or ipod touch devices you need to make sure your videos are first encoded in .MP4 or .OGG format.</li>
<li>
Use javascript code to help the web page know if it is being viewed on an HTML5 enabled device.
</li>
</ul>
<pre class="brush:js">
<script type="text/javascript">

var agent=navigator.userAgent.toLowerCase();
var useHTML5 = (agent.indexOf('iphone')!=-1 || agent.indexOf('ipad')!=-1);

if (useHTML5) {
document.write('');

} else {
document.write('');
}

</script>
</pre>
<ul>
<li>
Test your script with multiple video embeds to make sure it is working.  In our situation, we needed to embed video for Vimeo, but you might be using UTube or even Flickr now.
</li>
</ul>
<p>That is it.  Enjoy your video on the ipad</p>
<p><a href="http://www.youtube.com/watch?v=dYYG8xsuW5w" target="blank">Original Source</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.piercedzine.com/html5-vimeo-fix/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
