<?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>WP Switch &#187; Wordpress HowTo</title>
	<atom:link href="http://wpswitch.com/tag/wordpress-howto/feed/" rel="self" type="application/rss+xml" />
	<link>http://wpswitch.com</link>
	<description>Premium WordPress Themes and Design Blog</description>
	<lastBuildDate>Wed, 18 Jan 2012 09:51:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>How to Highlight Search Terms with jQuery</title>
		<link>http://wpswitch.com/blog/how-to-highlight-search-terms-with-jquery/</link>
		<comments>http://wpswitch.com/blog/how-to-highlight-search-terms-with-jquery/#comments</comments>
		<pubDate>Wed, 16 Dec 2009 20:25:45 +0000</pubDate>
		<dc:creator>WP Switch™</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Wordpress HowTo]]></category>

		<guid isPermaLink="false">http://wpswitch.com/?p=2920</guid>
		<description><![CDATA[A neat way to spice up your WordPress search page is to highlight search terms within your search results. The solution described in this tutorial will highlight both the title and post content and is a drop-in modification for WordPress. Paste the following code in your theme’s functions.php file. [php] function hls_set_query() { $query = [...]]]></description>
			<content:encoded><![CDATA[<p>A neat way to spice up your WordPress search page is to highlight search terms within your search results. The solution described in this tutorial will highlight both the <strong>title</strong> and<strong> post content</strong> and is a drop-in modification for WordPress. <span id="more-2920"></span></p>
<p>Paste the following code in your theme’s functions.php file.</p>
<p>[php]<br />
function hls_set_query() {<br />
  $query  = attribute_escape(get_search_query());<br />
  if(strlen($query) &gt; 0){<br />
    echo &#8216;<br />
      &lt;script type=&quot;text/javascript&quot;&gt;<br />
        var hls_query  = &quot;&#8217;.$query.&#8217;&quot;;<br />
      &lt;/script&gt;<br />
    &#8216;;<br />
  }<br />
}<br />
function hls_init_jquery() {<br />
  wp_enqueue_script(&#8216;jquery&#8217;);<br />
}<br />
add_action(&#8216;init&#8217;, &#8216;hls_init_jquery&#8217;);<br />
add_action(&#8216;wp_print_scripts&#8217;, &#8216;hls_set_query&#8217;);<br />
[/php]</p>
<p>After that you need to open your theme’s header.php and paste the following code before the < /head > tag.</p>
<p>[php]<br />
&lt;style type=&quot;text/css&quot; media=&quot;screen&quot;&gt;<br />
  .hls { background: #D3E18A; } /* &lt;- Change the CSS style of */<br />
                                /*    highlighted texts here. */<br />
&lt;/style&gt;<br />
&lt;script type=&quot;text/javascript&quot;&gt;<br />
jQuery.fn.extend({<br />
  highlight: function(search, insensitive, hls_class){<br />
    var regex = new RegExp(&quot;(&lt;[^&gt;]*&gt;)|(\\b&quot;  search.replace(/([-.* ?^${}()|[\]\/\\])/g,&quot;\\$1&quot;)  &quot;)&quot;, insensitive ? &quot;ig&quot; : &quot;g&quot;);<br />
    return this.html(this.html().replace(regex, function(a, b, c){<br />
      return (a.charAt(0) == &quot;&lt;&quot;) ? a : &quot;&lt;strong class=\&quot;&quot;  hsl_class  &quot;\&quot;&gt;&quot;   c   &quot;&lt;/strong&gt;&quot;;<br />
    }));<br />
  }<br />
});<br />
jQuery(document).ready(function($){<br />
  if(typeof(hls_query) != &#8216;undefined&#8217;){<br />
    $(&quot;#post-area&quot;).highlight(hls_query, 1, &quot;hls&quot;); // &lt;- Change &#8216;post-area&#8217; to ID of HTML tag you<br />
                                                    //    want to highlight search terms in.<br />
  }<br />
});<br />
&lt;/script&gt;<br />
[/php]</p>
<p>Make sure you change &#8220;post-area&#8221; in the code to the HTML tag ID of the area you want your search terms highlighted. You can also change the way the highlighted text look by changing the CSS properties of the &#8220;.hls&#8221; class.</p>
]]></content:encoded>
			<wfw:commentRss>http://wpswitch.com/blog/how-to-highlight-search-terms-with-jquery/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Add Breadcrumbs to WordPress Without a Plugin</title>
		<link>http://wpswitch.com/blog/add-breadcrumbs-to-wordpress-without-a-plugin/</link>
		<comments>http://wpswitch.com/blog/add-breadcrumbs-to-wordpress-without-a-plugin/#comments</comments>
		<pubDate>Fri, 11 Dec 2009 11:01:47 +0000</pubDate>
		<dc:creator>WP Switch™</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Wordpress HowTo]]></category>

		<guid isPermaLink="false">http://wpswitch.com/?p=2736</guid>
		<description><![CDATA[Breadcrumbs are a great way to give people a perspective of where they are on your site. In this post I will explain how to add breadcrumbs to WordPress without using a plugin. Adding this feature will also help the search engine spiders to find the structure of your site and decrease the time it [...]]]></description>
			<content:encoded><![CDATA[<p>Breadcrumbs are a great way to give people a perspective of where they are on your site. In this post I will explain how to add breadcrumbs to WordPress without using a plugin. Adding this feature will also help the search engine spiders to find the structure of your site and decrease the time it takes to index a single page. A lot of wordpress theme developers like to use as few plugins as possible and this code will help you accomplish that.<span id="more-2736"></span></p>
<p>[php]<br />
&lt;div class=&quot;breadcrumbs&quot;&gt;</p>
<p>&lt;?php</p>
<p>function breadcrumbs() {</p>
<p>    $theFullUrl = $_SERVER[&quot;REQUEST_URI&quot;];</p>
<p>    $urlArray=explode(&quot;/&quot;,$theFullUrl);<br />
    echo &#8216;You Are Here: &lt;a href=&quot;/&quot;&gt;Home&lt;/a&gt;&#8217;;</p>
<p>    while (list($j,$text) = each($urlArray)) {<br />
        $dir=&quot;;<br />
        if ($j &gt; 1) {<br />
            $i=1;<br />
            while ($i &lt; $j) {<br />
                $dir .= ‘/’ . $urlArray[$i];<br />
                $text = $urlArray[$i];<br />
                $i++;<br />
            }<br />
            if($j &lt; count($urlArray)-1) echo &#8216; &amp;raquo; &lt;a href=&quot;&#8217;.$dir.&#8217;&quot;&gt;&#8217; . str_replace(&quot;-&quot;, &quot; &quot;, $text) . &#8216;&lt;/a&gt;&#8217;;<br />
        }<br />
    }<br />
    echo wp_title();<br />
}<br />
breadcrumbs();<br />
?&gt;<br />
&lt;/div&gt;<br />
[/php]</p>
<p>To include Breadcrumbs in your theme simply place the following where you need them:</p>
<p>[php]<br />
&lt;?php include ( TEMPLATEPATH . &#8216;/breadcrumbs.php&#8217;); ?&gt;<br />
[/php]</p>
<p>You can do the same by creating a function in your functions.php file and then calling the function in your theme.</p>
<p>Using the css class &#8220;breadcrumbs&#8221; you can style the results to easily blend in with your current theme.</p>
<p><span style="color: #ff00ff;">.via { <a href="http://www.egracecreative.com/2009/07/08/add-breadcrumbs-to-wordpress-without-a-plugin/">egrace creative</a> }</span></p>
]]></content:encoded>
			<wfw:commentRss>http://wpswitch.com/blog/add-breadcrumbs-to-wordpress-without-a-plugin/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>How to Highlight Author Comments in WordPress</title>
		<link>http://wpswitch.com/blog/how-to-highlight-author-comments-in-wordpress/</link>
		<comments>http://wpswitch.com/blog/how-to-highlight-author-comments-in-wordpress/#comments</comments>
		<pubDate>Wed, 18 Nov 2009 13:17:41 +0000</pubDate>
		<dc:creator>WP Switch™</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Wordpress HowTo]]></category>

		<guid isPermaLink="false">http://wpswitch.com/?p=2420</guid>
		<description><![CDATA[So you finally got that long awaited popular post with a billion Digg&#8217;s and hundreds of comments. After spending quality time responding to some of your favorites you realized that your replies just got lost in the mix. As the author you really want the readers to have an easy way to know exactly when [...]]]></description>
			<content:encoded><![CDATA[<p>So you finally got that long awaited popular post with a billion Digg&#8217;s and hundreds of comments. After spending quality time responding to some of your favorites you realized that your replies just got lost in the mix.</p>
<p>As the author you really want the readers to have an easy way to know exactly when and where your responses are so you decide to find a quick and easy solution. Why not just give your comments a different background color? I will show you how to highlight author comments in your WordPress blog. This is a lot easier than you think because at WPSwitch we are <a href="http://www.youtube.com/watch?v=oHg5SJYRHA0" target="_blank">never gonna let you down</a>. Here is a quick and super simple solution to make your replies stand out from the rest. <span id="more-2420"></span></p>
<p>First you need to open your style.css (or whatever your stylesheet is named) in your template folder and add the following css:</p>
<p>[php]<br />
    .authorstyle { background-color: #B3FFCC !important; }<br />
[/php]</p>
<p>Once you have that all done just open your comments.php which is also located in your themes folder and find the line of code that looks a bit like this:</p>
<p>[php]<br />
    &lt;li &lt;?php echo $oddcomment; ?&gt;id=&quot;comment-&lt;?php comment_ID() ?&gt;&quot;&gt;&lt;/li&gt;<br />
[/php]</p>
<p>Now replace it with this sexy new code:</p>
<p>[php]<br />
    &lt;li class=&quot;&lt;?php if ($comment-&gt;user_id == 1) $oddcomment = &quot;authorstyle&quot;; echo $oddcomment; ?&gt;&quot;&gt;&lt;/li&gt;<br />
[/php]</p>
<p>Wait! Before you wrap it all up you must change 1 to the user id of the author. Once you do this, your blog comments will have a different style for the author’s comment compared to the rest. You can simply change the background color with the css or do something really crazy like putting a gold star next to your picture. Or don&#8217;t..whatever.</p>
<p>Are you the lazy type? If you are then maybe you should try the <a href="http://wordpress.org/extend/plugins/highlight-author-comments/" target="_blank">Highlight Author Comments</a> WordPress plugin by <a href="http://rmarsh.com/" target="_blank">Rob Marsh</a>. Just upload and activate.</p>
<p>Highlight Author Comments automatically displays comments made by a post&#8217;s author in a distinctive style with no need to edit your template files, etc. All you do is provide a snippet or two of CSS styling to be applied to author posts.</p>
<p><span style="color: #ff99cc;">.thank {<a href="http://www.mattcutts.com/blog/highlight-author-comments-wordpress/" target="_blank">Matt Cutts</a> for this little trick.}</span></p>
]]></content:encoded>
			<wfw:commentRss>http://wpswitch.com/blog/how-to-highlight-author-comments-in-wordpress/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Different Styles for WordPress Categories</title>
		<link>http://wpswitch.com/blog/different-styles-for-wordpress-categories/</link>
		<comments>http://wpswitch.com/blog/different-styles-for-wordpress-categories/#comments</comments>
		<pubDate>Wed, 14 Oct 2009 12:07:52 +0000</pubDate>
		<dc:creator>WP Switch™</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Wordpress HowTo]]></category>

		<guid isPermaLink="false">http://wpswitch.com/?p=1517</guid>
		<description><![CDATA[Let&#8217;s face it, the average blog designs these days are somewhat cookie cutter and a bit boring. You see a lot of rehashed free themes and you as well decided to use the same design that everyone else does. Time to change that by giving your blog some unique but very simple styles. How about [...]]]></description>
			<content:encoded><![CDATA[<p>Let&#8217;s face it, the average blog designs these days are somewhat cookie cutter and a bit boring. You see a lot of rehashed free themes and you as well decided to use the same design that everyone else does. Time to change that by giving your blog some unique but very simple styles. How about using different styles for your wordpress categories?<span id="more-1517"></span></p>
<p>Tom Johnson of <a href="http://www.idratherbewriting.com">I’d Rather Be Writing</a> walks you through the simple process in this CSS-based tutorial.</p>
<p> <object width="640" height="480"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=2929567&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=2929567&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="640" height="480"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://wpswitch.com/blog/different-styles-for-wordpress-categories/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>An Introduction to WordPress Custom Fields</title>
		<link>http://wpswitch.com/blog/an-introduction-to-wordpress-custom-fields/</link>
		<comments>http://wpswitch.com/blog/an-introduction-to-wordpress-custom-fields/#comments</comments>
		<pubDate>Tue, 06 Oct 2009 12:00:49 +0000</pubDate>
		<dc:creator>WP Switch™</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Wordpress HowTo]]></category>

		<guid isPermaLink="false">http://wpswitch.com/?p=791</guid>
		<description><![CDATA[Using custom fields can be confusing to WordPress noobs. Scott Ellis provides an introductory explanation of how to use wordpress custom fields for image placement and the components that go into making custom fields work from front end placement to back end utilization and code. .via { WordPress.tv }]]></description>
			<content:encoded><![CDATA[<p>Using custom fields can be confusing to WordPress noobs. Scott Ellis provides an introductory explanation of how to use wordpress custom fields for image placement and the components that go into making custom fields work from front end placement to back end utilization and code.<span id="more-791"></span></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="426" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://v.wordpress.com/ajcQXaJ3" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="640" height="426" src="http://v.wordpress.com/ajcQXaJ3" allowfullscreen="true"></embed></object></p>
<p><span style="color: #ff99cc;">.via { <a href="http://wordpress.tv">WordPress.tv</a> }</span></p>
]]></content:encoded>
			<wfw:commentRss>http://wpswitch.com/blog/an-introduction-to-wordpress-custom-fields/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

