O:9:"MagpieRSS":19:{s:6:"parser";i:0;s:12:"current_item";a:0:{}s:5:"items";a:7:{i:0;a:13:{s:5:"title";s:40:"Extending the WordPress admin_body_class";s:4:"link";s:72:"http://austinpassy.com/2010/05/extending-the-wordpress-admin_body_class/";s:8:"comments";s:81:"http://austinpassy.com/2010/05/extending-the-wordpress-admin_body_class/#comments";s:7:"pubdate";s:31:"Tue, 18 May 2010 18:00:51 +0000";s:2:"dc";a:1:{s:7:"creator";s:6:"frosty";}s:8:"category";s:59:"Tips & Tricksadmin_body_classCustom Post Typesfunctions.php";s:4:"guid";s:23:"http://wpwag.com/?p=129";s:11:"description";s:122:"A small code snippet to extend the admin body class inside the WordPress. Great for WordPress plugin and theme developers!";s:7:"content";a:1:{s:7:"encoded";s:1351:"<p><script type="text/javascript" src="http://wpwag.com/wp-content/plugins/oiopub-direct/js.php?type=banner&#038;align=left&#038;zone=2"></script>I&#8217;m working on a new WordPress theme for release with 3.0 that includes many new post_types. One problem I found was that if I wanted to not include the editor but allow for photo uploads, the <code>Insert into Post</code> button would no longer appear. But I didn&#8217;t want the end user to have access to the editor. So I thought I would remove or hide the editor with <abbr title="Cascading Style Sheets">CSS</abbr> or <abbr title="Document Object Model">DOM</abbr> manipulation. One problem I noticed is the admin classes are pretty weak, so I thought to beef it up with a custom class on my post_types.</p>
<p>Here is the snippet to extend the WordPress <code><em>admin</em>_body_class</code>.</p>
<pre>
function wpwag_admin_body_class( $classes ) {
	global $wpdb, $post;
	$post_type = get_post_type( $post->ID );
	if ( is_admin() &#038;&#038; ( $post_type == 'photo' ) ) {
        $classes .= 'post_type-' . $post_type;
	}
	return $classes;
}
</pre>
<p>This will then output on my <code>post_type</code> <strong>Photo</strong>: <em>post_type-photo</em>. Sweet!</p>
<p>Don&#8217;t forget to add the correct filter:</p>
<pre>
add_filter( 'admin_body_class', 'wpwag_admin_body_class' );
</pre>
";}s:3:"wfw";a:1:{s:10:"commentrss";s:77:"http://austinpassy.com/2010/05/extending-the-wordpress-admin_body_class/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"1";}s:7:"summary";s:122:"A small code snippet to extend the admin body class inside the WordPress. Great for WordPress plugin and theme developers!";s:12:"atom_content";s:1351:"<p><script type="text/javascript" src="http://wpwag.com/wp-content/plugins/oiopub-direct/js.php?type=banner&#038;align=left&#038;zone=2"></script>I&#8217;m working on a new WordPress theme for release with 3.0 that includes many new post_types. One problem I found was that if I wanted to not include the editor but allow for photo uploads, the <code>Insert into Post</code> button would no longer appear. But I didn&#8217;t want the end user to have access to the editor. So I thought I would remove or hide the editor with <abbr title="Cascading Style Sheets">CSS</abbr> or <abbr title="Document Object Model">DOM</abbr> manipulation. One problem I noticed is the admin classes are pretty weak, so I thought to beef it up with a custom class on my post_types.</p>
<p>Here is the snippet to extend the WordPress <code><em>admin</em>_body_class</code>.</p>
<pre>
function wpwag_admin_body_class( $classes ) {
	global $wpdb, $post;
	$post_type = get_post_type( $post->ID );
	if ( is_admin() &#038;&#038; ( $post_type == 'photo' ) ) {
        $classes .= 'post_type-' . $post_type;
	}
	return $classes;
}
</pre>
<p>This will then output on my <code>post_type</code> <strong>Photo</strong>: <em>post_type-photo</em>. Sweet!</p>
<p>Don&#8217;t forget to add the correct filter:</p>
<pre>
add_filter( 'admin_body_class', 'wpwag_admin_body_class' );
</pre>
";}i:1;a:13:{s:5:"title";s:49:"Custom post type “jokes” plus my code snippet";s:4:"link";s:75:"http://austinpassy.com/2010/05/custom-post-type-jokes-plus-my-code-snippet/";s:8:"comments";s:84:"http://austinpassy.com/2010/05/custom-post-type-jokes-plus-my-code-snippet/#comments";s:7:"pubdate";s:31:"Thu, 13 May 2010 04:26:55 +0000";s:2:"dc";a:1:{s:7:"creator";s:6:"frosty";}s:8:"category";s:39:"Tips & TricksCustom Post TypesWordPress";s:4:"guid";s:23:"http://wpwag.com/?p=119";s:11:"description";s:79:"My PHP code snippet for creating a Custom Post Type in WordPress 3.x or greater";s:7:"content";a:1:{s:7:"encoded";s:2097:"<p><script type="text/javascript" src="http://wpwag.com/wp-content/plugins/oiopub-direct/js.php?type=banner&#038;align=left&#038;zone=2"></script>I&#8217;ve been working on creating a custom post type for the site. Right now I&#8217;ve got one set as <em>Jokes</em>. Just need a few to add into those posts <img src='http://wpwag.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> .</p>
<p>Check out the code I am using:</p>
<pre>
/* Actions */
	add_action( 'init', 'wpwag_init' );

/* Filters */

// Fire this during init
function wpwag_init() {
	$supports = array( 'title', 'editor', 'thumbnail', 'trackbacks', 'custom-fields', 'comments', 'page-attributes' );
	register_post_type( 'jokes',
		array(
			'label' 			=> 'Jokes',
			'singular_label' 	=> 'Joke',
			'public' 			=> true,
			'show_ui' 			=> true,
			'_builtin' 			=> false,
			'_edit_link' 		=> 'post.php?post=%d',
			'capability_type' 	=> 'post',
			'hierarchical' 		=> false,
			'rewrite' 			=> array( 'slug' => 'jokes', 'with_front' => false ),
			'query_var' 		=> true,
			//'taxonomies' 		=> array( 'post_tag', 'category' ),
			'supports' 			=> $supports,
			'menu_icon' 		=> get_stylesheet_directory_uri() . '/library/css/images/joker.png',
		)
	);
}
</pre>
<p>While I don&#8217;t find it necessary to share a mass tutorial on how,what and why. You can check out these awesome post tutorials on the custom post types.</p>
<ol>
<li><a class="external" href="http://codex.wordpress.org/Function_Reference/register_post_type" rel="nofollow" title="WordPress Codex">WP Codex</a></li>
<li><a class="external" href="http://kovshenin.com/archives/custom-post-types-in-wordpress-3-0/" title="kovshenin on post types">Kovshenin</a></li>
<li><a class="external" href="http://justintadlock.com/archives/2010/04/29/custom-post-types-in-wordpress" title="Custom post types in WP 3">Justin Tadlock</a></li>
<li><a class="external" href="http://www.wpbeginner.com/wp-tutorials/how-to-use-custom-post-types/" title="WP Beginner Custom Post type tutorial">WP Beginner</a></li>
</ol>
<p>	<em>just to list a few..</em></p>
";}s:3:"wfw";a:1:{s:10:"commentrss";s:80:"http://austinpassy.com/2010/05/custom-post-type-jokes-plus-my-code-snippet/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"1";}s:7:"summary";s:79:"My PHP code snippet for creating a Custom Post Type in WordPress 3.x or greater";s:12:"atom_content";s:2097:"<p><script type="text/javascript" src="http://wpwag.com/wp-content/plugins/oiopub-direct/js.php?type=banner&#038;align=left&#038;zone=2"></script>I&#8217;ve been working on creating a custom post type for the site. Right now I&#8217;ve got one set as <em>Jokes</em>. Just need a few to add into those posts <img src='http://wpwag.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> .</p>
<p>Check out the code I am using:</p>
<pre>
/* Actions */
	add_action( 'init', 'wpwag_init' );

/* Filters */

// Fire this during init
function wpwag_init() {
	$supports = array( 'title', 'editor', 'thumbnail', 'trackbacks', 'custom-fields', 'comments', 'page-attributes' );
	register_post_type( 'jokes',
		array(
			'label' 			=> 'Jokes',
			'singular_label' 	=> 'Joke',
			'public' 			=> true,
			'show_ui' 			=> true,
			'_builtin' 			=> false,
			'_edit_link' 		=> 'post.php?post=%d',
			'capability_type' 	=> 'post',
			'hierarchical' 		=> false,
			'rewrite' 			=> array( 'slug' => 'jokes', 'with_front' => false ),
			'query_var' 		=> true,
			//'taxonomies' 		=> array( 'post_tag', 'category' ),
			'supports' 			=> $supports,
			'menu_icon' 		=> get_stylesheet_directory_uri() . '/library/css/images/joker.png',
		)
	);
}
</pre>
<p>While I don&#8217;t find it necessary to share a mass tutorial on how,what and why. You can check out these awesome post tutorials on the custom post types.</p>
<ol>
<li><a class="external" href="http://codex.wordpress.org/Function_Reference/register_post_type" rel="nofollow" title="WordPress Codex">WP Codex</a></li>
<li><a class="external" href="http://kovshenin.com/archives/custom-post-types-in-wordpress-3-0/" title="kovshenin on post types">Kovshenin</a></li>
<li><a class="external" href="http://justintadlock.com/archives/2010/04/29/custom-post-types-in-wordpress" title="Custom post types in WP 3">Justin Tadlock</a></li>
<li><a class="external" href="http://www.wpbeginner.com/wp-tutorials/how-to-use-custom-post-types/" title="WP Beginner Custom Post type tutorial">WP Beginner</a></li>
</ol>
<p>	<em>just to list a few..</em></p>
";}i:2;a:13:{s:5:"title";s:58:"Capturing the URL anchor with jQuery & flashing an element";s:4:"link";s:92:"http://austinpassy.com/2010/05/capturing-the-url-anchor-with-jquery-and-flashing-an-element/";s:8:"comments";s:101:"http://austinpassy.com/2010/05/capturing-the-url-anchor-with-jquery-and-flashing-an-element/#comments";s:7:"pubdate";s:31:"Mon, 10 May 2010 16:30:11 +0000";s:2:"dc";a:1:{s:7:"creator";s:6:"frosty";}s:8:"category";s:25:"TutorialselementjQueryURL";s:4:"guid";s:22:"http://wpwag.com/?p=99";s:11:"description";s:130:"Learn how to use the jQuery URL parser to capture an anchor tag in the URL, and then animate an element if that anchor is present.";s:7:"content";a:1:{s:7:"encoded";s:3861:"<p><script type="text/javascript" src="http://wpwag.com/wp-content/plugins/oiopub-direct/js.php?type=banner&#038;align=left&#038;zone=2"></script>Today were going to be doing a jQuery tutorial. I was searching a way to animate an element, as if to flash it on and off. But, I didn&#8217;t want this to happen on every single page load, just when a certain link was clicked from the home page.</p>
<h3>What to do</h3>
<p>The easiest way was to capture something from the link that was clicked. Maybe a cookie, or the <abbr title="Uniform Resource Locator">URL</abbr> it&#8217;s self? I decided to add an anchor of &ldquo;<code>#like</code>&rdquo; to the link. Now all I had to do was do something if, and only if the anchor was present.</p>
<h3>How to capture the anchor</h3>
<p>I went searching for, and found the <a class="external" href="http://projects.allmarkedup.com/jquery_url_parser/" title="jQuery URL Parser">URL plugin for jQuery</a> which allowed me to do just that. Find elements in the <abbr title="Uniform Resource Locator">URL</abbr>.</p>
<blockquote><p>A jQuery plugin to parse urls and provides easy access to information within them, such as the protocol, host, port, the segments that make up the path and the various query string values.</p></blockquote>
<p>To do so we need to capture the variable:</p>
<pre>
var anchor = jQuery.url.attr('anchor');
</pre>
<p>This is setting the variable <code>anchor</code> to capture any anchor that may or may not be attached to the <abbr title="Uniform Resource Locator">URL</abbr>.</p>
<p>Then will use an <code>if</code> statement:</p>
<pre>
if (anchor == 'like') {
    //do something
}
</pre>
<p>The above states that if the <code>anchor</code> of the current site&#8217;s <abbr title="Uniform Resource Locator">URL</abbr> is <code>#like</code>, do something. <strong>Be sure to omit the pound key</strong></p>
<h3>What are we going to do?</h3>
<p>Well, I&#8217;m glad you asked, or I implied. <em>If you came to this post from the home page after clicking <strong>Likes: (x)</strong></em> then you may have noticed the like this field flash yellow on the left sidebar. If not, you can try it now?</p>
<p>Well I&#8217;m capturing the <code>#like</code> anchor and animating the opacity of said element which has a background color of <span style="background:#ffffcc; padding:0 2px">yellow</span>. Lets check out that code:</p>
<pre>
$j(&#39;&lt;span class=&quot;like-flash&quot;&gt;&lt;br /&gt;&lt;/span&gt;&#39;)
	.insertAfter( $j(&#39;.iLikeThis .counter&#39;) )
	.fadeIn(&#39;normal&#39;).fadeOut(&#39;normal&#39;)
	.fadeIn(&#39;normal&#39;).fadeOut(&#39;normal&#39;)
	.fadeIn(&#39;normal&#39;).fadeOut(&#39;normal&#39;)
	.fadeIn(&#39;normal&#39;).fadeOut(&#39;normal&#39;)
	.fadeIn(&#39;normal&#39;)
	.fadeOut(3000, function() {
		$j(this).remove();
	});
</pre>
<p>Can you figure out what&#8217;s happening? We&#8217;re just creating an element with a class, inserting it after a particular element* and fading it in and out a few times. <em>*You don&#8217;t have to add it after a certain element, you can add it where ever you like <img src='http://wpwag.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </em></p>
<p>That&#8217;s it, lets see the whole code now:</p>
<pre>
var anchor = jQuery.url.attr(&#39;anchor&#39;);
//console.log(url); //to see what the anchor is (checking purposes)
if (anchor == &#39;like&#39;) {
	$j(&#39;&lt;span class=&quot;like-flash&quot;&gt;&lt;br /&gt;&lt;/span&gt;&#39;)
		.insertAfter( $j(&#39;.iLikeThis .counter&#39;) )
		.fadeIn(&#39;normal&#39;).fadeOut(&#39;normal&#39;)
		.fadeIn(&#39;normal&#39;).fadeOut(&#39;normal&#39;)
		.fadeIn(&#39;normal&#39;).fadeOut(&#39;normal&#39;)
		.fadeIn(&#39;normal&#39;).fadeOut(&#39;normal&#39;)
		.fadeIn(&#39;normal&#39;)
		.fadeOut(3000, function() {
			$j(this).remove();
		});
}
</pre>
";}s:3:"wfw";a:1:{s:10:"commentrss";s:97:"http://austinpassy.com/2010/05/capturing-the-url-anchor-with-jquery-and-flashing-an-element/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"0";}s:7:"summary";s:130:"Learn how to use the jQuery URL parser to capture an anchor tag in the URL, and then animate an element if that anchor is present.";s:12:"atom_content";s:3861:"<p><script type="text/javascript" src="http://wpwag.com/wp-content/plugins/oiopub-direct/js.php?type=banner&#038;align=left&#038;zone=2"></script>Today were going to be doing a jQuery tutorial. I was searching a way to animate an element, as if to flash it on and off. But, I didn&#8217;t want this to happen on every single page load, just when a certain link was clicked from the home page.</p>
<h3>What to do</h3>
<p>The easiest way was to capture something from the link that was clicked. Maybe a cookie, or the <abbr title="Uniform Resource Locator">URL</abbr> it&#8217;s self? I decided to add an anchor of &ldquo;<code>#like</code>&rdquo; to the link. Now all I had to do was do something if, and only if the anchor was present.</p>
<h3>How to capture the anchor</h3>
<p>I went searching for, and found the <a class="external" href="http://projects.allmarkedup.com/jquery_url_parser/" title="jQuery URL Parser">URL plugin for jQuery</a> which allowed me to do just that. Find elements in the <abbr title="Uniform Resource Locator">URL</abbr>.</p>
<blockquote><p>A jQuery plugin to parse urls and provides easy access to information within them, such as the protocol, host, port, the segments that make up the path and the various query string values.</p></blockquote>
<p>To do so we need to capture the variable:</p>
<pre>
var anchor = jQuery.url.attr('anchor');
</pre>
<p>This is setting the variable <code>anchor</code> to capture any anchor that may or may not be attached to the <abbr title="Uniform Resource Locator">URL</abbr>.</p>
<p>Then will use an <code>if</code> statement:</p>
<pre>
if (anchor == 'like') {
    //do something
}
</pre>
<p>The above states that if the <code>anchor</code> of the current site&#8217;s <abbr title="Uniform Resource Locator">URL</abbr> is <code>#like</code>, do something. <strong>Be sure to omit the pound key</strong></p>
<h3>What are we going to do?</h3>
<p>Well, I&#8217;m glad you asked, or I implied. <em>If you came to this post from the home page after clicking <strong>Likes: (x)</strong></em> then you may have noticed the like this field flash yellow on the left sidebar. If not, you can try it now?</p>
<p>Well I&#8217;m capturing the <code>#like</code> anchor and animating the opacity of said element which has a background color of <span style="background:#ffffcc; padding:0 2px">yellow</span>. Lets check out that code:</p>
<pre>
$j(&#39;&lt;span class=&quot;like-flash&quot;&gt;&lt;br /&gt;&lt;/span&gt;&#39;)
	.insertAfter( $j(&#39;.iLikeThis .counter&#39;) )
	.fadeIn(&#39;normal&#39;).fadeOut(&#39;normal&#39;)
	.fadeIn(&#39;normal&#39;).fadeOut(&#39;normal&#39;)
	.fadeIn(&#39;normal&#39;).fadeOut(&#39;normal&#39;)
	.fadeIn(&#39;normal&#39;).fadeOut(&#39;normal&#39;)
	.fadeIn(&#39;normal&#39;)
	.fadeOut(3000, function() {
		$j(this).remove();
	});
</pre>
<p>Can you figure out what&#8217;s happening? We&#8217;re just creating an element with a class, inserting it after a particular element* and fading it in and out a few times. <em>*You don&#8217;t have to add it after a certain element, you can add it where ever you like <img src='http://wpwag.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </em></p>
<p>That&#8217;s it, lets see the whole code now:</p>
<pre>
var anchor = jQuery.url.attr(&#39;anchor&#39;);
//console.log(url); //to see what the anchor is (checking purposes)
if (anchor == &#39;like&#39;) {
	$j(&#39;&lt;span class=&quot;like-flash&quot;&gt;&lt;br /&gt;&lt;/span&gt;&#39;)
		.insertAfter( $j(&#39;.iLikeThis .counter&#39;) )
		.fadeIn(&#39;normal&#39;).fadeOut(&#39;normal&#39;)
		.fadeIn(&#39;normal&#39;).fadeOut(&#39;normal&#39;)
		.fadeIn(&#39;normal&#39;).fadeOut(&#39;normal&#39;)
		.fadeIn(&#39;normal&#39;).fadeOut(&#39;normal&#39;)
		.fadeIn(&#39;normal&#39;)
		.fadeOut(3000, function() {
			$j(this).remove();
		});
}
</pre>
";}i:3;a:13:{s:5:"title";s:45:"Adding a custom default gravatar to your site";s:4:"link";s:77:"http://austinpassy.com/2010/05/adding-a-custom-default-gravatar-to-your-site/";s:8:"comments";s:86:"http://austinpassy.com/2010/05/adding-a-custom-default-gravatar-to-your-site/#comments";s:7:"pubdate";s:31:"Fri, 07 May 2010 23:38:12 +0000";s:2:"dc";a:1:{s:7:"creator";s:6:"frosty";}s:8:"category";s:34:"Tips & Tricksfunctions.phpGravatar";s:4:"guid";s:22:"http://wpwag.com/?p=92";s:11:"description";s:123:"Looking to get rid of that "Mystery Man"? Don't like the Identicon or Wavatar? Learn how to add your own custom @Gravatar..";s:7:"content";a:1:{s:7:"encoded";s:1229:"<p><script type="text/javascript" src="http://wpwag.com/wp-content/plugins/oiopub-direct/js.php?type=banner&#038;align=left&#038;zone=2"></script>Notice on some site&#8217;s how they&#8217;ve got a different gravatar than the usual &#8220;mystery man&#8221;? Ever wonder how that is done? Well it&#8217;s really simple.</p>
<p>Were going to add a few lines of code to your <code>functions.php file</code>:</p>
<pre>
function wag_gravatar ( $avatar_defaults ) {
	$myavatar = 'full-path-to-image/wag-gravatar.png';
	$avatar_defaults[$myavatar] = 'WPWag';

	return $avatar_defaults;
}
</pre>
<p>That&#8217;s the whole function! I told you it was easy.</p>
<div id="attachment_93" class="wp-caption aligncenter" style="width: 673px"><a href="http://wpwag.com/wp-content/uploads/2010/05/gravatar-options.png"><img src="http://wpwag.com/wp-content/uploads/2010/05/gravatar-options.png" alt="Gravatar Options" title="Gravatar Options" width="663" height="366" class="size-full wp-image-93" /></a><p class="wp-caption-text">New Gravatar option &ldquo;WPWag&rdquo;</p></div>
<p>Just be sure to add the correct filter.</p>
<pre>
add_filter( 'avatar_defaults', 'wag_gravatar' );
</pre>
<p>Let&#8217;s see your default gravatar&#8217;s!</p>
";}s:3:"wfw";a:1:{s:10:"commentrss";s:82:"http://austinpassy.com/2010/05/adding-a-custom-default-gravatar-to-your-site/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"0";}s:7:"summary";s:123:"Looking to get rid of that "Mystery Man"? Don't like the Identicon or Wavatar? Learn how to add your own custom @Gravatar..";s:12:"atom_content";s:1229:"<p><script type="text/javascript" src="http://wpwag.com/wp-content/plugins/oiopub-direct/js.php?type=banner&#038;align=left&#038;zone=2"></script>Notice on some site&#8217;s how they&#8217;ve got a different gravatar than the usual &#8220;mystery man&#8221;? Ever wonder how that is done? Well it&#8217;s really simple.</p>
<p>Were going to add a few lines of code to your <code>functions.php file</code>:</p>
<pre>
function wag_gravatar ( $avatar_defaults ) {
	$myavatar = 'full-path-to-image/wag-gravatar.png';
	$avatar_defaults[$myavatar] = 'WPWag';

	return $avatar_defaults;
}
</pre>
<p>That&#8217;s the whole function! I told you it was easy.</p>
<div id="attachment_93" class="wp-caption aligncenter" style="width: 673px"><a href="http://wpwag.com/wp-content/uploads/2010/05/gravatar-options.png"><img src="http://wpwag.com/wp-content/uploads/2010/05/gravatar-options.png" alt="Gravatar Options" title="Gravatar Options" width="663" height="366" class="size-full wp-image-93" /></a><p class="wp-caption-text">New Gravatar option &ldquo;WPWag&rdquo;</p></div>
<p>Just be sure to add the correct filter.</p>
<pre>
add_filter( 'avatar_defaults', 'wag_gravatar' );
</pre>
<p>Let&#8217;s see your default gravatar&#8217;s!</p>
";}i:4;a:13:{s:5:"title";s:56:"Add a twitter field to your comments in Hybrid Framework";s:4:"link";s:88:"http://austinpassy.com/2010/05/add-a-twitter-field-to-your-comments-in-hybrid-framework/";s:8:"comments";s:97:"http://austinpassy.com/2010/05/add-a-twitter-field-to-your-comments-in-hybrid-framework/#comments";s:7:"pubdate";s:31:"Fri, 07 May 2010 02:40:24 +0000";s:2:"dc";a:1:{s:7:"creator";s:6:"frosty";}s:8:"category";s:36:"TutorialscommentsTheme HybridTwitter";s:4:"guid";s:22:"http://wpwag.com/?p=80";s:11:"description";s:110:"Learn how to add a twitter field to your comments form in the Hybrid Framework, version 0.8 and WordPress 3.0.";s:7:"content";a:1:{s:7:"encoded";s:3684:"<p><script type="text/javascript" src="http://wpwag.com/wp-content/plugins/oiopub-direct/js.php?type=banner&#038;align=left&#038;zone=2"></script>You&#8217;ll notice that I&#8217;ve got this feature active on the site now. If you scroll down to the comments section, you, or any commenter can add his/her twitter handle that will attach to the comment.</p>
<p class="note">
Since I am using the Hybrid Theme, this tutorial is for it.
</p>
<h3>#1</h3>
<p>First off, we need to grab the latest version of <a class="external" href="http://wordpress.org/extend/plugins/twitterlink-comments/" title="" rel="nofollow">Twitter Link Comments</a>. And of coarse be sure you&#8217;ve got the Hybrid Theme (<a class="external" href="http://themehybrid.com/archives/2010/05/hybrid-version-0-8-beta-1" title="Hybrid Theme 0.8-beta">version 0.8.x</a> or greater) installed and activated. <em>With Hybrid 0.8, you&#8217;ll need the latest trunk version of WordPress, which as of today happens to be <a class="external" href="http://wordpress.org/development/2010/05/wordpress-3-0-beta-2/" title="WordPress 3.0 beta 2" rel="nofollow">3.0, beta-2</a></em></p>
<h3>#2</h3>
<p>Ok, now that&#8217;s settled, I hope <img src='http://wpwag.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> . We can move on the the options that Twitterlink has. Below you&#8217;ll see a bases for what you need to apply. We&#8217;ll turn off auto add twitter field, and apply the style and setting to how we want the link formation to be.</p>
<div id="attachment_81" class="wp-caption aligncenter" style="width: 984px"><a href="http://wpwag.com/wp-content/uploads/2010/05/twitterlink-comments-options.png"><img src="http://wpwag.com/wp-content/uploads/2010/05/twitterlink-comments-options.png" alt="Twitterlink Comments Options Page" title="Twitterlink Comments Options Page" width="974" height="682" class="size-full wp-image-81" /></a><p class="wp-caption-text">Twitterlink Comments Options Page</p></div>
<h3>#3</h3>
<p>Next, will moving into our <code>functions.php</code> file located in your child theme. No child theme being used? Well at the end of this tutorial will apply this function into a plugin!</p>
<p>Paste this function.</p>
<pre>
function add_twitter_id_field($fields) {
	$twitlink = get_option('twitlink');
	$fields[] = '&lt;p class="form-twitter"&gt;&lt;label for="twitter"&gt;Twitter &lt;span class="required"&gt;* &lt;em&gt;Don&prime;t use the @ symbol&lt;/em&gt;&lt;/span&gt;&lt;/label&gt;&lt;input type="text" class="text-input" name="atf_twitter_id" id="atf_twitter_id" value="' . esc_attr( $twitlink['post_html'] ) . '" size="40" tabindex="4" /&gt;&lt;/p&gt;';

	return $fields;
}
</pre>
<p>That&#8217;s it, the whole function. Now be sure to add the appropriate filter, which is:</p>
<pre>
add_filter( 'comment_form_default_fields', 'add_twitter_id_field' );
</pre>
<p>This function will filter in the new input with the ID of <code>atf_twitter_id</code> which the plugin <a class="external" href="http://wordpress.org/extend/plugins/twitterlink-comments/" title="" rel="nofollow">Twitter Link Comments</a> looks for to apply it&#8217;s twitter field magic. </p>
<p>Now, I&#8217;ve noticed that when an end user, or commenter comments multiple times that if inputting a different twitter handle the newest and latest gets applied to all previous comments. I sure there is a way around that, I&#8217;ve just not looking into it.</p>
<h3>#done</h3>
<p>Um, that&#8217;s a number, some times. </p>
<p>Anyway, that&#8217;s all you&#8217;ve got to do to add to add your users twitter handle and attach it to their comments.</p>
<p>Leave a comment below, and test it out!</p>
";}s:3:"wfw";a:1:{s:10:"commentrss";s:93:"http://austinpassy.com/2010/05/add-a-twitter-field-to-your-comments-in-hybrid-framework/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"4";}s:7:"summary";s:110:"Learn how to add a twitter field to your comments form in the Hybrid Framework, version 0.8 and WordPress 3.0.";s:12:"atom_content";s:3684:"<p><script type="text/javascript" src="http://wpwag.com/wp-content/plugins/oiopub-direct/js.php?type=banner&#038;align=left&#038;zone=2"></script>You&#8217;ll notice that I&#8217;ve got this feature active on the site now. If you scroll down to the comments section, you, or any commenter can add his/her twitter handle that will attach to the comment.</p>
<p class="note">
Since I am using the Hybrid Theme, this tutorial is for it.
</p>
<h3>#1</h3>
<p>First off, we need to grab the latest version of <a class="external" href="http://wordpress.org/extend/plugins/twitterlink-comments/" title="" rel="nofollow">Twitter Link Comments</a>. And of coarse be sure you&#8217;ve got the Hybrid Theme (<a class="external" href="http://themehybrid.com/archives/2010/05/hybrid-version-0-8-beta-1" title="Hybrid Theme 0.8-beta">version 0.8.x</a> or greater) installed and activated. <em>With Hybrid 0.8, you&#8217;ll need the latest trunk version of WordPress, which as of today happens to be <a class="external" href="http://wordpress.org/development/2010/05/wordpress-3-0-beta-2/" title="WordPress 3.0 beta 2" rel="nofollow">3.0, beta-2</a></em></p>
<h3>#2</h3>
<p>Ok, now that&#8217;s settled, I hope <img src='http://wpwag.com/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> . We can move on the the options that Twitterlink has. Below you&#8217;ll see a bases for what you need to apply. We&#8217;ll turn off auto add twitter field, and apply the style and setting to how we want the link formation to be.</p>
<div id="attachment_81" class="wp-caption aligncenter" style="width: 984px"><a href="http://wpwag.com/wp-content/uploads/2010/05/twitterlink-comments-options.png"><img src="http://wpwag.com/wp-content/uploads/2010/05/twitterlink-comments-options.png" alt="Twitterlink Comments Options Page" title="Twitterlink Comments Options Page" width="974" height="682" class="size-full wp-image-81" /></a><p class="wp-caption-text">Twitterlink Comments Options Page</p></div>
<h3>#3</h3>
<p>Next, will moving into our <code>functions.php</code> file located in your child theme. No child theme being used? Well at the end of this tutorial will apply this function into a plugin!</p>
<p>Paste this function.</p>
<pre>
function add_twitter_id_field($fields) {
	$twitlink = get_option('twitlink');
	$fields[] = '&lt;p class="form-twitter"&gt;&lt;label for="twitter"&gt;Twitter &lt;span class="required"&gt;* &lt;em&gt;Don&prime;t use the @ symbol&lt;/em&gt;&lt;/span&gt;&lt;/label&gt;&lt;input type="text" class="text-input" name="atf_twitter_id" id="atf_twitter_id" value="' . esc_attr( $twitlink['post_html'] ) . '" size="40" tabindex="4" /&gt;&lt;/p&gt;';

	return $fields;
}
</pre>
<p>That&#8217;s it, the whole function. Now be sure to add the appropriate filter, which is:</p>
<pre>
add_filter( 'comment_form_default_fields', 'add_twitter_id_field' );
</pre>
<p>This function will filter in the new input with the ID of <code>atf_twitter_id</code> which the plugin <a class="external" href="http://wordpress.org/extend/plugins/twitterlink-comments/" title="" rel="nofollow">Twitter Link Comments</a> looks for to apply it&#8217;s twitter field magic. </p>
<p>Now, I&#8217;ve noticed that when an end user, or commenter comments multiple times that if inputting a different twitter handle the newest and latest gets applied to all previous comments. I sure there is a way around that, I&#8217;ve just not looking into it.</p>
<h3>#done</h3>
<p>Um, that&#8217;s a number, some times. </p>
<p>Anyway, that&#8217;s all you&#8217;ve got to do to add to add your users twitter handle and attach it to their comments.</p>
<p>Leave a comment below, and test it out!</p>
";}i:5;a:13:{s:5:"title";s:54:"Auto change “WP” and incorrect WordPress spellings";s:4:"link";s:80:"http://austinpassy.com/2010/05/auto-change-wp-and-incorrect-wordpress-spellings/";s:8:"comments";s:89:"http://austinpassy.com/2010/05/auto-change-wp-and-incorrect-wordpress-spellings/#comments";s:7:"pubdate";s:31:"Thu, 06 May 2010 20:30:17 +0000";s:2:"dc";a:1:{s:7:"creator";s:6:"frosty";}s:8:"category";s:44:"Tips & TricksfunctionPluginspellingWordPress";s:4:"guid";s:22:"http://wpwag.com/?p=59";s:11:"description";s:145:"For the WordPress noobs, they are unfamiliar with the correct and proper spelling of WordPress, which is capital W and a capital P, all one word.";s:7:"content";a:1:{s:7:"encoded";s:4745:"<p><script type="text/javascript" src="http://wpwag.com/wp-content/plugins/oiopub-direct/js.php?type=banner&#038;align=left&#038;zone=2"></script>For the WordPress noobs, they are unfamiliar with the correct and proper spelling of WordPress, which is capital <strong>W</strong> and a capital <strong>P</strong>, all one word.</p>
<p>So how about adding a function into your theme that will auto correct any misspellings?</p>
<h3>And now, the simple (redundant code)</h3>
<pre>
function wpwag_spell_wordpress_correct($text) {
	$text = str_replace('Wordpress', 'WordPress', $text);
	$text = str_replace('wordpress', 'WordPress', $text);
	$text = str_replace('wordPress', 'WordPress', $text);
	$text = str_replace('word-press', 'WordPress', $text);
	$text = str_replace('wOrdpRess', 'WordPress', $text);
	$text = str_replace('wp', 'WordPress', $text);
	$text = str_replace('WP', 'WordPress', $text);

	return $text;
}
</pre>
<p>As you can see, we&#8217;re just copying multiple code, and trying to find all the matches in which one might write WordPress incorrectly.</p>
<h3>So now, the more advances replacement</h3>
<p class="alert">
I&#8217;ve added to the function, so that it <strong>won&#8217;t</strong> replace w<span>p</span> inside of an image.</p>
<pre>
function wpwag_spell_wordpress_correct($text) {
	<ins datetime="2010-05-07T02:47:08+00:00">$ignore = '/([^<>]+)< [^>]+>|< [^>]+>([^<>]+)/'; //image pattern

	if ( preg_match_all($ignore,$text,$replace,PREG_PATTERN_ORDER|PREG_OFFSET_CAPTURE) ) {
		return $text;
	} else {</ins>

	$pattern[] = '/\bword[- ]?press\b/i';
	$pattern[] = '/\bWP\b/i';

	$replace = 'WordPress';

        //removed "foreach" as suggested by @utkarshkukreti <a class="external" href="http://twitter.com/utkarshkukreti/statuses/13507951722">here</a>
	//foreach ( $pattern as $patterns )
		$text = preg_replace($pattern,$replace, $text);

	return $text;
        <ins datetime="2010-05-07T02:47:08+00:00">}</ins>
}
</pre>
<p>This code is using regular expression, and an array of patterns. The first is looking for words matching <code>word<span>press</span></code> or <code>word-<span>press</span></code> with case <em>insensitive</em> matches.<br />
While the second is looking for case <em>insensitive</em> matches to <code>W<span>P</span></code>.</p>
<h4>Pretty simple so far</h4>
<p>Now we need to add either of the above code to your theme&#8217;s <code>function.php</code> file, then add the necessary filter! To do so just add this line:</p>
<pre>
add_filter( 'the_content', 'wpwag_spell_wordpress_correct', 10, 1 );
</pre>
<p><strong>Now, if you&#8217;d like, you can also replace incorrect spellings in other area&#8217;s of WordPress.</strong> For example just add in any of the following filters you&#8217;d like.</p>
<pre>
add_filter( 'comment_text', 'wpwag_spell_wordpress_correct', 10, 1 );
add_filter( 'the_title', 'wpwag_spell_wordpress_correct', 10, 1 );
</pre>
<p><em>Just to name a few</em></p>
<p>That&#8217;s it!</p>
<p>Now I&#8217;d also like to mention you can create this as a plugin, or even download the multiple plugins that are already out there that do this very thing.</p>
<ol>
<li><a class="external" href="http://wordpress.org/extend/plugins/kih-wordpress-auto-correct/" title="WordPress Auto Correct &ndash; A plugin" rel="nofollow">WordPress Auto Correct</a></li>
<li><a class="external" href="http://wordpress.org/extend/plugins/ozhs-correctly-spell-wordpress/" title="Ozh' Correctly Spell WordPress &ndash; A plugin" rel="nofollow">Ozh&#8217; Correctly Spell WordPress</a></li>
<li><a class="external" href="http://wordpress.org/extend/plugins/its-wordpress/" title="It's WordPress &ndash; A plugin" rel="nofollow">It&#8217;s WordPress</a></li>
</ol>
<p>If you&#8217;re interested in adding this function as a plugin, just use the code below..</p>
<pre>
< ?php //remove space between '<' and '?'
/**
 * Plugin Name: W<span>PWag's Spell WordPress Correctly
 * Plugin URI: http://wpwag.com/tips-tricks/auto-change-wp-and-incorrect-wordpress-spellings/
 * Description: Writes WordPress as it should be written. &ldquo;WordPress&rdquo;.
 * Version: 0.2
 * Author: Austin Passy
 * Author URI: http://austinpassy.com/
 */

function wpwag_spell_wordpress_correct($text) {
	/** advanced *don't match the following **/
	$ignore = '/([^<>]+)< [^>]+>|< [^>]+>([^<>]+)/'; //image pattern

	if ( preg_match_all($ignore,$text,$replace,PREG_PATTERN_ORDER|PREG_OFFSET_CAPTURE) ) {
		return $text;
	} else {

	$pattern[] = '/\bword[- ]?press\b/i';
	$pattern[] = '/\bWP\b/i';	

	$replace = 'WordPress';

	//foreach ( $pattern as $patterns )
		$text = preg_replace($pattern,$replace, $text);

	return $text;
	}
}
add_filter( 'the_content', 'wpwag_spell_wordpress_correct', 10, 1 );
?>
</pre></p>
";}s:3:"wfw";a:1:{s:10:"commentrss";s:85:"http://austinpassy.com/2010/05/auto-change-wp-and-incorrect-wordpress-spellings/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"0";}s:7:"summary";s:145:"For the WordPress noobs, they are unfamiliar with the correct and proper spelling of WordPress, which is capital W and a capital P, all one word.";s:12:"atom_content";s:4745:"<p><script type="text/javascript" src="http://wpwag.com/wp-content/plugins/oiopub-direct/js.php?type=banner&#038;align=left&#038;zone=2"></script>For the WordPress noobs, they are unfamiliar with the correct and proper spelling of WordPress, which is capital <strong>W</strong> and a capital <strong>P</strong>, all one word.</p>
<p>So how about adding a function into your theme that will auto correct any misspellings?</p>
<h3>And now, the simple (redundant code)</h3>
<pre>
function wpwag_spell_wordpress_correct($text) {
	$text = str_replace('Wordpress', 'WordPress', $text);
	$text = str_replace('wordpress', 'WordPress', $text);
	$text = str_replace('wordPress', 'WordPress', $text);
	$text = str_replace('word-press', 'WordPress', $text);
	$text = str_replace('wOrdpRess', 'WordPress', $text);
	$text = str_replace('wp', 'WordPress', $text);
	$text = str_replace('WP', 'WordPress', $text);

	return $text;
}
</pre>
<p>As you can see, we&#8217;re just copying multiple code, and trying to find all the matches in which one might write WordPress incorrectly.</p>
<h3>So now, the more advances replacement</h3>
<p class="alert">
I&#8217;ve added to the function, so that it <strong>won&#8217;t</strong> replace w<span>p</span> inside of an image.</p>
<pre>
function wpwag_spell_wordpress_correct($text) {
	<ins datetime="2010-05-07T02:47:08+00:00">$ignore = '/([^<>]+)< [^>]+>|< [^>]+>([^<>]+)/'; //image pattern

	if ( preg_match_all($ignore,$text,$replace,PREG_PATTERN_ORDER|PREG_OFFSET_CAPTURE) ) {
		return $text;
	} else {</ins>

	$pattern[] = '/\bword[- ]?press\b/i';
	$pattern[] = '/\bWP\b/i';

	$replace = 'WordPress';

        //removed "foreach" as suggested by @utkarshkukreti <a class="external" href="http://twitter.com/utkarshkukreti/statuses/13507951722">here</a>
	//foreach ( $pattern as $patterns )
		$text = preg_replace($pattern,$replace, $text);

	return $text;
        <ins datetime="2010-05-07T02:47:08+00:00">}</ins>
}
</pre>
<p>This code is using regular expression, and an array of patterns. The first is looking for words matching <code>word<span>press</span></code> or <code>word-<span>press</span></code> with case <em>insensitive</em> matches.<br />
While the second is looking for case <em>insensitive</em> matches to <code>W<span>P</span></code>.</p>
<h4>Pretty simple so far</h4>
<p>Now we need to add either of the above code to your theme&#8217;s <code>function.php</code> file, then add the necessary filter! To do so just add this line:</p>
<pre>
add_filter( 'the_content', 'wpwag_spell_wordpress_correct', 10, 1 );
</pre>
<p><strong>Now, if you&#8217;d like, you can also replace incorrect spellings in other area&#8217;s of WordPress.</strong> For example just add in any of the following filters you&#8217;d like.</p>
<pre>
add_filter( 'comment_text', 'wpwag_spell_wordpress_correct', 10, 1 );
add_filter( 'the_title', 'wpwag_spell_wordpress_correct', 10, 1 );
</pre>
<p><em>Just to name a few</em></p>
<p>That&#8217;s it!</p>
<p>Now I&#8217;d also like to mention you can create this as a plugin, or even download the multiple plugins that are already out there that do this very thing.</p>
<ol>
<li><a class="external" href="http://wordpress.org/extend/plugins/kih-wordpress-auto-correct/" title="WordPress Auto Correct &ndash; A plugin" rel="nofollow">WordPress Auto Correct</a></li>
<li><a class="external" href="http://wordpress.org/extend/plugins/ozhs-correctly-spell-wordpress/" title="Ozh' Correctly Spell WordPress &ndash; A plugin" rel="nofollow">Ozh&#8217; Correctly Spell WordPress</a></li>
<li><a class="external" href="http://wordpress.org/extend/plugins/its-wordpress/" title="It's WordPress &ndash; A plugin" rel="nofollow">It&#8217;s WordPress</a></li>
</ol>
<p>If you&#8217;re interested in adding this function as a plugin, just use the code below..</p>
<pre>
< ?php //remove space between '<' and '?'
/**
 * Plugin Name: W<span>PWag's Spell WordPress Correctly
 * Plugin URI: http://wpwag.com/tips-tricks/auto-change-wp-and-incorrect-wordpress-spellings/
 * Description: Writes WordPress as it should be written. &ldquo;WordPress&rdquo;.
 * Version: 0.2
 * Author: Austin Passy
 * Author URI: http://austinpassy.com/
 */

function wpwag_spell_wordpress_correct($text) {
	/** advanced *don't match the following **/
	$ignore = '/([^<>]+)< [^>]+>|< [^>]+>([^<>]+)/'; //image pattern

	if ( preg_match_all($ignore,$text,$replace,PREG_PATTERN_ORDER|PREG_OFFSET_CAPTURE) ) {
		return $text;
	} else {

	$pattern[] = '/\bword[- ]?press\b/i';
	$pattern[] = '/\bWP\b/i';	

	$replace = 'WordPress';

	//foreach ( $pattern as $patterns )
		$text = preg_replace($pattern,$replace, $text);

	return $text;
	}
}
add_filter( 'the_content', 'wpwag_spell_wordpress_correct', 10, 1 );
?>
</pre></p>
";}i:6;a:13:{s:5:"title";s:41:"Starting a blog with WordPress 3 point oh";s:4:"link";s:73:"http://austinpassy.com/2010/05/starting-a-blog-with-wordpress-3-point-oh/";s:8:"comments";s:82:"http://austinpassy.com/2010/05/starting-a-blog-with-wordpress-3-point-oh/#comments";s:7:"pubdate";s:31:"Thu, 06 May 2010 04:48:06 +0000";s:2:"dc";a:1:{s:7:"creator";s:6:"frosty";}s:8:"category";s:43:"TutorialsWP beginnerWP installwp-config.php";s:4:"guid";s:22:"http://wpwag.com/?p=31";s:11:"description";s:108:"In this post I am going to walk you through on how to download and install WordPress 3.x for the first time.";s:7:"content";a:1:{s:7:"encoded";s:4229:"<p><script type="text/javascript" src="http://wpwag.com/wp-content/plugins/oiopub-direct/js.php?type=banner&#038;align=left&#038;zone=2"></script>In this post I am going to walk you through on how to download and install WordPress for the first time. <del datetime="2010-05-06T02:56:19+00:00">Even</del> <ins datetime="2010-05-06T02:56:19+00:00">Especially</ins> if you&#8217;ve never done it before.</p>
<p class="note">This tutorial is going to be for WordPress version 3.x and above.</p>
<h4>Step 1</h4>
<p>In this step, I am going to assume that you&#8217;ve already bought your domain name and chosen a host. If not, don&#8217;t worry, I&#8217;d like to make a quick suggestion to InMotion Hosting (our host) or Page.ly (whom I met this past weekend at WordCampSF).</p>
<p>Now, on with <strong>Step 1.1</strong><br />
If you&#8217;re new at this, head to <a href="http://wordpress.org/download/" title="WordPress.org download">WordPress dot org download page</a> and click the lovely blue <em>download</em> button at mid-top right. You should now have the latest WordPress version on your local drive!</p>
<p><em>Another side note</em></p>
<blockquote><p>If you&#8217;ve decided to go with InMotion Hosting, I know that you can access your file manager from your cpanel and upload the zip and have the server extract the zipped file for you. But that&#8217;s another tutorial.</p></blockquote>
<p>You man also not be aware of FTP, but you&#8217;ll have to unzip your WordPress download, and upload the files inside the <em>wordpress</em> folder directly into the root of your server.</p>
<p class="note">Some servers root names may vary. Examples: <code>public_html</code>, <code>html</code>, <code>public</code>, <code>www</code>.</p>
<p>And that&#8217;s it, you&#8217;ve made it through the first step.</p>
<h4>Step 2</h4>
<p>Here&#8217;s were it <del datetime="2010-05-05T06:55:44+00:00">gets tricky</del> <ins datetime="2010-05-05T06:55:44+00:00">gets easier with WordPress 3.x</ins>! With out actually adding, or editing the <code>wp-config.php</code> file, WordPress will add and modify it on it&#8217;s own.</p>
<div id="attachment_33" class="wp-caption aligncenter" style="width: 1034px"><a href="http://wpwag.com/wp-content/uploads/2010/05/4-28-2010-3-38-57-PM.png"><img src="http://wpwag.com/wp-content/uploads/2010/05/4-28-2010-3-38-57-PM-1024x663.png" alt="There is no wp-config.php file" title="Missing wp-config.php" width="1024" height="663" class="size-large wp-image-33" /></a><p class="wp-caption-text">WordPress detected there is no wp-config.php file</p></div>
<p>Just click &#8220;Create a Configuartion File&#8221;..</p>
<p><a href="http://wpwag.com/wp-content/uploads/2010/05/4-28-2010-3-40-08-PM.png"><img src="http://wpwag.com/wp-content/uploads/2010/05/4-28-2010-3-40-08-PM-1024x663.png" alt="Automatically create a wp-config.php file" title="Adding a wp-config.php" width="1024" height="663" class="aligncenter size-large wp-image-34" /></a></p>
<p>Then, &#8220;Let&#8217;s Go!&#8221;..</p>
<div id="attachment_35" class="wp-caption aligncenter" style="width: 1034px"><a href="http://wpwag.com/wp-content/uploads/2010/05/4-28-2010-3-40-32-PM.png"><img src="http://wpwag.com/wp-content/uploads/2010/05/4-28-2010-3-40-32-PM-1024x663.png" alt="Enter your database info for your wp-config.php" title="Enter your database info" width="1024" height="663" class="size-large wp-image-35" /></a><p class="wp-caption-text">Enter your MySQL database info</p></div>
<p><em>Be sure you enter your correct info you&#8217;ve attained from you web host.</em> And..</p>
<div id="attachment_36" class="wp-caption aligncenter" style="width: 1034px"><a href="http://wpwag.com/wp-content/uploads/2010/05/4-28-2010-3-41-06-PM.png"><img src="http://wpwag.com/wp-content/uploads/2010/05/4-28-2010-3-41-06-PM-1024x663.png" alt="The info and wp-config.php was created" title="Sparky" width="1024" height="663" class="size-large wp-image-36" /></a><p class="wp-caption-text">You've made it through the installation.</p></div>
<h4>Step 3</h4>
<p>WordPress installs used to take a long while. Now, not so much.. to think of more steps to make&#8230;</p>
<p><strong>Thought? Questions?</strong> <em>Leave them below..</em></p>
";}s:3:"wfw";a:1:{s:10:"commentrss";s:78:"http://austinpassy.com/2010/05/starting-a-blog-with-wordpress-3-point-oh/feed/";}s:5:"slash";a:1:{s:8:"comments";s:1:"1";}s:7:"summary";s:108:"In this post I am going to walk you through on how to download and install WordPress 3.x for the first time.";s:12:"atom_content";s:4229:"<p><script type="text/javascript" src="http://wpwag.com/wp-content/plugins/oiopub-direct/js.php?type=banner&#038;align=left&#038;zone=2"></script>In this post I am going to walk you through on how to download and install WordPress for the first time. <del datetime="2010-05-06T02:56:19+00:00">Even</del> <ins datetime="2010-05-06T02:56:19+00:00">Especially</ins> if you&#8217;ve never done it before.</p>
<p class="note">This tutorial is going to be for WordPress version 3.x and above.</p>
<h4>Step 1</h4>
<p>In this step, I am going to assume that you&#8217;ve already bought your domain name and chosen a host. If not, don&#8217;t worry, I&#8217;d like to make a quick suggestion to InMotion Hosting (our host) or Page.ly (whom I met this past weekend at WordCampSF).</p>
<p>Now, on with <strong>Step 1.1</strong><br />
If you&#8217;re new at this, head to <a href="http://wordpress.org/download/" title="WordPress.org download">WordPress dot org download page</a> and click the lovely blue <em>download</em> button at mid-top right. You should now have the latest WordPress version on your local drive!</p>
<p><em>Another side note</em></p>
<blockquote><p>If you&#8217;ve decided to go with InMotion Hosting, I know that you can access your file manager from your cpanel and upload the zip and have the server extract the zipped file for you. But that&#8217;s another tutorial.</p></blockquote>
<p>You man also not be aware of FTP, but you&#8217;ll have to unzip your WordPress download, and upload the files inside the <em>wordpress</em> folder directly into the root of your server.</p>
<p class="note">Some servers root names may vary. Examples: <code>public_html</code>, <code>html</code>, <code>public</code>, <code>www</code>.</p>
<p>And that&#8217;s it, you&#8217;ve made it through the first step.</p>
<h4>Step 2</h4>
<p>Here&#8217;s were it <del datetime="2010-05-05T06:55:44+00:00">gets tricky</del> <ins datetime="2010-05-05T06:55:44+00:00">gets easier with WordPress 3.x</ins>! With out actually adding, or editing the <code>wp-config.php</code> file, WordPress will add and modify it on it&#8217;s own.</p>
<div id="attachment_33" class="wp-caption aligncenter" style="width: 1034px"><a href="http://wpwag.com/wp-content/uploads/2010/05/4-28-2010-3-38-57-PM.png"><img src="http://wpwag.com/wp-content/uploads/2010/05/4-28-2010-3-38-57-PM-1024x663.png" alt="There is no wp-config.php file" title="Missing wp-config.php" width="1024" height="663" class="size-large wp-image-33" /></a><p class="wp-caption-text">WordPress detected there is no wp-config.php file</p></div>
<p>Just click &#8220;Create a Configuartion File&#8221;..</p>
<p><a href="http://wpwag.com/wp-content/uploads/2010/05/4-28-2010-3-40-08-PM.png"><img src="http://wpwag.com/wp-content/uploads/2010/05/4-28-2010-3-40-08-PM-1024x663.png" alt="Automatically create a wp-config.php file" title="Adding a wp-config.php" width="1024" height="663" class="aligncenter size-large wp-image-34" /></a></p>
<p>Then, &#8220;Let&#8217;s Go!&#8221;..</p>
<div id="attachment_35" class="wp-caption aligncenter" style="width: 1034px"><a href="http://wpwag.com/wp-content/uploads/2010/05/4-28-2010-3-40-32-PM.png"><img src="http://wpwag.com/wp-content/uploads/2010/05/4-28-2010-3-40-32-PM-1024x663.png" alt="Enter your database info for your wp-config.php" title="Enter your database info" width="1024" height="663" class="size-large wp-image-35" /></a><p class="wp-caption-text">Enter your MySQL database info</p></div>
<p><em>Be sure you enter your correct info you&#8217;ve attained from you web host.</em> And..</p>
<div id="attachment_36" class="wp-caption aligncenter" style="width: 1034px"><a href="http://wpwag.com/wp-content/uploads/2010/05/4-28-2010-3-41-06-PM.png"><img src="http://wpwag.com/wp-content/uploads/2010/05/4-28-2010-3-41-06-PM-1024x663.png" alt="The info and wp-config.php was created" title="Sparky" width="1024" height="663" class="size-large wp-image-36" /></a><p class="wp-caption-text">You've made it through the installation.</p></div>
<h4>Step 3</h4>
<p>WordPress installs used to take a long while. Now, not so much.. to think of more steps to make&#8230;</p>
<p><strong>Thought? Questions?</strong> <em>Leave them below..</em></p>
";}}s:7:"channel";a:8:{s:5:"title";s:6:"WP Wag";s:4:"link";s:16:"http://wpwag.com";s:11:"description";s:58:"a witty amusing WordPress'er making jokes... And tutorials";s:13:"lastbuilddate";s:31:"Mon, 03 Jan 2011 18:58:56 +0000";s:8:"language";s:2:"en";s:2:"sy";a:2:{s:12:"updateperiod";s:6:"hourly";s:15:"updatefrequency";s:1:"1";}s:9:"generator";s:29:"http://wordpress.org/?v=3.0.4";s:7:"tagline";s:58:"a witty amusing WordPress'er making jokes... And tutorials";}s:9:"textinput";a:0:{}s:5:"image";a:0:{}s:9:"feed_type";s:3:"RSS";s:12:"feed_version";s:3:"2.0";s:5:"stack";a:0:{}s:9:"inchannel";b:0;s:6:"initem";b:0;s:9:"incontent";b:0;s:11:"intextinput";b:0;s:7:"inimage";b:0;s:13:"current_field";s:0:"";s:17:"current_namespace";b:0;s:19:"_CONTENT_CONSTRUCTS";a:6:{i:0;s:7:"content";i:1;s:7:"summary";i:2;s:4:"info";i:3;s:5:"title";i:4;s:7:"tagline";i:5;s:9:"copyright";}s:4:"etag";s:34:""0f2bf9109e92b254c33d15bde7c7152e"";s:13:"last_modified";s:29:"Mon, 03 Jan 2011 18:58:56 GMT";}