<?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"
	>

<channel>
	<title>AR Web Consulting Blog.</title>
	<atom:link href="http://blog.arwebconsulting.com/blog/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://blog.arwebconsulting.com/blog</link>
	<description>Web Design &#124; Web Consulting &#124; Internet Marketing</description>
	<pubDate>Thu, 16 Oct 2008 19:24:42 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.6.1</generator>
	<language>en</language>
			<item>
		<title>Lost in a list.  Eye catchers.</title>
		<link>http://blog.arwebconsulting.com/blog/?p=44</link>
		<comments>http://blog.arwebconsulting.com/blog/?p=44#comments</comments>
		<pubDate>Thu, 16 Oct 2008 19:08:38 +0000</pubDate>
		<dc:creator>ar</dc:creator>
		
		<category><![CDATA[CMS]]></category>

		<category><![CDATA[Lessons Learned]]></category>

		<category><![CDATA[Marketing]]></category>

		<category><![CDATA[Web Design]]></category>

		<category><![CDATA[Wordpress]]></category>

		<category><![CDATA[eye]]></category>

		<category><![CDATA[list]]></category>

		<category><![CDATA[promotional]]></category>

		<guid isPermaLink="false">http://blog.arwebconsulting.com/blog/?p=44</guid>
		<description><![CDATA[Every blog has a list of some sort, whether it be a list of posts, search results or a list of archives.  Often times these lists get rather lengthy and some times it would be nice to be able to put a promotional item into that list, or if we are speaking search results [...]]]></description>
			<content:encoded><![CDATA[<p>Every blog has a list of some sort, whether it be a list of posts, search results or a list of archives.  Often times these lists get rather lengthy and some times it would be nice to be able to put a promotional item into that list, or if we are speaking search results page, something of this nature.  &#8220;Can&#8217;t find what you are looking for, click here&#8221;  See image below. </p>
<p><a href="http://blog.arwebconsulting.com/blog/wp-content/uploads/2008/10/list1.jpg" rel="lightbox[44]"><img src="http://blog.arwebconsulting.com/blog/wp-content/uploads/2008/10/list1-300x73.jpg" alt="" title="list1" width="300" height="73" class="alignright size-medium wp-image-43" /></a><span id="more-44"></span></p>
<p>Notice the Yellow area above, this is a great example of an inhouse promotional item, in this particular example we are trying to encourage users to subscribe to our RSS feed.  </p>
<p>How its done.  First go ahead and create a new page, we called our subscribe.php in this page we added some text and some styling <code>&lt;div class="promo"&gt;<br />
&lt;p&gt;Don't forget to subscribe to our RSS Feed <a href="http://feeds.feedburner.com/autoaggr">Click here to subscribe</a><br />
&lt;/p&gt;<br />
&lt;/div&gt;</code></p>
<p>Second, go to your list page, for our case its our search.php page, and locate your endwhile statement.   <code>&lt;?php endwhile; ?&gt;</code> and insert the following  <code>&lt;?php if ($loopcounter == 3) { include (TEMPLATEPATH . '/subscribe.php'); } ?&gt;</code> In English, you just said, after the first 3 posts display the page subscribe.php.  </p>
<p>We use the subscribe.php page instead of just hard coding html into the main template file, so that at any given point we can just go to our subscribe.php and change it to anything we want without having to go into the main template file.  A good reason doing this would be if you were calling subscribe.php from a few places, than you would only change subscribe.php instead of going into each page and swapping out code.  </p>
]]></content:encoded>
			<wfw:commentRss>http://blog.arwebconsulting.com/blog/?feed=rss2&amp;p=44</wfw:commentRss>
		</item>
		<item>
		<title>Differentiating posts within a list.</title>
		<link>http://blog.arwebconsulting.com/blog/?p=9</link>
		<comments>http://blog.arwebconsulting.com/blog/?p=9#comments</comments>
		<pubDate>Thu, 16 Oct 2008 17:44:37 +0000</pubDate>
		<dc:creator>ar</dc:creator>
		
		<category><![CDATA[CMS]]></category>

		<category><![CDATA[Wordpress]]></category>

		<category><![CDATA[different]]></category>

		<category><![CDATA[list]]></category>

		<category><![CDATA[post]]></category>

		<guid isPermaLink="false">http://blog.arwebconsulting.com/blog/?p=9</guid>
		<description><![CDATA[Did you know you can display your search results differently?  This not only works with search results but any list, for example posts, archive list, etc.  Take a look at the image below you will notice that the first post is displayed a little differently than the rest of the posts, it stands [...]]]></description>
			<content:encoded><![CDATA[<p>Did you know you can display your search results differently?  This not only works with search results but any list, for example posts, archive list, etc.  Take a look at the image below you will notice that the first post is displayed a little differently than the rest of the posts, it stands out more.  </p>
<p><a href="http://blog.arwebconsulting.com/blog/wp-content/uploads/2008/10/result.jpg" rel="lightbox[9]"><img src="http://blog.arwebconsulting.com/blog/wp-content/uploads/2008/10/result-300x194.jpg" alt="" title="result" width="300" height="194" class="alignleft size-medium wp-image-10" /></a></p>
<p>Our goal was to make all the posts within the video category display differently.  </p>
<p>Let’s take this step by step.  So in your stylesheet you already have a class called post or something of that nature to display each post.  All we are going to do here is simply create a new class called <code>.videoPost</code> to make all the posts within the video category look different.  You can go crazy here, but we chose to only display a video icon and shift the post content a little to the right.  </p>
<p><a href="http://blog.arwebconsulting.com/blog/wp-content/uploads/2008/10/videopost.jpg" rel="lightbox[9]"><img src="http://blog.arwebconsulting.com/blog/wp-content/uploads/2008/10/videopost-300x46.jpg" alt="" title="videopost" width="300" height="46" class="alignnone size-medium wp-image-17" /></a></p>
<p><span id="more-9"></span></p>
<p>So onto styling our <code>.videoPost</code> class, the easiest way to do this is to copy your <code>.post</code> class and alter it.  </p>
<p>Here is out .videoPost class </p>
<p><code>.videoPost{background:#fff url(/wp-content/uploads/images/video_icon.png) no-repeat 0 2px;padding:8px 0 15px 90px;border-bottom:1px solid #d6ebff}</code>, we styled it a bit, assigned an image to the background and padded it a little.  Once you are all done styling your new class, save your style.css and lets keep moving on to the actual fun part.  </p>
<p>Now we have to go into our search.php (our search results page).  The page that is to actually display the search result.  Remember you can do this to archive.php or index.php any other page that you would like your video category posts to display differently.  </p>
<p>Going into our search.php we look for this bit of code <code>&lt;?php while (have_posts()) : the_post(); ?&gt;		&lt;div class="post"&gt;	&lt;h3 id="post-&lt;?php the_ID(); ?&gt;"&gt;</code></p>
<p>In English the starting of that code means, that if there is a post do X.  What we want to do here is say, if there is a post and the post is in category &#8220;Video&#8221; display it a certain way with a certain style (.videoPost class) if it is not in that certain category than display it as you would, via the .post class.  And here is how its done. </p>
<p><code>&lt;?php while (have_posts()) : the_post(); $loopcounter++; ?&gt;</code></p>
<p>			<code> &lt;?php if ( in_category('66') ) { ?&gt;<br />
           &lt;div class="videoPost"&gt;<br />
 &lt;?php } else { ?&gt;<br />
           &lt;div class="post"&gt;<br />
 &lt;?php } ?&gt;</code></p>
<p><code>&lt;h4 id="post-&lt;?php the_ID(); ?&gt;"&gt;<a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to &lt;?php the_title_attribute(); ?&gt;"&gt;&lt;?php the_title(); ?&gt;</a>&lt;/h4&gt;</code></p>
<p><code>&lt;small&gt;&lt;?php the_time('l, F jS, Y') ?&gt;&lt;/small&gt;</code></p>
<p><code>&lt;p style="margin:5px 0 5px 0;"&gt;&lt;?php the_content_rss('', TRUE, '', 15); ?&gt;&lt;/p&gt;</code></p>
<p><code>&lt;p class="postmetadata"&gt;&lt;?php the_tags('Tags: ', ', ', '&lt;br /&gt;'); ?&gt; Posted in &lt;?php the_category(', ') ?&gt; | &lt;?php edit_post_link('Edit', '', ' | '); ?&gt;  &lt;?php comments_popup_link('No Comments &amp;#187;', '1 Comment &amp;#187;', '% Comments &amp;#187;'); ?&gt;&lt;/p&gt;</code><br />
<code><br />
&lt;/div&gt;</code></p>
<p>Notice the <code>&lt;?php if ( in_category('66') ) { ?&gt;</code> that this is your &#8220;category indicator&#8221; by going to the manage category tab we know that our video category is category number 66, insert you own category number here.  </p>
<p>What have you done?  You have told wordpress that if the category is 66 display it via the <code>.videoPost </code>class; if not than display it via the <code>.post</code> class.  </p>
<p>Bonus: There&#8217;s one more thing that is done here, notice this <code>&lt;?php the_content_rss('', TRUE, '', 15); ?&gt;</code> here we use the, the_content_rss template tag, and limit the number of characters to 15; by limiting the number of characters from being displayed we made sure that each result only displays 15 characters and thus our search results look uniform.  </p>
<p><a href="http://blog.arwebconsulting.com/blog/wp-content/uploads/2008/10/post.jpg" rel="lightbox[9]"><img src="http://blog.arwebconsulting.com/blog/wp-content/uploads/2008/10/post-300x48.jpg" alt="" title="post" width="300" height="48" class="alignnone size-medium wp-image-32" /></a></p>
<p>Go head to over to <a href="http://www.autoaggr.com">http://www.autoaggr.com</a> and do a search and give it a shot.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.arwebconsulting.com/blog/?feed=rss2&amp;p=9</wfw:commentRss>
		</item>
		<item>
		<title>Using wordpress to run a magazine.</title>
		<link>http://blog.arwebconsulting.com/blog/?p=6</link>
		<comments>http://blog.arwebconsulting.com/blog/?p=6#comments</comments>
		<pubDate>Thu, 11 Sep 2008 20:13:16 +0000</pubDate>
		<dc:creator>ar</dc:creator>
		
		<category><![CDATA[Lessons Learned]]></category>

		<category><![CDATA[Web Consulting]]></category>

		<category><![CDATA[Web Design]]></category>

		<category><![CDATA[consulting]]></category>

		<category><![CDATA[magazine]]></category>

		<category><![CDATA[online]]></category>

		<category><![CDATA[webconsulting]]></category>

		<category><![CDATA[website]]></category>

		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://blog.arwebconsulting.com/blog/?p=6</guid>
		<description><![CDATA[Numerous blog posts and articles have been written on the topic of utilizing wordpress as a CMS or using it to run a magazine site.  A few months ago a client/friend approached us and asked us if we could build them easy to manage online magazine; an actual magazine not a re-arranged blog made to [...]]]></description>
			<content:encoded><![CDATA[<p>Numerous blog posts and articles have been written on the topic of utilizing wordpress as a CMS or using it to run a magazine site.  A few months ago a client/friend approached us and asked us if we could build them easy to manage online magazine; an actual magazine not a re-arranged blog made to look like a magazine layout.</p>
<p>We&#8217;re talking cnn, guardian, abcnews.com type of stuff.  We gladly accepted the challenge and considering the client was a close friend of ours for years now, we explained to them that we would like to utilize wordpress and see how far we can stretch its capabilities.  With a moderate budget and a flexible timeline we got to work. (lots of other conversations happened before this step, but lets leave that for later, for example writing a specification documentation, workflow, use cases..etc.)</p>
<p>The site we are working on <a href="http://www.autoaggr.com" target="_blank">www.autoaggr.com</a> &#8230; in the next few posts we will get into details about plugins, tricks and hacks we used.  Comments are always welcome and suggestions are greatly appreciated so bring it on.  <img src='http://blog.arwebconsulting.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>The site may look a little weird in Firefox 3 (we&#8217;ll get to that shortly)</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.arwebconsulting.com/blog/?feed=rss2&amp;p=6</wfw:commentRss>
		</item>
		<item>
		<title>Welcome.</title>
		<link>http://blog.arwebconsulting.com/blog/?p=1</link>
		<comments>http://blog.arwebconsulting.com/blog/?p=1#comments</comments>
		<pubDate>Thu, 11 Sep 2008 17:39:26 +0000</pubDate>
		<dc:creator>ar</dc:creator>
		
		<category><![CDATA[Blogs]]></category>

		<category><![CDATA[welcome]]></category>

		<guid isPermaLink="false">http://blog.arwebconsulting.com/blog/?p=1</guid>
		<description><![CDATA[Welcome to our blog, here we hope to share some secrets, shed some light on a few topics and maybe just maybe discuss whats in the news.  Please stay tuned, subscribe to our feed and enjoy the ride.
]]></description>
			<content:encoded><![CDATA[<p>Welcome to our blog, here we hope to share some secrets, shed some light on a few topics and maybe just maybe discuss whats in the news.  Please stay tuned, subscribe to our feed and enjoy the ride.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.arwebconsulting.com/blog/?feed=rss2&amp;p=1</wfw:commentRss>
		</item>
	</channel>
</rss>
