<?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>MakeUseOf &#187; wordpress</title>
	<atom:link href="http://www.makeuseof.com/tags/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.makeuseof.com</link>
	<description>Cool Websites, Software and Internet Tips</description>
	<lastBuildDate>Wed, 22 May 2013 04:31:55 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>How To Protect WordPress from Intrusion: Your Must-Read Checklist</title>
		<link>http://www.makeuseof.com/tag/how-to-protect-wordpress-from-intrusion-si-x2/</link>
		<comments>http://www.makeuseof.com/tag/how-to-protect-wordpress-from-intrusion-si-x2/#comments</comments>
		<pubDate>Fri, 17 May 2013 18:00:24 +0000</pubDate>
		<dc:creator>James Bruce</dc:creator>
				<category><![CDATA[Wordpress & Blogging Tips]]></category>
		<category><![CDATA[online security]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[webmaster tool]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/?p=151879</guid>
		<description><![CDATA[<p>Botnets around the world have turned their attention from sending out spam emails to systematically hacking into Wordpress installs; it's a lucrative business given that Wordpress powers 40% of all blogs. Especially considering that even we fell victim to this, it's about time we did a comprehensive post on exactly how to protect your self-hosted Wordpress install.</p><p>The post <a href="http://www.makeuseof.com/tag/how-to-protect-wordpress-from-intrusion-si-x2/">How To Protect WordPress from Intrusion: Your Must-Read Checklist</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><img class="align-right" alt="protect wordpress" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/05/wordpress-malware.jpg" />Botnets around the world have turned their attention from sending out spam emails to systematically hacking into WordPress installs; it&#8217;s a lucrative business given that WordPress powers 40% of all blogs. Especially considering that <a title="An Apology – &amp; A Lesson In How To Secure WordPress Better" href="http://www.makeuseof.com/tag/an-apology-and-a-lesson-in-how-to-secure-wordpress-better/">even we fell victim to this</a>, it&#8217;s about time we did a comprehensive post on exactly how to protect your self-hosted WordPress install.</p>
<p><em>Note: this advice only applies to <strong>self hosted WordPress installs</strong>. If you use WordPress.com, you generally don&#8217;t need to care about security, because they handle it all for you.</em> <a title="What's The Difference Between Running Your Blog On WordPress.com &amp; WordPress.org?" href="http://www.makeuseof.com/tag/whats-the-difference-between-running-your-blog-on-wordpress-com-and-wordpress-org/">What&#8217;s the difference between WordPress.com and WordPress.org?</a></p>
<h2>Install Google two-step authenticator</h2>
<p>If you already have two-step authentication enabled for your Gmail account or other services, you can use the same authenticator app with <a href="http://wordpress.org/extend/plugins/google-authenticator/screenshots/">this plugin</a> for WordPress.</p>
<p>Thankfully, you can restrict two-step authentication to only be used on upper level accounts so you needn&#8217;t annoy all your users.</p>
<p><img class="aligncenter" alt="protect wordpress" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/05/google-authenticator.jpg" /></p>
<h2>Login Lockdown</h2>
<p>An old plugin, but still working as intended; <a href="http://wordpress.org/extend/plugins/login-lockdown/">Login Lockdown</a> checks the IP of login attempts and blocks an IP range for an hour if it fails 3 times within 5 minutes. Simple, effective.</p>
<h2>Take Regular Backups</h2>
<p>Hackers won&#8217;t just change one file, but will place their own control panel hidden somewhere and other hidden backdoors &#8211; so that even if you fix the original hack, they come right back in and do it all again. Take daily or weekly backups so you can easily restore back to a point where there was no trace of the hacker &#8211; and be sure to patch whatever it was they did to get in. Personally, I just invested in a $150 <a href="http://ithemes.com/purchase/backupbuddy/">Backup Buddy</a> developer license &#8211; it&#8217;s the easiest and most comprehensive backup solution I&#8217;ve found yet.</p>
<p><img class="aligncenter" alt="protect wordpress site" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/05/backup-screen.jpg" /></p>
<h2>Prevent Indexing of Folders</h2>
<p>Check the root of your WordPress installation for the .htaccess file (notice the period at the beginning &#8211; you may need to show invisible files to view this), and ensure it has the following line. If not, add it &#8211; but make a backup first as this file is pretty crucial.</p>
<pre>Options All -Indexes</pre>
<h2>Stay Updated</h2>
<p>Don&#8217;t make the same mistake as we did: always upgrade WordPress as soon as an update is available. Sometimes the updates contain minor bug fixes and not security fixes, but get into the habit and you won&#8217;t have a problem. If you have more than one WordPress install and can&#8217;t keep track of them all, check out <a href="https://managewp.com/">ManageWp.com</a>, a premium dashboard for all your blogs that includes security scanning.</p>
<p>Not just core WordPress files, but plugins too: one of the largest WordPress hacks of the past involved a vulnerability in a common thumbnail generator script called <em>timthumb.php</em>, and there are still themes out there which use the old version. Although plugins were quickly updated, keeping themes up to date is harder, of course &#8211; WordPress won&#8217;t tell you if your theme is vulnerable, and for that you&#8217;ll some kind of security scanning plugin &#8211; scroll down to the<strong> Security Plugins</strong> section below for some suggestions.</p>
<h2>Never Download Random Themes</h2>
<p>Unless you know what you&#8217;re doing with PHP code, it&#8217;s very easy to fall into the trap of download a lovely random theme from somewhere, only to find it&#8217;s got some nasty code in there &#8211; most commonly backlinks that you can&#8217;t remove, but worse can be found. Stick to premium and well-known theme designers <em>(such as <a href="http://wp.smashingmagazine.com/tag/themes/">Smashing Magazine</a> or <a href="http://wpshower.com">WPShower</a>)</em>, or for free themes only use the WordPress theme directory.</p>
<h2>Delete Unused Plugins and Themes</h2>
<p>The less executable code you have on your server, the better &#8211; remove the chance of having old, vulnerable code by deleting themes and plugins you&#8217;re not using anymore. Disabling them will simply stop their functionality loading with WordPress, but the code itself may still be executable by a hacker.</p>
<h2>Remove Tell-tale Meta In Your Header</h2>
<p>By default, WordPress broadcast its version to the world in the code of your header file &#8211; an easy way for hackers to identify older installs. Add the following lines to your theme&#8217;s<strong> functions.php</strong> file to remove the WordPress version, Windows Live Writer info and a line that helps remote clients find your XML-RPC file.</p>
<pre>remove_action( 'wp_head', 'wp_generator' ) ; 
remove_action( 'wp_head', 'wlwmanifest_link' ) ; 
remove_action( 'wp_head', 'rsd_link' ) ;</pre>
<h2>Remove The &#8220;admin&#8221; Account</h2>
<p>Most <a href="http://www.makeuseof.com/tag/hackers-compromise-over-90000-wordpress-blogs-keep-yours-safe-updates/">brute-force attacks on WordPress</a> involve repeatedly trying the <strong>admin</strong> account &#8211; the default for all WordPress installs &#8211; and a dictionary of common passwords. If you either login with admin or have the admin account listed in your user table, you&#8217;re vulnerable to this.</p>
<p>Two ways to fix it: either use <a href="http://wordpress.org/extend/plugins/wp-optimize/screenshots/">wp-optimize plugin</a> &#8211; a great plugin that amongst other things, allows you to disable post revisions and perform database optimization &#8211; to rename admin account. Or simply create another account with admin privileges, log in as the new user, then delete the &#8220;admin&#8221; account assign all the posts to your new user.</p>
<p><img class="aligncenter" alt="protect wordpress site" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/05/wp-optimize.jpg" /></p>
<h2>Secure Passwords</h2>
<p>Even if you have disabled the admin account, it may be possible to identify the username of your administrator account &#8211; at which point you&#8217;re vulnerable to a brute force attack again. Enforce a strong password policy of 16 or more random characters consisting of upper and lower case, punctuation and numbers.</p>
<p>Or just use the <a href="http://xkcd.com/936/">reallyLongSentenceThatsEasyToRememberMethod</a>.</p>
<h2>Disable File Editing Within WordPress</h2>
<p>For those who don&#8217;t like to login through FTP, WordPress includes an easy editor in the admin dashboard for theme and plugin PHP files &#8211; but that makes your install vulnerable if someone gains access. In fact, this is how someone managed to inject a malware redirection into our header. Add the following line to the bottom of your <strong>wp-config.php</strong> (in the root folder) to disable all file editing features &#8211; and use <a title="What SSH Is &amp; How It's Different From FTP [Technology Explained]" href="http://www.makeuseof.com/tag/ssh-ftp-technology-explained/">SFTP</a> to login to your server instead.</p>
<pre>define( 'DISALLOW_FILE_EDIT', true );</pre>
<h2>Hide Login Errors</h2>
<p>An incorrect password or wrong username can be identified by the errors given when logging in, which could be used to identify accounts for brute-forcing. This isn&#8217;t good, obviously, so kill the errors with this addition to your theme&#8217;s <strong>functions.php</strong> file</p>
<pre>function no_errors_please(){
 return 'Nope';
}
add_filter( 'login_errors', 'no_errors_please' );</pre>
<h2>Activate Cloudflare</h2>
<p>As well as speeding up your site, CloudFlare mitigates many known botnets and scanners from even getting to your blog in the first place. Read <a title="Protect &amp; Speed Up Your Website For Free with CloudFlare" href="http://www.makeuseof.com/tag/protect-speed-website-free-cloudflare-service/">all about CloudFlare</a> here. Installation is one click if you&#8217;re hosted at <a href="http://mediatemple.net">MediaTemple</a>, otherwise you&#8217;ll need access to the domain control panel to change the nameservers.</p>
<p><img class="aligncenter" alt="protect wordpress site" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/10/cloudflare-4.png" /></p>
<h2>Security Plugins</h2>
<ul>
<li><a href="http://wordpress.org/extend/plugins/better-wp-security/screenshots/">Better WP Security</a> implements many of these fixes for you and is the most comprehensive free solution there is.<img class="aligncenter" alt="protect wordpress" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/05/wp-better-security.jpg" /></li>
<li><a href="http://wordfence.com">WordFence</a> is a premium package that actively scans your files for malware links, redirects, known vulnerabilities etc &#8211; and fixes them. Price starts at $18/year for 1 site.</li>
<li><a href="http://wordpress.org/extend/plugins/login-security-solution/">Login security solution</a> both limits login attempts and enforces secure passwords.</li>
<li><a href="http://wordpress.org/extend/plugins/bulletproof-security/screenshots/">BulletProof security</a> is a comprehensive but complex plugin that deals with some of the more technical aspects like XSS injection and .htaccess problems. A Pro verison of the plugin is also available which automates much of the process.</li>
</ul>
<p>I think you&#8217;ll agree this is quite a comprehensive list of steps to harden WordPress, but I&#8217;m not suggesting you implement <strong>all</strong> of them. If I had to do all these to every site I ever set up, I&#8217;d still be setting them up now. Running any kind of system introduces a risk, and it&#8217;s ultimately up to you to find the balance between the level of security you want and the effort you want to put in securing it &#8211; nothing is ever going to 100% secure. The low hanging fruit here are:</p>
<ul>
<li>Keeping WordPress up to date</li>
<li>Disabling the admin account</li>
<li>Adding two-step authentication</li>
<li>Installing a security plugin</li>
</ul>
<p>Doing those alone should put you above 99% of all the other blogs out there, which is enough to make potential hackers move on to easier targets.</p>
<p>Do you think I missed anything? Tell me in the comments.</p>
<p>The post <a href="http://www.makeuseof.com/tag/how-to-protect-wordpress-from-intrusion-si-x2/">How To Protect WordPress from Intrusion: Your Must-Read Checklist</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/tag/how-to-protect-wordpress-from-intrusion-si-x2/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Blogger vs. WordPress.com: A Complete Comparison</title>
		<link>http://www.makeuseof.com/tag/blogger-vs-wordpress-comparision/</link>
		<comments>http://www.makeuseof.com/tag/blogger-vs-wordpress-comparision/#comments</comments>
		<pubDate>Thu, 25 Apr 2013 00:30:26 +0000</pubDate>
		<dc:creator>Tim Brookes</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[blogger]]></category>
		<category><![CDATA[blogging]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/?p=144257</guid>
		<description><![CDATA[<p>The two undisputed kings of the free blogging sphere are Google's Blogger and the content management system-turned-host WordPress.com. While both offer what every free-thinking democracy-guzzling thought-cannon wants – a place to express themselves – there are some core differences in each service. Both WordPress.com and Blogger are workable free solutions, but which is the right one for you? This detailed breakdown of each service should hopefully help you decide.</p><p>The post <a href="http://www.makeuseof.com/tag/blogger-vs-wordpress-comparision/">Blogger vs. WordPress.com: A Complete Comparison</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><img class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/blogger.png" alt="blogger vs wordpress" />Not long ago I wrote a two-part series about the main <a href="http://www.makeuseof.com/tag/setting-up-a-blog-part-1-the-diy-self-hosting-method/">differences between a self-hosted blog</a> and the other <a href="http://www.makeuseof.com/tag/setting-up-a-blog-part-2-tumblr-blogger-and-other-services/">option of using a &#8220;free&#8221; blogging service</a>. Opinions were split but there&#8217;s no arguing that the two undisputed kings of the free blogging sphere are Google&#8217;s <a href="http://www.blogger.com">Blogger</a> and the content management system-turned-host <a href="http://www.wordpress.com">WordPress.com</a>.</p>
<p>While both offer what every free-thinking democracy-guzzling thought-cannon wants – a place to express themselves – there are some core differences in each service. Both WordPress.com and Blogger are workable free solutions, but which is the right one for you?</p>
<p>This detailed breakdown of each service should hopefully help you decide.</p>
<h2>What You Get For Free</h2>
<p>WordPress.com is a commercial venture. It&#8217;s a way for the kind souls who have put time, money and a whole load of effort into the open source and free-to-download WordPress blogging engine to make some money back. They do this by making it stupidly simple to set up and maintain a blog, while introducing some rather hefty limitations for experienced users.</p>
<p>A <strong>free</strong> WordPress.com account offers:</p>
<ul>
<li>A blog, which you can turn into a full-on static or hybrid (part blog, part static) website.</li>
<li>3GB of free storage for posts and media.</li>
<li>Publicize, a tool for connecting your blog with social networks.</li>
<li>Free statistics for tracking visitors.</li>
<li>Access to hundreds of non-premium themes, many of which can be customised further.</li>
<li>WordPress.com access from mobile apps for iPhone, iPad, Android and BlackBerry.</li>
</ul>
<p>WordPress.com designates the following as <strong>premium upgrades</strong>:</p>
<ul>
<li>Custom Design ($30 per blog, per year) adds custom CSS (not PHP editing) and fonts.</li>
<li>Custom Domains ($13 per domain, per blog, per year) removes the .wordpress.com part of your URL.</li>
<li>Guided Transfer ($129 one-off payment) for transferring your WordPress.com site to your own web-host for greater independence and freedom.</li>
<li>Ad-free ($30 per blog, per year) removes any possibility of WordPress.com showing adverts on your blog to non-logged in visitors.</li>
<li>Premium themes (priced per blog for the lifetime of the blog).</li>
<li>A redirect ($13 per blog, per year) for redirecting traffic from yourblog.wordpress.com to your new domain.</li>
<li>Additional space (priced per amount) for storing more posts and media.</li>
<li>VideoPress ($60 per blog, per year) for uploading, hosting and embedding your own videos on your WordPress.com blog.</li>
</ul>
<p>Conversely, Blogger is not a commercial service. It was acquired by Google in 2003 who have since kept it ticking over, with a few redesigns and some recently-added new templates. The rather <a href="http://www.blogger.com/features">ancient Blogger features page</a> (ancient because it explicitly mentions uploading to Google Video and easily accessing iGoogle, two of Google&#8217;s many dead projects) promises users access to all features. There are no upgrades, no fees for adding a custom domain, and all the customization options thrown in that Blogger has available.</p>
<p>Included features worth noting are:</p>
<ul>
<li>A template designer for customizing your blog&#8217;s appearance.</li>
<li>Free hosting, free Blogger (or Blogspot) sub-domain and option of using a custom domain (either registering through Blogger or using one you already have).</li>
<li>The ability to add media to your posts, with no quoted maximum storage space.</li>
<li>Quick access to Google&#8217;s advertising schemes.</li>
<li>Pages static content on your blog.</li>
<li>Mobile access via iPhone and Android apps, as well as SMS or email blogging.</li>
</ul>
<p>It would seem that despite <a href="http://www.makeuseof.com/pages/best-wordpress-plugins">WordPress having the plugins</a> and themes markets sewn up, Blogger still offers more for those looking for a free service.</p>
<h2>The Sign-Up Process</h2>
<p>WordPress.com allows you to register for an account with an email address, username, password and URL. Blogger is a Google service, and just like YouTube, requires a Google account. If you already have a Google account then this makes signing up a painless affair, but if you don&#8217;t (highly unlikely, unless you have something against Google), you&#8217;ll have to register for the whole package. This also means if you do have a personal Google Account but want to distance yourself from the topic you&#8217;re blogging about you&#8217;re going to have to create a new account, and also deal with <a href="http://www.makeuseof.com/tag/enable-google-multiple-signin-feature/">Google&#8217;s messy multiple-account management</a>.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/wordpresscom_signup1.jpg" alt="blogger vs wordpress" /></p>
<p>Google&#8217;s sign-up process doesn&#8217;t indicate that you do not need to supply a mobile phone number or an email address, despite asking for one. Conversely WordPress.com only asks to fill out four fields but will also run a check for the URL you enter and try to sell you a premium domain (which costs to register, and requires an account upgrade to use on WordPress.com) as well as pointing out the flaws in the free account you&#8217;re about to register.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/blogger_signup1.jpg" alt="wordpress blogger comparision" /></p>
<p>Once you&#8217;ve got yourself an account it&#8217;s time to start creating one or more blogs. With a Google Account you&#8217;re free to establish multiple blogs on the Blogger service. Each new WordPress.com blog you decide to create can also be linked to your existing account, so neither service will require a lot of user switching in order to maintain a stack of blogs.</p>
<h2>Creating Your First Blog</h2>
<p>WordPress.com users will be thrown into the blog-creation process as soon as they have confirmed their email address with the service. Click the <em>Activate Blog</em> link in your email and you&#8217;ll be invited to give your blog a name, subtitle, and language before choosing a theme. WordPress is famously customizable, earning much of its good name for the huge number of themes and plugins available in the standalone open-source release.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/wordpresscom_signup2.jpg" alt="wordpress blogger comparision" /></p>
<p>The WordPress.com team has definitely tried to retain that same feeling, with new customizable themes in the latest WordPress release making an appearance here allowing you to customize the theme you&#8217;ve chosen immediately.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/wordpresscom_signup3.jpg" alt="wordpress blogger comparision" /></p>
<p>This really helps to separate your blog from the rest of the WordPress world, so you should seize the opportunity to quickly stamp your mark on your patch of WordPress.com.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/wordpresscom_signup4.jpg" alt="wordpress blogger compare" /></p>
<p>Google&#8217;s process is a little different and first requires you choose (or create) a profile. This is part of Google&#8217;s big push to get us all to start using Google+ and our real names on YouTube. If you&#8217;re not interested in Google+, a real name or picture, you can opt to create what Google is now calling a &#8220;limited Blogger profile&#8221; which is essentially a display name of your choosing, so go wild.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/blogger_signup2.jpg" alt="wordpress blogger compare" /></p>
<p>Once your profile is set (you can change it by clicking your name in the top-right) you&#8217;ll see the rather clean and attractive Blogger back-end. There will be a list of your blogs (which will be empty) and an area below for adding other blogs to follow. Create a blog by clicking <em>New Blog</em>.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/blogger_signup3.jpg" alt="wordpress blogger compare" /></p>
<p>The window that appears looks very similar to the WordPress.com variant, asking for a blog name and URL to be associated with the blog and offering a few templates to choose from. Click <em>Create Blog!</em> and you&#8217;ve just created your first blog &#8211; no more work required. Using this method you could set up a whole string of blogs in a matter of minutes.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/blogger_signup4.jpg" alt="wordpress blogger comparision" /></p>
<h2>Managing Your Blog</h2>
<p>Both WordPress and Blogger have centralized areas from which to manage your blog empire, which are separate to the settings for the blogs themselves. The two areas are equally attractive and usable, with both services featuring an area to read blogs you follow as well as the various outlets under your control.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/wordpress_ui1.jpg" alt="wordpress blogger comparision" /></p>
<p>On WordPress this takes the form of a deep attractive blue theme with a tabulated layout that allows you to quickly switch between reading, overseeing blogs and managing analytics in addition to a quick post button.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/blogger_ui1.jpg" alt="" /></p>
<p>Blogger houses all of this on the one page, with a quick compose button found next to the blog title itself. Beneath this are new posts from the blogs you have chosen to follow on the service. It goes without saying that you can&#8217;t follow Blogger blogs on WordPress.com and vice-versa, though it would be nice if we could all get along.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/wordpress_ui2.jpg" alt="" /></p>
<p>I&#8217;d be surprised if there are many people reading this who aren&#8217;t familiar with the screenshot above, which is the WordPress dashboard. Aside from a lick of paint and the odd facelift this UI hasn&#8217;t changed for years, and that&#8217;s because it&#8217;s great. Everything is compartmentalized, making it easy to find settings, compose a new post or page and mass-edit your content.</p>
<p>There&#8217;s one addition here that you won&#8217;t see on standard, self-hosted WordPress blogs and that&#8217;s the Store tab. Here you will find all those upgrades I mentioned earlier, as well as a few bundles that promise to save you money. This is another reminder of the big divide between the two services &#8211; one&#8217;s going to eventually cost you while the other will remain free (and probably slightly more limited).</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/blogger_ui2.jpg" alt="" /></p>
<p>Blogger&#8217;s back-end closely mirrors the WordPress look, with a similar menu bar floating to the left of the page. Straight up you&#8217;ll see statistics (this is also true for WordPress) and an overview of incoming posts, comments and new followers. Much like WordPress this is a very effective and responsive UI that does everything you could (probably) ever want.</p>
<p>The Blogger back-end hides a few features that might take a small amount of hunting to find &#8211; like adding users to your blog. On WordPress this has its own menu item, but on Blogger it&#8217;s hidden in the Settings menu. Both systems support widgets, though WordPress has a lot more to offer (with your theme dictating just how many widget areas you can use). This is a recurring theme, with WordPress feeling like the more mature blogging platform.</p>
<h2>Customization &amp; Themes</h2>
<p>Both services offer a range of themes, though Blogger&#8217;s range is understandably more limited than that offered by WordPress which has benefitted from years of third-party theme development. With a free WordPress account you get access to hundreds of free themes which you can enable on your site in a click. Blogger&#8217;s limited range is split between fluid &#8220;dynamic&#8221; themes that will scale for larger and smaller screens, and older simple fixed-width blogs. You&#8217;ll probably want to choose one of the eight dynamic themes and their many different layouts which are highly adaptable depending on your content.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/blogger_customize1.jpg" alt="" /></p>
<p>Each service comes equipped with a theme customizer for further fine-tuning your chosen theme. Oddly enough the Blogger customization options seem to run deeper than WordPress, allowing you to add your own custom CSS and edit the HTML without exchanging money first. You can even use a slider to change the width of your layout in pixels, at least for the dynamic layouts.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/wordpress_customize1.jpg" alt="" /></p>
<p>I was surprised to see that the WordPress.com theme customizer is different to that in the latest open source release. The new layout uses a touch-friendly sidebar that runs down the right-hand side of the screen and looks like it has fallen straight out of a Windows Blue developer preview. It looks good, but it&#8217;s really not that powerful, allowing you to change only a few variables like background, colors, header images but no additional CSS (that&#8217;s a premium feature) or the ability to change your site&#8217;s favicon.</p>
<p>The real difference here is minimal, after all if you really want to change your WordPress.com site&#8217;s look and feel you can choose from hundreds of ready-to-go themes. Blogger doesn&#8217;t have that depth, but instead favors those who are willing to take the time to carefully modify it. WordPress feels clipped by comparison, while Blogger isn&#8217;t dazzlingly complex it retains some advanced customization that WordPress.com sticks behind a paywall.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/blogger_mobile.jpg" alt="" /></p>
<p>Both services also come with basic mobile theme support, which can be enabled or disabled as you see fit. WordPress takes the one-theme-fits-all approach, offering little in the way of customization while Blogger gives you a chance to choose a completely different mobile theme to your main blog theme, if you really want to.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/wordpress_mobile.jpg" alt="" /></p>
<p>The fact remains that both are effective and look great on my iPhone 5, scrolling fluidly and making excellent use of the limited space.</p>
<h2>Expandability &amp; Monetization</h2>
<p>WordPress has traditionally been the blogging platform of non-bloggers the world over. By this I mean you can turn a simple WordPress blog into a static website, an ecommerce website, a photo gallery, promotional site and even <a href="http://www.makeuseof.com/tag/the-most-awesome-wordpress-theme-you-probably-dont-know-about-p2/">your own microblog</a>. It&#8217;s a workhorse that is adaptable in its open source, downloadable form.</p>
<p>This functionality does not carry over to the WordPress.com hosting service, and it&#8217;s a real shame. There are plugins, but they&#8217;re curated premium packages that are charged yearly for every blog you use. This means you might find yourself paying out more in upgrade prices per year than what it would cost you to host and manage the website yourself. This would be fine, but WordPress.com hosting severely limits you &#8211; there&#8217;s no direct editing of the code itself (even with an upgrade) and you don&#8217;t have webspace for other non-WordPress projects.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/wordpress_premiums.png" alt="" /></p>
<p>Of course, Blogger isn&#8217;t much better and has no plugin support whatsoever. Both services do however support pages, which can include HTML, text and various media. You can also redirect to a website of your choice using this method.</p>
<p>The only platform that will allow you to make a bit of money out of blogging is Blogger. You can choose to enable Google AdSense on your blog which will show targeted adverts based on your content. You&#8217;ll need to get some content up first, before choosing the option from the <em>Earnings</em> menu entry. This is in contrast to WordPress.com which has a &#8220;remove ads&#8221; upgrade to remove adverts shown to your non-logged-in visitors but has no option for opting into a monetization scheme of your own. This is not to say you can&#8217;t implement your own rudimentary adverts using widgets, but it&#8217;s far from an advertising scheme.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/blogger_earnings.jpg" alt="" /></p>
<p>Free blog platforms aren&#8217;t the best way of monetizing your writing, particularly for WordPress users who will be interested in the many SEO and advertising-based plugins used by many successful websites. For more information download and <a href="http://www.makeuseof.com/pages/monetization-manual-your-no-nonsense-guide-to-making-money-blogging">read our detailed guide about monetizing a blog</a>.</p>
<h2>Social Media &amp; Sharing</h2>
<p>WordPress definitely takes the crown when it comes to social media integration, with the Publicize feature (found under <em>Settings</em> &gt; <em>Sharing</em>) allowing you to connect to Facebook, Twitter, LinkedIn and Tumblr for automatic sharing. This menu also allows you to turn on and off sharing buttons, with big names like StumbleUpon, Pinterest and Reddit appearing alongside the option to email or print the article. These tools are very powerful and make up for a lack of plugins, as many WordPress users would add this functionality that way.</p>
<p style="text-align: center;"><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/wordpress_sharing.png" alt="" width="590" height="472" /></p>
<p>Blogger seems to only play nicely with Google+, which is a real shame because it&#8217;s the most deserted of the big three. Twitter and Facebook integration at the least would be nice, but you do get +1, Tweet and Like buttons on each post. There is luckily one workaround and that&#8217;s through the use of the <a href="http://www.makeuseof.com/tag/how-to-create-your-own-ifttt-recipes-for-automating-your-favorite-sites-and-feeds/">excellent IFTTT web service</a>.</p>
<p>IFTTT allows you to automate online tasks, like recording status updates and receiving notifications about new items on Craigslist. It can also be used with Blogger to trigger social media updates like Facebook statuses and Tweets when you publish new posts, and can even be used to create new blog entries from other actions, like Instagram photos saved or images added to Dropbox.</p>
<p>Check out what Blogger and IFTTT are capable of when paired together at <a href="https://ifttt.com/blogger">the IFTTT website</a>.</p>
<h2>Writing A Post</h2>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/wordpress_compose_quick.jpg" alt="" /></p>
<p>WordPress uses two composers &#8211; the quick composer accessible from the main blog hub (above) and the traditional &#8220;everything including the kitchen sink&#8221; WordPress post editor which has always been a joy to use. I&#8217;m not overly impressed with the quick editor, but it&#8217;s a personal preference and probably works for quick posts that don&#8217;t need to be scheduled. The main editor (below) is as fantastic as ever, with a few extra features.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/wordpress_compose_main.jpg" alt="" /></p>
<p>Here you can compose, edit HTML, add media, format text, add tags and schedule your posts. The WordPress composer actively scans your post and suggests tags to help you better categorize your content as well as the related content pane which suggests news stories and images based on the contents of your post.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/wordpress_related_tags.jpg" alt="" /></p>
<p>You can also choose to categorize your post using <a href="http://www.makeuseof.com/tag/events-listing-custom-post-types-wordpress/">WordPress custom post types</a> and depending on the theme you have installed these various content types will appear differently on your blog. Choose <em>Standard</em> for text-heavy blog posts, <em>Quote</em> for a brief quote formatted accordingly or <em>Image</em> to post a photo that displays prominently. One thing you can&#8217;t add to your posts without paying is video. It&#8217;s fine to embed a video from YouTube but you can&#8217;t host the video file on your blog without a $60 per year upgrade.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/blogger_compose_main.jpg" alt="" /></p>
<p>The Blogger composer is also very dynamic and powerful, and actually looks like the Google Docs word processor with more orange. This allows you to edit HTML on the page, format text, upload and embed videos and other media as well as add tags, a location, edit the permalink and choose to schedule or not.</p>
<p>There&#8217;s no tagging help or related content to speak of in Blogger, and while it&#8217;s a nice feature on WordPress.com, for me it&#8217;s not really a deal-breaker.</p>
<h2>Front-End &amp; Mobile</h2>
<p>The appearance of each blog, and each post, depends entirely on the theme and layout you end up choosing. For the purpose of this article I&#8217;ve left the default dynamic Blogger layout on and the Twenty Twelve WordPress.com default theme, neither of which have been tweaked at all.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/wordpress_post1.jpg" alt="" /></p>
<p>Above is a WordPress.com blog, below is a Blogger blog.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/blogger_post1.jpg" alt="" /></p>
<p>Both will require a certain amount of work in order to get your blog looking sharp and unique, but both are also good to go from the beginning. Both look great on a mobile device, with dedicated mobile themes. Both allow you to build a static website. Both are visually quite pleasing, but only one is <em>completely</em> free to use.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/mobile_comparison.png" alt="blogger vs wordpress" /></p>
<h2>In Conclusion</h2>
<p>I could write another article to draw a conclusion from these findings, but the fact remains that each is suitable for different purposes. Blogger is highly attractive for its completely free model &#8211; there are no restrictions, if Blogger can do it, so can you. WordPress however will frustrate, particularly if you have used WordPress on a self-hosted blog in the past. The fact also remains that if your blog is the success that you probably hope it will be, that 3GB of space will eventually fill up, or you&#8217;ll want to add your own domain name or you&#8217;ll encounter <em>another</em> reason you suddenly need to upgrade. At this point you&#8217;d probably be better off with your own hosting package, at least in terms of value for money.</p>
<p>Blogger will scale &#8211; there will be no nasty surprise a year or two down the line when you suddenly need more space or decide to start hosting video on your blog. Blogger is arguably more customizable with its core template HTML editing abilities and the ability to add CSS. The result is more of a tweaker&#8217;s platform, something the standalone open source version of WordPress has long been but that the hosted WordPress.com variant avoids entirely. My only concern about Blogger is Google&#8217;s recent wave of closures including iGoogle and Google Reader. If they decide to pull the plug on Blogger then the service and its users will be forced to find new homes. It&#8217;s unlikely because Google is currently using Blogger for its own press purposes, but then again a switch to Google+ seems to be creeping ever closer.</p>
<p>Blogger is the platform to choose if you&#8217;re after a free product that might allow you to make a bit of money back. WordPress is there for those who are in love with its huge variety of themes, excellent UI and post composer and the user-friendly approach. Each is a viable blogging platform within five minutes of registering an account, but you are the person who will have to decide which one is right for you. That, or <a href="http://www.makeuseof.com/tag/5-blog-sites-wordpress-blogger/">choose something different entirely</a>.</p>
<p>Let us know what you think in the comments &#8211; are you a Blogger or WordPress.com user? Would you ditch it all and go for a standalone WordPress website? Add your input in the comments, below.</p>
<p>The post <a href="http://www.makeuseof.com/tag/blogger-vs-wordpress-comparision/">Blogger vs. WordPress.com: A Complete Comparison</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/tag/blogger-vs-wordpress-comparision/feed/</wfw:commentRss>
		<slash:comments>50</slash:comments>
		</item>
		<item>
		<title>Hackers Compromise Over 90,000 WordPress Blogs &#8211; Keep Yours Safe! [Updates]</title>
		<link>http://www.makeuseof.com/tag/hackers-compromise-over-90000-wordpress-blogs-keep-yours-safe-updates/</link>
		<comments>http://www.makeuseof.com/tag/hackers-compromise-over-90000-wordpress-blogs-keep-yours-safe-updates/#comments</comments>
		<pubDate>Tue, 16 Apr 2013 21:00:07 +0000</pubDate>
		<dc:creator>Dave LeClair</dc:creator>
				<category><![CDATA[Tech News]]></category>
		<category><![CDATA[hacking]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/?p=144053</guid>
		<description><![CDATA[<p>A group of hackers have attacked 90,000 smaller WordPress blogs using a simple brute force method. The attacks have been ongoing for about a week, and the number of blogs targeted is quite substantial. The default "admin" username and some common passwords allowed hackers to jump in and get access to all these blogs with minimal effort involved.</p><p>The post <a href="http://www.makeuseof.com/tag/hackers-compromise-over-90000-wordpress-blogs-keep-yours-safe-updates/">Hackers Compromise Over 90,000 WordPress Blogs &#8211; Keep Yours Safe! [Updates]</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><img class="align-right" title="" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/01/Wordpress-Vulnerabilities-Intro.jpg" alt="" />A group of hackers have attacked 90,000 smaller WordPress blogs using a simple brute force method. We all know the importance of having secure passwords, but one thing we all too often forget is usernames. The default &#8221;admin&#8221; username and some common passwords allowed hackers to jump in and get access to all these blogs with minimal effort involved.</p>
<p>The attacks have been ongoing for about a week, and the number of blogs targeted is quite substantial. It&#8217;s possible that some of the attacked blogs were started and just never used, but it seems probable that a good number of them are actual blogs where the owner just did not think to change the default username.</p>
<p>The program used by the hackers would simply cycle through 1000 commonly used passwords with the default WordPress username. Obviously, if you are a savvy blog owner, you&#8217;re going to be just fine, but based on the number of successful attacks, it appears there were more than enough easy targets out there for the group of hackers to take.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/04/wordpress-admin.png" alt="" /></p>
<p>Once the attack compromises the system, it drafts the blog into a botnet, which is a group of machines that communicate with each other and are capable of wide-spread attacks. The compromised blogs themselves are not all that useful to the attackers, but the actual target could be the servers on which they are housed.</p>
<p>At this point, we are not sure what the ultimate goal of the botnet is. 90,000 compromised machines could certainly be useful in denial-of-service (DDoS) attacks, but only time will tell what comes of this.</p>
<p>If you&#8217;re still using &#8220;admin&#8221; as your username on WordPress, you should change it immediately. Come up with a more secure username, a secure password, and use two-step authentication to keep your blog as safe as possible.</p>
<p>Did your WordPress blog get attacked?</p>
<p><small>Source: <a href="http://mashable.com/2013/04/15/hackers-wordpress-blogs/">Mashable</a></small></p>
<p>The post <a href="http://www.makeuseof.com/tag/hackers-compromise-over-90000-wordpress-blogs-keep-yours-safe-updates/">Hackers Compromise Over 90,000 WordPress Blogs &#8211; Keep Yours Safe! [Updates]</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/tag/hackers-compromise-over-90000-wordpress-blogs-keep-yours-safe-updates/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Affordable, Secure and Fast Web Hosting by SiteGround [Giveaway]</title>
		<link>http://www.makeuseof.com/tag/affordable-secure-and-fast-web-hosting-by-siteground-giveaway/</link>
		<comments>http://www.makeuseof.com/tag/affordable-secure-and-fast-web-hosting-by-siteground-giveaway/#comments</comments>
		<pubDate>Mon, 18 Mar 2013 16:30:58 +0000</pubDate>
		<dc:creator>Jackson Chung</dc:creator>
				<category><![CDATA[Wordpress & Blogging Tips]]></category>
		<category><![CDATA[build website]]></category>
		<category><![CDATA[makeuseof giveaway]]></category>
		<category><![CDATA[web hosting]]></category>
		<category><![CDATA[web server]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/?p=140128</guid>
		<description><![CDATA[<p>Picking the right web hosting service is the very first step for anyone wanting to build a new website. If you don't know where to start, finding one for the right price with the right set of features is close to an impossible mission. That's why we came up with the <a href="http://www.makeuseof.com/pages/best-web-hosting-services">Best Web Hosting Services</a> page, to help new webmasters along with their decision. More experienced webmasters will agree that <em>switching</em> web hosts is a excruciating process -- one that must, if possible, be avoided at any cost. Therefore, selecting the right web host at the very beginning is crucial. So today, we'll show you what you can expect from <a href="http://www.siteground.com/index.htm?afcode=e0f9f11bf33b3d3f71255e7a466e0647">SiteGround</a> -- one of the most respected web hosting service providers in the market. We're also <strong>giving away 25 1-year shared web hosting accounts from SiteGround valued at $1185</strong>!</p><p>The post <a href="http://www.makeuseof.com/tag/affordable-secure-and-fast-web-hosting-by-siteground-giveaway/">Affordable, Secure and Fast Web Hosting by SiteGround [Giveaway]</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><img class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/03/siteground-web-hosting-review.jpg" />Picking the right web hosting service is the very first step for anyone wanting to build a new website. If you don&#8217;t know where to start, finding one for the right price with the right set of features is close to an impossible mission. That&#8217;s why we came up with the <a href="http://www.makeuseof.com/pages/best-web-hosting-services">Best Web Hosting Services</a> page, to help new webmasters along with their decision.</p>
<p>More experienced webmasters will agree that <em>switching</em> web hosts is a excruciating process &#8212; one that must, if possible, be avoided at any cost. Therefore, selecting the right web host at the very beginning is crucial. So today, we&#8217;ll show you what you can expect from <a href="http://www.siteground.com/index.htm?afcode=e0f9f11bf33b3d3f71255e7a466e0647">SiteGround</a> &#8212; one of the most respected web hosting service providers in the market. We&#8217;re also <strong>giving away 25 1-year shared web hosting accounts from SiteGround valued at $1185</strong>!</p>
<h2>SiteGround</h2>
<p>SiteGround offers a variety of hosting options: from shared hosting which starts at $3.95/month, to more powerful dedicated hosting, and of course, everything in between. Let us begin by elaborating on the type of hosting featured in this review, SiteGround&#8217;s affordable <a href="http://www.siteground.com/web-hosting.htm?afcode=e0f9f11bf33b3d3f71255e7a466e0647">shared web hosting plan</a>.</p>
<p>This plan costs $3.95 a month, supports one domain to be registered for free, an unlimited amount of web space and traffic, plus an unlimited number of subdomains. It also allows the freedom for unlimited FTP accounts with brilliant FTP management, and unlimited MySQL databases. Lastly, provided with even this entry level shared hosting plan, is the infamous cPanel.</p>
<h2>Test website: <a href="http://forthefoodie.com">forthefoodie.com</a></h2>
<p>For the purpose of this review, I decided to migrate my wife&#8217;s WordPress-based food journal, <a href="http://forthefoodie.com">ForTheFoodie</a>, from <a href="http://mediatemple.net/webhosting/dv/">MediaTemple</a> to SiteGround; illustrating the setup and migration process, as well as highlighting a couple of key features you may be interested in. At this point, I&#8217;d just like to note that ForTheFoodie is currently hosted on MediaTemple&#8217;s dedicated virtual (dv) server, which costs $50 every month &#8212; and is definitely overkill for the amount of traffic that it brings in. Plus, it&#8217;s not a very hefty site &#8212; with only a handful of posts, migration should be a piece of cake.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/03/siteground-web-hosting-review-0.jpg" alt="siteground review" /></p>
<p>If you&#8217;re also looking to migrate your website to SiteGround, they provide free transfer service (a feature most web hosting providers charge for) and will handle the nitty gritty if you&#8217;re not so inclined. But as for me, I&#8217;ll be using <a href="http://www.makeuseof.com/tag/move-wordpress-blog-host/">WordPress&#8217; Import/Export feature</a> for the migration in order to avoid dabbling with databases. This convenient method is perfect for smaller websites with databases less than 24 MB in size and only involves transferring the entire WordPress site with just one XML file.</p>
<h2>Auto-installation</h2>
<p>Let&#8217;s get started. After <a href="http://www.siteground.com/signup.php?afcode=e0f9f11bf33b3d3f71255e7a466e0647">signing up</a> for an account with SiteGround, I&#8217;m presented with the setup wizard. In this step, a few relevant information about my website is required in order for SiteGround to properly determine the type of software which needs to be installed i.e WordPress, Joomla, etc. SiteGround prides itself with its in-house website setup tool which supports a variety of blogging and CMS platforms, as well as a multitude of shopping carts and e-commerce solutions.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/03/siteground-web-hosting-review-1.jpg" alt="siteground review" /></p>
<p>In addition to speeding up the initial process of setting up a website (in particular, WordPress), allowing SiteGround to automatically install the appropriate blogging software brings another understated benefit &#8212; it also updates the software/platform automatically. Maintaining an up-to-date version of WordPress is vital for security reasons, but most webmasters often put it off. SiteGround&#8217;s auto-update feature is invoked whenever a new version of WordPress is available. Additionally, it performs a backup of the entire site before carrying out the update. In case anything goes wrong, the previous version can be safely restored.</p>
<p>After completing the wizard, SiteGround installs the latest version of WordPress, creates the appropriate database entries and directs me to my account dashboard. In essence, my new WordPress site is ready! But in my case, we&#8217;re not quite there yet because migrating a WordPress website involves overwriting a few files, which requires FTP access. And this takes me to cPanel.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/03/siteground-web-hosting-review-5.jpg" alt="siteground web hosting" /></p>
<h2>cPanel</h2>
<p>cPanel is a highly-acclaimed proprietary web hosting control panel which provides its users with the tools required to efficiently manage hosting of a website. Many web hosting services will charge extra for cPanel, some don&#8217;t even offer it. Even paying $50 every month to my former host, MediaTemple, didn&#8217;t equip me with cPanel when I needed it most. SiteGround offers it for free, even with their entry-level hosting plan &#8212; and that is truly a blessing.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/03/siteground-web-hosting-review-6.jpg" alt="siteground web hosting" /></p>
<h2>Support</h2>
<p>After setting up FTP access, importing the required WordPress files and redirecting the nameservers, we&#8217;re back in business. My wife&#8217;s <a href="http://forthefoodie.com/">food journal</a> is now fully hosted by SiteGround. Now, I realise that even though you may aspire to start your own website or blog, you may not fully understand how to set up a new site or migrate one, for that matter. In fact, I wasn&#8217;t completely sure of the process myself. So it&#8217;s rather good to know that SiteGround is fully prepared to assist by providing a <a href="http://kb.siteground.com/">complete range of tutorials</a> on hosting, sitebuilding, SEO, SSL, e-commerce &#8212; you name it.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/03/siteground-web-hosting-review-7.jpg" alt="siteground web hosting review" /></p>
<p>And if you still have questions left unanswered, SiteGround&#8217;s capable customer support team is available all around the clock, every day of the year via their ticketing system, by phone or live chat. To be thorough, I reviewed the quality of their support as well. In fact, I bombarded a customer support representative with several inane questions about WordPress, what I should do next in the migration process and whether I&#8217;d be able to start publishing new posts right away. I even went to the extent of pretending to be slightly obnoxious. The representative seemed unfazed by my behaviour, and responded both professionally as well as courteously. To say that their support is impeccable is an understatement. </p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/03/siteground-web-hosting-review-8.jpg" alt="siteground web hosting review" /></p>
<h2>Speed</h2>
<p>Finally, I&#8217;ll slightly touch on a very important criteria i.e. speed. It is common knowledge that shared hosting is often sluggish. SiteGround curbs this issue by having 3 data centres on 3 different continents (North America, Europe, and Asia Pacific). They&#8217;ve also partnered with <a href="http://www.makeuseof.com/tag/protect-speed-website-free-cloudflare-service/">CloudFlare</a> to distribute copies of my website to 23 additional data centres globally. As a result, <a href="http://forthefoodie.com/">ForTheFoodie</a> loads faster than 33% of the websites tested by <a href="http://www.makeuseof.com/tag/3-ways-w3-total-cache-plugin-speed-wordpress-blog/">Pingdom</a></p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2013/03/siteground-web-hosting-review-9.jpg" alt="siteground web hosting review" /></p>
<p>Overall, <a href="http://www.siteground.com/index.htm?afcode=e0f9f11bf33b3d3f71255e7a466e0647">SiteGround</a> proves to be one of the best web hosts available today, with their brilliant customer support and superb lineup of features. And it&#8217;s affordable too &#8212; you can get started with just <strong>$3.95 a month</strong> with <strong>no setup fee for plans above 12 months</strong>, and <strong>free domain registration</strong>. Sign up for an account <a href="http://www.siteground.com/signup.php?afcode=e0f9f11bf33b3d3f71255e7a466e0647">here</a>.</p>
<p>Eager to start your own website? Win a year&#8217;s worth of hosting for free by joining our giveaway below.</p>
<h2>How do I win a copy?</h2>
<h3>Step 1: Fill in the giveaway form</h3>
<p>Please fill in the form with your <strong>real name and email address</strong> so that we can get in touch if you are chosen as a winner. <strong>MakeUseOf giveaways are open to readers worldwide.</strong><br />
&nbsp;</p>
<div style="margin-bottom: 15px;padding:5px; border:1px solid #f6d87d;background-color:#fafad6;">The giveaway is over. Here are the winners:</p>
<ul>
<li>Akash Goel</li>
<li>Aleksandar</li>
<li>Anatoly</li>
<li>Anita Lee</li>
<li>Ashraf Mahmud</li>
<li>Cindy Abernethy</li>
<li>David I. Lynch</li>
<li>Deb Byram</li>
<li>Deepak kapoor</li>
<li>Emelia Smith</li>
<li>Frank Bakutis</li>
<li>Kamran Mackey</li>
<li>kevin mcmurray</li>
<li>Lisa Campbell</li>
<li>Lorena Carthy</li>
<li>Maria Haeja Franca</li>
<li>Marwan Aziz</li>
<li>Mike Martone</li>
<li>nyasha mudzamba</li>
<li>Paul Brown</li>
<li>Paul Pruitt</li>
<li>Rakesh Gill</li>
<li>Roman Vávra</li>
<li>Seaborn Jones</li>
<li>Ted Hastings</li>
</ul>
<p>Congratulations! If you were selected as a winner, you would have received your license via email from jackson@makeuseof.com. If you require any assistance, please get in touch with Associate Editor Jackson Chung before March 31. Enquires beyond this date will not be entertained.
</p></div>
<h3>Step 2: Share!</h3>
<p>You&#8217;re almost done. Now, all that&#8217;s left to do is to share the post!</p>
<div style="display:block;text-align:center;width:100%;">
<div style="display:inline-block;width:100px">
<p><strong>Like it</strong></p>
<p><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.makeuseof.com%2Ftag%2Faffordable-secure-and-fast-web-hosting-by-siteground-giveaway%2F&amp;layout=box_count&amp;show_faces=true&amp;width=60&amp;action=like&amp;colorscheme=light&amp;height=65&amp;appId=171513306241558" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:60px; height:65px;" allowTransparency="true"></iframe></div>
<div style="display:inline-block;width:100px;">
<p><strong>Tweet it</strong></p>
<p><a class="twitter-share-button" href="http://twitter.com/share" data-text="WIN a year's hosting by SiteGround from @makeuseof's giveaway! You HAVE to join!" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>
<div style="display:inline-block;width:100px;">
<p><strong>+1 on Google</strong></p>
<p><g:plusone size="tall"></g:plusone><br />
<script type="text/javascript">
  (function() {
   var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
   po.src = 'https://apis.google.com/js/plusone.js';
   var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
 })();
</script></div>
</div>
<p>(Note: no points will be awarded.)</p>
<h3>Alternative entry method: Use your points!</h3>
<p>Exchange your MakeUseOf points for an entry into the competition. First, <strong>create</strong> a MakeUseOf account, <strong>earn</strong> points and <strong>exchange</strong> your points for an entry! Learn more about our <strong><a href="http://www.makeuseof.com/game/">Game system and Rewards program</a></strong>.</p>
<p style="color:red;text-align:center;font-weight:bold;">Sorry, the competition is now over</p>
<p>By participating in this giveaway, you agree to the <a href="http://www.makeuseof.com/official-giveaway-rules/">giveaway rules</a>.</p>
<p>This giveaway begins now and ends <strong>Friday, March 22nd</strong>. The winners will be selected at random and informed via email.</p>
<p>Spread the word to your friends and have fun!</p>
<p><em>Interested in sponsoring a giveaway? We&#8217;d love to hear from you. Get in touch with us via <a href="http://www.makeuseof.com/makeuseof-giveaway-program/">the form at the bottom of this page</a>.</em></p>
<p>The post <a href="http://www.makeuseof.com/tag/affordable-secure-and-fast-web-hosting-by-siteground-giveaway/">Affordable, Secure and Fast Web Hosting by SiteGround [Giveaway]</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/tag/affordable-secure-and-fast-web-hosting-by-siteground-giveaway/feed/</wfw:commentRss>
		<slash:comments>43</slash:comments>
		</item>
		<item>
		<title>WordPress.com Now Accepts Bitcoin Payments [Updates]</title>
		<link>http://www.makeuseof.com/tag/wordpress-com-now-accepts-bitcoin-payments-updates/</link>
		<comments>http://www.makeuseof.com/tag/wordpress-com-now-accepts-bitcoin-payments-updates/#comments</comments>
		<pubDate>Mon, 19 Nov 2012 21:00:54 +0000</pubDate>
		<dc:creator>Erez Zukerman</dc:creator>
				<category><![CDATA[Tech News]]></category>
		<category><![CDATA[bitcoin]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/?p=127609</guid>
		<description><![CDATA[<p>Bitcoin, a virtual form of currency, has known its share of controversy – mainly around being used for illicit activities. But now the cyber-currency has gotten a much needed boost in legitimacy, with Wordpress.com accepting it as a form of payment just like PayPal or credit cards. This allows users from all over the world to pay for premium Wordpress.com services, even if their countries are blocked by PayPal or if they’re under other credit restrictions.</p><p>The post <a href="http://www.makeuseof.com/tag/wordpress-com-now-accepts-bitcoin-payments-updates/">WordPress.com Now Accepts Bitcoin Payments [Updates]</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><img class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/06/intro6.jpg" alt="" /><a href="http://en.wikipedia.org/wiki/Bitcoin" rel="nofollow">Bitcoin</a>, a virtual form of currency, has known its share of controversy – mainly around being used for illicit activities. But now the cyber-currency has gotten a much needed boost in legitimacy, with WordPress.com accepting it as a form of payment just like PayPal or credit cards. This allows users from all over the world to pay for premium WordPress.com services, even if their countries are blocked by PayPal or if they’re under other credit restrictions.</p>
<p>Powered by Bitcoin payment processor <a href="https://bitpay.com/" rel="nofollow">BitPay</a>, the WordPress Bitcoin payment interface is straightforward and easy to use, putting Bitcoin alongside other mainstream payment mechanisms.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2012/11/bitcoin.png" alt="" /></p>
<p>While Bitcoin adoption rates amongst consumers are far behind PayPal (not to mention traditional credit cards), this move goes a long way towards democratizing access to WordPress’s premium tools and leveling the playing field for bloggers and writers from developing countries. In other words, if you live in a developed country and have no problems with PayPal, this may not make much of a difference to you – but for users with no PayPal or credit card access, being able to pay via Bitcoin can make a significant difference. With this move, WordPress joins many other web hosting services who already <a href="https://en.bitcoin.it/wiki/Trade#Web_Hosting" rel="nofollow">accept Bitcoin</a>, and becomes one of the fledgling virtual currency’s most high-profile supporters.</p>
<p><small>Source: <a href="http://en.blog.wordpress.com/2012/11/15/pay-another-way-bitcoin/" rel="nofollow">WordPress.com</a></small></p>
<p>The post <a href="http://www.makeuseof.com/tag/wordpress-com-now-accepts-bitcoin-payments-updates/">WordPress.com Now Accepts Bitcoin Payments [Updates]</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/tag/wordpress-com-now-accepts-bitcoin-payments-updates/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Give Your Subscriber Count a Boost With Pippity Pop-Ups [Giveaway]</title>
		<link>http://www.makeuseof.com/tag/subscriber-boost-pippity-pop-ups/</link>
		<comments>http://www.makeuseof.com/tag/subscriber-boost-pippity-pop-ups/#comments</comments>
		<pubDate>Mon, 12 Mar 2012 16:30:29 +0000</pubDate>
		<dc:creator>Ryan Dube</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[blogging]]></category>
		<category><![CDATA[newsletter]]></category>
		<category><![CDATA[webmaster tool]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wordpress plugins]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/?p=102361</guid>
		<description><![CDATA[<p>I think the most important stage of development for any blog is the moment that you first launch your newsletter. This week, we'll be giving away 25 Pippity licenses, a premium Wordpress pop-up plugin (that doesn't frustrate) worth $49. Find out what Pippity can do for you and how you can win one.</p><p>The post <a href="http://www.makeuseof.com/tag/subscriber-boost-pippity-pop-ups/">Give Your Subscriber Count a Boost With Pippity Pop-Ups [Giveaway]</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><img class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2012/03/pippitygiveaway.jpg" />Over the last few years, I&#8217;ve dedicated countless hours of effort developing my own blog. For any of you that have a blog, you know that as it grows, each stage of evolution involves learning what tools are available out there, and what would work best for your site.</p>
<p>For me, it really started when I wanted to develop more interaction with readers. To do that, I included new Google Plus, Facebook and RSS feed buttons at the top of every post page. A little later, I also included the awesome Facebook &#8220;likes&#8221; badge that shows the growing number of people that liked your blog on Facebook.</p>
<p>Other stages of development for a growing blog also include things like adding new advertisers beyond just Google Ads, incorporating useful analytics to show reader behavior, and also tweaking the theme to include special information in every post footer or header.</p>
<p>However, I think the most important stage of development for any blog is the moment that you first launch your newsletter. While doing so was something that I had really feared for a long time &#8211; I figured it was far too complicated and expensive &#8211; I am happy to report that establishing a newsletter and growing the list fast isn&#8217;t difficult, especially if you promote it using an effective pop-up subscription tool like <a href="http://pippity.com/">Pippity</a>.</p>
<p>This week, we&#8217;ll be <strong>giving away 25 Pippity licenses, a premium WordPress pop-up plugin</strong> (that doesn&#8217;t frustrate) <strong>worth $49</strong>. Find out what Pippity can do for you and how you can win one.</p>
<div style="margin-bottom: 15px;padding:5px; border:1px solid #f6d87d;background-color:#fafad6;">The giveaway is over. Here are the winners:</p>
<ul>
<li>Alex S</li>
<li>Andrew Miller</li>
<li>Arthur Rieman</li>
<li>Benjamin Williams</li>
<li>Brian</li>
<li>Cecilia</li>
<li>Chris</li>
<li>Cindy</li>
<li>Colleen Cole</li>
<li>Cool</li>
<li>David Bargatze</li>
<li>Dianne Wiroll</li>
<li>Dragos Voicu</li>
<li>Gilberto De Hoyos</li>
<li>Henrietta Newman</li>
<li>Jeet Dholakia</li>
<li>Jorge</li>
<li>Meah Baltazar</li>
<li>michael</li>
<li>Ota Lunak</li>
<li>Peter Sawka</li>
<li>Rish</li>
<li>Shim Marom</li>
<li>Teodor</li>
<li>Thomas W Spychalski</li>
</ul>
</div>
<h2>Pippity is for Customized Pop-Up Forms</h2>
<p>I should set the record straight right off the bat. <a href="http://pippity.com/">Pippity</a> isn&#8217;t just for newsletter subscriptions. It&#8217;s actually an effective tool to create customized pop-up windows on your site that behave exactly in the way that you tell it to.</p>
<p>The first reaction for a lot of people when they hear the phrase &#8220;pop-ups&#8221; is, &#8220;Oh, I don&#8217;t want to do that to my readers.&#8221;</p>
<p>Well, if you actually look at some of your favorite sites, you might realize that they use pop-up forms, but they do so in a way that is unobtrusive and useful. That is what Pippity is all about.</p>
<p>After purchasing a licence from <a href="http://pippity.com/pricing">Pippity</a>, installing the plugin is as simple as downloading the ZIP file from the site, and then going into your plugin folder in WordPress and clicking on &#8220;Add New&#8221;.</p>
<p><img class="aligncenter size-full wp-image-102362" style="border-image: initial; border-width: 1px; border-color: black; border-style: solid;" title="pippity1" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2012/03/pippity1.png" alt="" width="505" height="405" /></p>
<p>Click on the &#8220;Upload&#8221; option, and then click &#8220;Choose File&#8221; and browse to the ZIP file that you just downloaded from the Pippity site. When you click on &#8220;Install Now&#8221;, WordPress uploads, unpacks and sets up the plugin for you &#8211; it&#8217;s as easy as that.</p>
<p><img class="aligncenter size-full wp-image-102363" style="border-image: initial; border-width: 1px; border-color: black; border-style: solid;" title="pippity2" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2012/03/pippity2.png" alt="" width="466" height="284" /></p>
<p>Once it&#8217;s downloaded and activated, you&#8217;ll see the Pippity link appear under &#8220;Appearance&#8221; in your WordPress navigation menu.</p>
<p><img class="aligncenter size-full wp-image-102364" style="border-image: initial; border-width: 1px; border-color: black; border-style: solid;" title="pippity3" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2012/03/pippity3.png" alt="" width="158" height="316" /></p>
<p>When you first click on the Pippity menu item, you&#8217;ll need to enter in the key that was sent to you when you purchased the software. Once that&#8217;s finished, the left Pippity menu includes the tools to create and manage your pop-ups. To start a new one, just click &#8220;Create Popup&#8221;.</p>
<p>In the window to the right, you&#8217;ll see a left navigation bar appear, and to the right you&#8217;ll see a preview window where you see a sample pop-up display, showing you how the pop-up will appear on your site.</p>
<p><img class="aligncenter size-full wp-image-102365" title="pippity5" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2012/03/pippity5.png" alt="" width="458" height="462" /></p>
<p>Hover over each theme to see an example of how it looks. When you find the one that you like, just click on &#8220;Save &amp; Continue&#8221;. The next step is customizing the pop-up further. Pippity gives you the ability to really alter everything about the pop-up, including the coloring, font sizes and colors, and more. Just go from top to bottom and make sure all of the style settings are set to your liking.</p>
<p><img class="aligncenter size-full wp-image-102366" style="border-image: initial; border-width: 1px; border-color: black; border-style: solid;" title="pippity7" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2012/03/pippity7.png" alt="" width="430" height="455" /></p>
<p>Once you&#8217;ve got the design down, the next step is to actually create the content that will appear on your pop-up. This doesn&#8217;t take very long at all. Just create the header and main text. For bullets, just use &#8220;*&#8221; to mark each item, and it&#8217;ll appear with the bullet graphic you defined in the previous style settings.</p>
<p><img class="aligncenter size-full wp-image-102367" style="border-image: initial; border-width: 1px; border-color: black; border-style: solid;" title="pippity8" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2012/03/pippity8.png" alt="" width="437" height="521" /></p>
<p>Click &#8220;Save &amp; Continue&#8221; again, and the next step will be to define the behavior of your pop-up. I can&#8217;t stress enough how important this step is. This will make the difference between a really annoying popup, and one that readers will actually find useful and welcome. You can configure the popup to only occur on posts and not pages, make it wait a specific delay before popping up, and only popping up when the reader reaches the end of an article.</p>
<p><img class="aligncenter size-full wp-image-102368" style="border-image: initial; border-width: 1px; border-color: black; border-style: solid;" title="pippity9" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2012/03/pippity9.png" alt="" width="411" height="535" /></p>
<p>You can even set it up so that a reader doesn&#8217;t even get the pop-up unless they&#8217;ve visited the page a few times, and not just throwing pop-ups at every reader that visits the page. You can also make sure readers aren&#8217;t constantly getting popups by putting a delay in days before the popup happens again.</p>
<p>In addition to only showing the popups on posts rather than pages, you can also configure the plugin to only show pop-ups to people that aren&#8217;t logged into your blog. This prevents readers that are already signed up with your site from getting popups asking them to register.</p>
<p><img class="aligncenter size-full wp-image-102369" style="border-image: initial; border-width: 1px; border-color: black; border-style: solid;" title="pippity10" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2012/03/pippity10.png" alt="" width="285" height="275" /></p>
<p>Finally, once you&#8217;re done creating your popup &#8211; and if it is for a newsletter subscription &#8211; you will have the option in the next step to integrate the pop-up with the subscription script for many of the major newsletter management services out there. Here at MUO, we&#8217;ve covered ones like <a href="http://www.makeuseof.com/tag/mad-mimi-mad-easy-email-marketing-tool/">Madmimi</a> and <a href="http://www.makeuseof.com/dir/mailchimp-generate-newsletter-distribute-online/">MailChimp</a>, both of which can be integrated with Pippity by simply pasting the Newsletter subscription HTML form into the box in the Pippity Popup Creation form.</p>
<p><img class="aligncenter size-full wp-image-102370" style="border-image: initial; border-width: 1px; border-color: black; border-style: solid;" title="pippity11" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2012/03/pippity11.png" alt="" width="403" height="540" /></p>
<p>I have to admit, I was a little bit skeptical that such a quick setup could result in a quality popup that would interest people into signing up for the monthly newsletter that I&#8217;ll be offering. I was also skeptical that the pop-up behavior would really follow the rules that I set up in the popup creation tool.</p>
<p>I clicked on a post in my site, and then waited 60 seconds &#8211; the time that I&#8217;d set before an popup should appear to readers first arriving to the post. Sure enough, after a minute, the pop-up appeared.</p>
<p><img class="aligncenter size-full wp-image-102371" title="pippity12" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2012/03/pippity12.png" alt="" width="580" height="433" /></p>
<p>I have to admit that I was pleasantly surprised at how easy it was, and how professional the popups look. They are not at all annoying &#8211; they just offer a very fast sign-up form that readers can use to subscribe to your newsletter. It&#8217;s actually a way to offer your readers a fast, convenient method they can use to subscribe.</p>
<p>I haven&#8217;t quite been running Pippity long enough to say whether it has resulted in a huge influx of subscribers, but I can say that I&#8217;m already using the Pippity analytics to watch how many impressions of the popup take place every day. So monitoring the conversion rate using those tools is a great way to gauge whether or not the design or text on your popup works. By playing around and tweaking things, you&#8217;ll be able to increase your conversion rates easily.</p>
<p>Give Pippity a try and let us know what you think of how it looks on your WordPress site, and how well it performs in getting you subscribers. Share your experiences in the comments section below!</p>
<p>Good news for webmasters! We&#8217;ve got 25 licenses for Pippity to offer this week. Here&#8217;s how you can win one.</p>
<h2>How do I win a copy?</h2>
<p>It&#8217;s simple, just follow the instructions.</p>
<h3>Step 1: Fill in the giveaway form</h3>
<p>Please fill in the form with your <strong>real name and email address</strong> so that we can get in touch if you are chosen as a winner. <a href="http://muo.wufoo.com/forms/z7s5r7" onclick="window.open(this.href,  null, 'height=443, width=680, toolbar=0, location=0, status=1, scrollbars=1, resizable=1'); return false">Click here if you can&#8217;t view the form.</a></p>
<p>The giveaway code required to activate the form is available from <a href="http://facebook.com/makeuseof">our Facebook page</a>.</p>
<p><a href="https://www.facebook.com/makeuseof/app_171513306241558"><img src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2012/03/giveawaycodes.jpg" /></a></p>
<div id="wufoo-z7s5r7">
Fill out my <a href="http://muo.wufoo.com/forms/z7s5r7">online form</a>.
</div>
<p><script type="text/javascript">var z7s5r7;(function(d, t) {
var s = d.createElement(t), options = {
'userName':'muo', 
'formHash':'z7s5r7', 
'autoResize':true,
'height':'443',
'async':true,
'header':'show', 
'ssl':true};
s.src = ('https:' == d.location.protocol ? 'https://' : 'http://') + 'wufoo.com/scripts/embed/form.js';
s.onload = s.onreadystatechange = function() {
var rs = this.readyState; if (rs) if (rs != 'complete') if (rs != 'loaded') return;
try { z7s5r7 = new WufooForm();z7s5r7.initialize(options);z7s5r7.display(); } catch (e) {}}
var scr = d.getElementsByTagName(t)[0], par = scr.parentNode; par.insertBefore(s, scr);
})(document, 'script');</script></p>
<h3>Step 2: Share!</h3>
<p>You&#8217;re almost done. Now, all that&#8217;s left to do is to share the post. There are 2 options to choose from or you can do both!</p>
<table border="0" cellspacing="20">
<tbody>
<td width="240" align="middle" valign="top">
<p><strong>Like it on Facebook</strong>
<div align="center"><iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.makeuseof.com%2Ftag%2Fsubscriber-boost-pippity-pop-ups%2F&amp;layout=box_count&amp;show_faces=true&amp;width=60&amp;action=like&amp;colorscheme=light&amp;height=65" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:60px; height:65px;" allowTransparency="true"></iframe></div>
</td>
<td width="240" align="middle" valign="top">
<p><strong>Or share it on Twitter</strong></p>
<div align="center"><a href="http://twitter.com/share" class="twitter-share-button" data-text="Join the Pippity giveaway at @makeuseof and WIN a free license!" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>
</td>
</tbody>
</table>
<p>This giveaway begins now and ends <strong>Friday, March 16th</strong>. The winners will be selected at random and informed via email.</p>
<p>Spread the word to your friends and have fun!</p>
<p><em>Interested in sponsoring a giveaway? We&#8217;d love to hear from you. Get in touch with us via <a href="http://www.makeuseof.com/makeuseof-giveaway-program/">the form at the bottom of this page</a>.</em></p>
<p>The post <a href="http://www.makeuseof.com/tag/subscriber-boost-pippity-pop-ups/">Give Your Subscriber Count a Boost With Pippity Pop-Ups [Giveaway]</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/tag/subscriber-boost-pippity-pop-ups/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>A Tutorial On Using AJAX In WordPress</title>
		<link>http://www.makeuseof.com/tag/tutorial-ajax-wordpress/</link>
		<comments>http://www.makeuseof.com/tag/tutorial-ajax-wordpress/#comments</comments>
		<pubDate>Fri, 17 Feb 2012 18:00:03 +0000</pubDate>
		<dc:creator>James Bruce</dc:creator>
				<category><![CDATA[Wordpress & Blogging Tips]]></category>
		<category><![CDATA[ajax programming]]></category>
		<category><![CDATA[programmer tool]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[webmaster tool]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/?p=99623</guid>
		<description><![CDATA[<p>AJAX is a remarkable web technology that moved us beyond the simple “click link, go to another page” structure of The Internet 1.0. It enables websites to dynamically fetch and display content without the user moving away from the current page. Making use of AJAX is quite easy to do from within the WordPress environment, and today we show you how.</p><p>The post <a href="http://www.makeuseof.com/tag/tutorial-ajax-wordpress/">A Tutorial On Using AJAX In WordPress</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><img class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/featured-wordpress.jpg" alt="ajax tutorial"/>AJAX is a remarkable web technology that moved us beyond the simple &#8220;<em>click link, go to another page</em>&#8221; structure of <strong>The Internet 1.0</strong>. <a href="http://en.wikipedia.org/wiki/Ajax_(programming)"></p>
<p>AJAX</a>, which stands for <em>Asynchronous Javascript and XML</em>, enables websites to dynamically fetch and display content without the user moving away from the current page. This leads to a far more interactive user experience, and can speed things up too since a whole new webpage needn&#8217;t be loaded. Luckily, making use of AJAX is quite easy to do from within the WordPress environment, and today I&#8217;m going to show you how.</p>
<p>This Ajax tutorial should be considered fairly advanced, and continues on from last time where we learnt <a href="http://www.makeuseof.com/tag/working-custom-database-tables-wordpress/">how to use custom database tables</a> from within a WordPress template &#8211; in my example, a simple existing table of customer data was used. When it comes to inserting things back into the database though, we&#8217;re going to be making use of a little AJAX magic within WordPress. </p>
<p>All the code in todays tutorial will therefore be referencing what we wrote last time, but if you&#8217;re just looking for how to do AJAX in WordPress then it&#8217;s equally as relevant.</p>
<h2>Why Use AJAX?</h2>
<p>The most common use of AJAX is related to forms &#8211; checking if a username is taken, or populating the rest of the form with different questions depending on a particular answer you give. Basically though, you use AJAX whenever you want an event (<em>like a user clicking something, or typing something)</em> tied to a <strong>server-side</strong> action that occurs in the <strong>background</strong>.</p>
<p>We&#8217;re going to use it to add new entries to our important customized customer database table, but you can probably come up with something more exciting.</p>
<h2>Overview of How To Use AJAX in WordPress</h2>
<ol>
<li>Edit your custom template to include a form or javascript event that will submit data via jQuery AJAX to <strong>admin-ajax.php</strong> including whatever post data you want to pass in. Make sure jQuery is being loaded.</li>
<li>Define a function in your theme&#8217;s <strong>function.php</strong>; read post variables, and return something back to the user if you wish.</li>
<li>Add an <strong>AJAX action hook</strong> for your function.</li>
</ol>
<h2>Creating the Form</h2>
<p>Let&#8217;s start by creating a simple form on the front-end for entering new customer details. It&#8217;s nothing complicated, just replace the main part of your custom template with this code that we began last week, around where the is_user_logged_in() check occurs:</p>

<div class="wp_syntax"><table><tr><td class="code"><pre class="html" style="font-family:monospace;">if (is_user_logged_in()):?&gt;
&nbsp;
&lt;form type=&quot;post&quot; action=&quot;&quot; id=&quot;newCustomerForm&quot;&gt;
&nbsp;
&lt;label for=&quot;name&quot;&gt;Name:&lt;/label&gt;
&lt;input name=&quot;name&quot; type=&quot;text&quot; /&gt;
&nbsp;
&lt;label for=&quot;email&quot;&gt;Email:&lt;/label&gt;
&lt;input name=&quot;email&quot; type=&quot;text&quot; /&gt;
&nbsp;
&lt;label for=&quot;phone&quot;&gt;Phone:&lt;/label&gt;
&lt;input name=&quot;phone&quot; type=&quot;text&quot; /&gt;
&nbsp;
&lt;label for=&quot;address&quot;&gt;Address:&lt;/label&gt;
&lt;input name=&quot;address&quot; type=&quot;text&quot; /&gt;
&nbsp;
&lt;input type=&quot;hidden&quot; name=&quot;action&quot; value=&quot;addCustomer&quot;/&gt;
&lt;input type=&quot;submit&quot;&gt;
&lt;/form&gt;
&lt;br/&gt;&lt;br/&gt;
&lt;div id=&quot;feedback&quot;&gt;&lt;/div&gt;
&lt;br/&gt;&lt;br/&gt;</pre></td></tr></table></div>

<p>The only thing that might look odd to you is that there is the use of a hidden input field called <em>action</em> &#8211; this contains the name of the function we&#8217;ll trigger via AJAX.</p>
<p><img class="aligncenter size-full wp-image-99641" title="form" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2012/02/form.png" alt="ajax tutorial" width="590" height="140" /></p>
<h2>The PHP Receiver</h2>
<p>Next, open up <strong>functions.php</strong> and add the following line to ensure jQuery is being loaded on your site:</p>

<div class="wp_syntax"><table><tr><td class="code"><pre class="php" style="font-family:monospace;">wp_enqueue_script<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'jquery'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>The basic structure for writing an AJAX call is as follows:</p>

<div class="wp_syntax"><table><tr><td class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">function</span> myFunction<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
<span style="color: #666666; font-style: italic;">//do something</span>
<span style="color: #990000;">die</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
add_action<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'wp_ajax_myFunction'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'myFunction'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
add_action<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'wp_ajax_nopriv_myFunction'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'myFunction'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>Those last two lines are action hooks that tell WordPress <em>&#8220;I have a function called myFunction, and I want you to listen out for it because it&#8217;s going to be called through the AJAX interface&#8221;</em> &#8211; the first is for admin level users, while <strong>wp_ajax_nopriv_</strong> is for users who aren&#8217;t logged in. Here&#8217;s the complete code for <strong>functions.php</strong> that we&#8217;re going to use to insert data in our special customers table, which I&#8217;ll explain shortly:</p>

<div class="wp_syntax"><table><tr><td class="code"><pre class="php" style="font-family:monospace;">wp_enqueue_script<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'jquery'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">function</span> addCustomer<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">global</span> <span style="color: #000088;">$wpdb</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000088;">$name</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'name'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$phone</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'phone'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$email</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'email'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
<span style="color: #000088;">$address</span> <span style="color: #339933;">=</span> <span style="color: #000088;">$_POST</span><span style="color: #009900;">&#91;</span><span style="color: #0000ff;">'address'</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #b1b100;">if</span><span style="color: #009900;">&#40;</span><span style="color: #000088;">$wpdb</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">insert</span><span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'customers'</span><span style="color: #339933;">,</span><span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span>
<span style="color: #0000ff;">'name'</span><span style="color: #339933;">=&gt;</span><span style="color: #000088;">$name</span><span style="color: #339933;">,</span>
<span style="color: #0000ff;">'email'</span><span style="color: #339933;">=&gt;</span><span style="color: #000088;">$email</span><span style="color: #339933;">,</span>
<span style="color: #0000ff;">'address'</span><span style="color: #339933;">=&gt;</span><span style="color: #000088;">$address</span><span style="color: #339933;">,</span>
<span style="color: #0000ff;">'phone'</span><span style="color: #339933;">=&gt;</span><span style="color: #000088;">$phone</span>
<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">===</span><span style="color: #009900; font-weight: bold;">FALSE</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
&nbsp;
<span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">&quot;Error&quot;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #009900;">&#125;</span>
<span style="color: #b1b100;">else</span> <span style="color: #009900;">&#123;</span>
<span style="color: #b1b100;">echo</span> <span style="color: #0000ff;">&quot;Customer '&quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$name</span><span style="color: #339933;">.</span> <span style="color: #0000ff;">&quot;' successfully added, row ID is &quot;</span><span style="color: #339933;">.</span><span style="color: #000088;">$wpdb</span><span style="color: #339933;">-&gt;</span><span style="color: #004000;">insert_id</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #009900;">&#125;</span>
<span style="color: #990000;">die</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
add_action<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'wp_ajax_addCustomer'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'addCustomer'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
add_action<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'wp_ajax_nopriv_addCustomer'</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'addCustomer'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #666666; font-style: italic;">// not really needed</span></pre></td></tr></table></div>

<p>Just as before, we&#8217;re declaring the <strong>global $wpdb</strong> to give us direct access to the database.  We&#8217;re then grabbing the <strong>POST</strong> variables which contain the form data. Surrounded in an IF statement is the function <strong>$wpdb-&gt;insert</strong>, which is what we use to insert data into our table. Since WordPress provides specific functions for inserting regular posts and meta data, this <strong>$wpdb-&gt;insert</strong> method is generally only used for custom tables. You can<a href="http://codex.wordpress.org/Class_Reference/wpdb#INSERT_rows"> read more about it on the Codex,</a> but basically it takes the name of the table to be inserted into, followed by an <strong>array</strong> of <strong>column/value pairs.</strong></p>
<p>The <strong>===FALSE</strong> checks to see if the insert function failed, and if so, it outputs &#8220;<em>error</em>&#8220;. If not, we&#8217;re just sending a message to the user that <em>Customer X was added</em>, and echoing the <strong>$wpdb-&gt;insert_id</strong> variable, which indicates the <em>auto-increment variable</em> of the last insert operation that happened <em>(assuming you&#8217;ve set a field that auto-increments, like an ID)</em>.</p>
<p>Finally, <strong>die()</strong> will override the default <strong>die(0)</strong> provided by WordPress &#8211; this isn&#8217;t essential as such, but without it you&#8217;re going to get <strong>0</strong> appended to the end of anything you send back to the template.</p>
<h2>The Javascript</h2>
<p>The final step is the magic bit - the actual Javascript that will initiate the AJAX call. You&#8217;ll notice that in the form we added earlier, the action field was left blank. That&#8217;s because we&#8217;ll be overriding this with our AJAX call. The general way to do this would be:</p>

<div class="wp_syntax"><table><tr><td class="code"><pre class="javascript" style="font-family:monospace;">jQuery.<span style="color: #660066;">ajax</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
&nbsp;
type<span style="color: #339933;">:</span><span style="color: #3366CC;">&quot;POST&quot;</span><span style="color: #339933;">,</span>
&nbsp;
url<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;/wp-admin/admin-ajax.php&quot;</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">// our PHP handler file</span>
&nbsp;
data<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;myDataString&quot;</span><span style="color: #339933;">,</span>
&nbsp;
success<span style="color: #339933;">:</span><span style="color: #000066; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>results<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
&nbsp;
<span style="color: #006600; font-style: italic;">// do something with returned data</span>
&nbsp;
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span></pre></td></tr></table></div>

<p>That&#8217;s the basic structure of AJAX call we&#8217;ll be using, but certainly not the only way you can do it. You might be wondering why we&#8217;re referring to <strong>wp-admin </strong>here, even though this will be on the front-end of the site. This is just where the <strong>AJAX handler</strong> resides, whether you&#8217;re using it for front or admin side functions &#8211; confusing, I know. Paste the following code directly into the customer template:</p>

<div class="wp_syntax"><table><tr><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
jQuery<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#newCustomerForm'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">submit</span><span style="color: #009900;">&#40;</span>ajaxSubmit<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000066; font-weight: bold;">function</span> ajaxSubmit<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
&nbsp;
<span style="color: #000066; font-weight: bold;">var</span> newCustomerForm <span style="color: #339933;">=</span> jQuery<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">serialize</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
jQuery.<span style="color: #660066;">ajax</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
type<span style="color: #339933;">:</span><span style="color: #3366CC;">&quot;POST&quot;</span><span style="color: #339933;">,</span>
url<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;/wp-admin/admin-ajax.php&quot;</span><span style="color: #339933;">,</span>
data<span style="color: #339933;">:</span> newCustomerForm<span style="color: #339933;">,</span>
success<span style="color: #339933;">:</span><span style="color: #000066; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>data<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
jQuery<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#feedback&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">html</span><span style="color: #009900;">&#40;</span>data<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>

<p>In the first line, we&#8217;re attaching our ajaxSubmit function to the form we made earlier &#8211; so when the user clicks submit, it goes via our special AJAX function. Without this, our form will do nothing. In our <strong>ajaxSubmit()</strong> function, the first thing we do is to <a href="http://api.jquery.com/serialize/">serialize()</a> the form. This just takes all the form values, and turns them into one long string that our PHP will parse out later. If it all works out right, we&#8217;ll put the returned data into the DIV with the id of feedback.</p>
<p>That&#8217;s it. Save everything, refresh and try submitting some form data. If you&#8217;re having problems, you can view <a href="http://pastebin.com/xLvvwLz4">the full code of the page template here</a><em> (based on the default twenty-eleven theme)</em>, and the code to add to <a href="http://pastebin.com/RBuMmn5x">functions.php here</a> <em>(don&#8217;t replace, just add this on the end)</em>.</p>
<p><img class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2012/02/added.png" alt="ajax tutorial" width="590" height="115" /></p>
<h2>Things to Keep In Mind</h2>
<p><strong>Security</strong>: This code isn&#8217;t production ready and is for the purposes of learning only. We have left out one key point, and that&#8217;s the use of a <a href="http://codex.wordpress.org/Function_Reference/wp_nonce_field">wp-nonce</a> &#8211; a one-off code generated by WordPress that ensures the AJAX request is only coming from where it was intended; a passkey if you will. Without that, your function could effectively be exploited to insert random data. SQL injection attacks aren&#8217;t a problem though, because we routed queries through the WordPress <strong>$wpdb-&gt;insert</strong> function &#8211; WordPress cleans any inputs for you and makes them safe.</p>
<p><strong>Updating the table of customers:</strong> Right now, we only send back a confirmation message, but the table of customers doesn&#8217;t get updated &#8211; you&#8217;ll only see the additional entries if you refresh the page <em>(which kind of defeats the purpose of doing this all via AJAX)</em>. See if you can make a new AJAX function that can dynamically output the table.</p>
<p><strong>Input Validation</strong>: because there&#8217;s no validation going on with the form data, it&#8217;s actually possible to add blank entries, or multiple entries if you press too many times. Some input validation on the form fields, clearing them when completed, as well SQL to check the email or phone number that doesn&#8217;t already exist in the database would be useful.</p>
<p>That&#8217;s it from me this week &#8211; if you&#8217;ve had any problems following this tutorial then feel free to get in touch via the comments and I&#8217;ll do my best to help you; or if you&#8217;re trying to customize this in some way, feel free to bounce ideas off me. I hope this really goes to show just how much you can do from within WordPress simply by combining a little JavaScript, PHP, and MySQL. As ever, don&#8217;t forget to check out all our other <a href="http://www.makeuseof.com/tags/wordpress/">WordPress articles</a>.</p>
<p>The post <a href="http://www.makeuseof.com/tag/tutorial-ajax-wordpress/">A Tutorial On Using AJAX In WordPress</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/tag/tutorial-ajax-wordpress/feed/</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
		<item>
		<title>Setup A Proxy On Your WordPress Site To Bypass Filters &amp; Firewalls</title>
		<link>http://www.makeuseof.com/tag/setup-a-proxy-on-your-wordpress-site-to-bypass-filters-firewalls/</link>
		<comments>http://www.makeuseof.com/tag/setup-a-proxy-on-your-wordpress-site-to-bypass-filters-firewalls/#comments</comments>
		<pubDate>Sun, 12 Feb 2012 18:30:14 +0000</pubDate>
		<dc:creator>James Bruce</dc:creator>
				<category><![CDATA[Wordpress & Blogging Tips]]></category>
		<category><![CDATA[proxy]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[webmaster tool]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wordpress plugins]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/?p=99153</guid>
		<description><![CDATA[<p>Everyday the onslaught to our freedom and censorship of the internet continues to escalate, but you can help. If you want to ensure certain sites remain available, then look no further than a new, free Wordpress plugin called RePress. It allows you to quickly and easily setup a web proxy without complicated programming.</p><p>The post <a href="http://www.makeuseof.com/tag/setup-a-proxy-on-your-wordpress-site-to-bypass-filters-firewalls/">Setup A Proxy On Your WordPress Site To Bypass Filters &#038; Firewalls</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><img class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2012/02/featured-lock.jpg" alt="bypass firewall"/>Everyday the onslaught to our freedom and censorship of the internet continues to escalate, but you can help. If you want to ensure certain sites remain available, then look no further than a new, free WordPress plugin called RePress. It allows you to quickly and easily setup a web proxy without complicated programming &#8211; as easy as installing a WordPress plugin.</p>
<h2>Requirements</h2>
<ul>
<li>A <a href="http://www.makeuseof.com/tags/wordpress">WordPress.org</a> self-hosted blog (<em>free WordPress.com blogs will not work)</em>.</li>
<li>A host that allows <a href="http://php.net/manual/en/function.fopen.php"><strong>fopen</strong> function</a> &#8211; I believe GoDaddy supports this on shared Linux hosting plans, but I can&#8217;t confirm other hosts. I tested on a dedicated virtual server.</li>
<li>Pretty permalinks should be correctly enabled<em> (that means this won&#8217;t work if your blog still has post urls of the form <strong>yourdomain.com/?id=1234</strong>)</em></li>
</ul>
<p><strong>Warning</strong></p>
<p><em>This plugin is still in alpha stage, and I don&#8217;t suggest you install it on anything mission critical or without backing up first. There is also an issue of bandwidth &#8211; since the page will be proxied by loading it through your server first, it will use your bandwidth allowance. Your hosting plan may specifically disallow this if it&#8217;s unlimited, or you may be charged additional costs if you go over your allowance.</em></p>
<p><em>No promises are made about legality. If your country or even your school prohibits the use of proxies, then this is a risk you take. If a particular site is illegal in your country, then this is likely also a criminal offence to open a proxy to that site. Make you own decisions, please.</em></p>
<p><img class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2012/02/repress-intro.png" alt="bypass firewall" width="590" height="280" /></p>
<h2>Setup and Usage</h2>
<p>Go ahead and grab it from the <a title="repress wordpress plugin" href="http://wordpress.org/extend/plugins/repress/">WordPress repository</a>, or search within WordPress.</p>
<p><img class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2012/02/repository.png" alt="bypass firewall software" width="590" height="280" /></p>
<p>After activation, the single screen of settings can be found under the settings sidebar. The first setting is the permalink used for RePress. I&#8217;d actually suggest you change this right off the bat &#8211; though there are no vulnerabilities right now, a tool could be potentially released which would automatically scan for the defaults, just as tools that try to bruteforce hack the Admin user are available.</p>
<p><img class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2012/02/repress-settings.png" alt="bypass firewall software" width="571" height="586" /></p>
<p>If you save the settings and visit that URL now, you&#8217;ll be presented with the basic interface of the proxy.</p>
<p><img class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2012/02/repress-demo.png" alt="bypass firewall" width="500" height="463" /></p>
<p>To prevent abuse, only URLs you specify will be accessible. Delete any you don&#8217;t want through the settings, and you can easily add any sites you do want to allow. These will be then listed on your proxy page.</p>
<p><strong>Note</strong>: The plugin will <em>force you to logout of WordPress</em> before visiting any proxied sites to prevent possible abuse of the login data stored in your cookies.</p>
<p><strong>Problems? Doesn&#8217;t work?</strong> The most likely problem is that your host doesn&#8217;t support <strong>fopen</strong> (a way of &#8216;opening&#8217; a website in PHP) for security reasons. The is common on cheap shared hosting plans. I expect the plugin to add a variety of proxy options in future &#8211; using <strong>curl</strong> as an alternative to <strong>fopen</strong> for example &#8211; but for now I&#8217;m afraid there&#8217;s nothing you can do about this other than move hosting.</p>
<h2>Summary</h2>
<p>This is a great little plugin even as an alpha release. It could do with a few improvements &#8211; like masking the actual domain of the proxied site in the URL to prevent detection; and there&#8217;s also a few issues with CDN content on the proxied site that seem to be not served properly &#8211; but for the most part it works, and it works well. Will you be offering up a proxy for your friends in China?</p>
<p><small>Image Credit: <a title="lock picture" href="http://www.shutterstock.com/pic.mhtml?id=82383217" alt="lock">Lock from Shutterstock</a></small></p>
<p>The post <a href="http://www.makeuseof.com/tag/setup-a-proxy-on-your-wordpress-site-to-bypass-filters-firewalls/">Setup A Proxy On Your WordPress Site To Bypass Filters &#038; Firewalls</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/tag/setup-a-proxy-on-your-wordpress-site-to-bypass-filters-firewalls/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How To Use A WordPress Content Template To Write Faster</title>
		<link>http://www.makeuseof.com/tag/wordpress-content-template-write-faster/</link>
		<comments>http://www.makeuseof.com/tag/wordpress-content-template-write-faster/#comments</comments>
		<pubDate>Fri, 03 Feb 2012 17:00:02 +0000</pubDate>
		<dc:creator>Ryan Dube</dc:creator>
				<category><![CDATA[Wordpress & Blogging Tips]]></category>
		<category><![CDATA[blogging]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[writing tips]]></category>

		<guid isPermaLink="false">/?p=98442</guid>
		<description><![CDATA[<p>Wordpress is a brilliant invention, and has made it possible for more and more people to have amazing websites, with beautiful themes. However, there is still the matter of the content area, which still needs to be formatted for pictures, ads and well-spaced content. With a few simple steps, you can create your very own carefully formatted content template that will appear every time you click "Add New" in Wordpress.</p><p>The post <a href="http://www.makeuseof.com/tag/wordpress-content-template-write-faster/">How To Use A WordPress Content Template To Write Faster</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><img class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2012/01/frustrated.png" alt="wordpress content template" />Running a blog can seem like a pretty romantic idea at first. You imagine pushing out two or three blog posts a day, and hundreds or hopefully thousands of fans checking out what you have to say.</p>
<p>The days turn into weeks, and then the weeks turn into months. Blogging become a chore. You realize that you are spending most of your time trying to format your posts so that they look professionally done.</p>
<p>Then you hire a writer, and then two. Soon, you have a team of writers sending you posts every week, and you&#8217;re now spending <em>all</em> of your time editing and formatting those posts to look the way that you want them to look on the blog that has become a labor of love.</p>
<p>The problem is that all of this editing and formatting has taken away all of the time that you used to have for what you loved to do the most &#8211; write.</p>
<p>WordPress is a brilliant invention, and has made it possible for more and more people to have amazing websites, with beautiful <a href="http://www.makeuseof.com/tag/how-to-change-your-wordpress-blog-theme-in-3-easy-steps/">themes</a>. However, there is still the matter of the content area, which still needs to be formatted for pictures, ads and well-spaced content.</p>
<h2>Formatting Your WordPress Content with a Template</h2>
<p>A while back, I described to you how you could automatically insert an ad into every single post using the <a href="http://www.makeuseof.com/tag/insert-template-wordpress-post-inpost-template/">In-Post Template Add-on</a> for WordPress.</p>
<p>This works brilliantly if you are starting with a new blog &#8211; but if you&#8217;ve already been inserting ads into your posts, it&#8217;ll go back and re-insert a new ad and completely mess up all of your old posts.</p>
<p>Don&#8217;t worry &#8211; there is another solution that is even better. By simply editing one of your standard WordPress PHP files, and then creating a style sheet, you can create your very own carefully formatted content template that will appear every time you click &#8220;Add New&#8221; in WordPress. All your old content will remain untouched.</p>
<p>Here&#8217;s a sample of all of the formatting work that I have going on in my own blog.<br />
<img class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/contenttemplate1.png" alt="wordpress content template" width="548" height="542" /><br />
I&#8217;ve got a header image that needs to be carefully sized, with padding around it and left justified. I&#8217;ve got the &#8220;more&#8221; break, followed by my in-post Google Ad. Then, throughout each post I have additional images that are sized to suit and right justified. For the most part, I&#8217;m ashamed to say, I&#8217;ve been doing all of this manually &#8211; including all articles that my writers send in.</p>
<p>Here&#8217;s what such a post looks like when it&#8217;s published.<br />
<img class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/contenttemplate2.png" alt="wordpress post content template" width="484" height="625" /><br />
As you can see, the formatting is a little tricky because in one area I have the image left justified, and in the next section I have the ad right-justified. Then all additional images are right-justified as well. I like this setup for my own blog because it&#8217;s easier on the eyes and flows well. You may have your own preference for your particular WordPress blog.</p>
<p>The first step to create your template is to back-up your functions.php file (you&#8217;ll find it in the root directory of your theme), and then open it for editing.<br />
<img class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/contenttemplate3.png" alt="wordpress post content template" width="236" height="387" /><br />
You&#8217;ll see a bunch of code in here &#8211; all functions currently used by your current blog theme. You&#8217;re going to insert a new section between those functions. Find the end of the first function, and then insert the code that I&#8217;m going to detail next.<br />
<img class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/contenttemplate4.png" alt="wordpress post content template" width="520" height="501" /><br />
Now, I have to give credit where credit is due &#8211; I actually got this idea from David Hansen over at Smashing Magazine, who wrote an article on this back in October. In this case I&#8217;m going to expand on his idea by showing you how to tweak that template for things like ads and pictures.</p>

<div class="wp_syntax"><table><tr><td class="code"><pre class="php" style="font-family:monospace;">add_filter<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'default_content'</span><span style="color: #339933;">,</span><span style="color: #0000ff;">'custom_editor_content'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
add_editor_style<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'editor-style.css'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000000; font-weight: bold;">function</span> custom_editor_content<span style="color: #009900;">&#40;</span> <span style="color: #000088;">$content</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
<span style="color: #000088;">$content</span> <span style="color: #339933;">=</span> <span style="color: #0000ff;">'
&nbsp;
    &lt;div class=&quot;content-col-side&quot;&gt;
&nbsp;
&lt;img class=&quot;alignleft size-full &quot; style=&quot;margin-left: 10px; margin-right: 10px;&quot; title=&quot;placeholder&quot; src=&quot;http://www.yourwebsite.com/wp-content/uploads/2012/01/imageplaceholder.png&quot; alt=&quot;content template&quot; /&gt;
&nbsp;
&nbsp;
     &amp;nbsp;
&nbsp;
     &lt;/div&gt;    
&nbsp;
    &lt;div class=&quot;content-col-main&quot;&gt;
&nbsp;
    Insert your introduction here
&nbsp;
    &amp;nbsp;
&nbsp;
    &lt;/div&gt;
&nbsp;
    &lt;div class=&quot;content-google-ad&quot;&gt;
&nbsp;
    &lt;span id=&quot;more-98442&quot;&gt;&lt;/span&gt;
    &lt;div style=&quot;float: right;&quot;&gt;
    Enter Google Script Here
    &amp;nbsp;
    &lt;/div&gt;
    &lt;/div&gt;
&nbsp;
   &lt;div class=&quot;content-section-two&quot;&gt;
    Here is second section content
    &amp;nbsp;
    &lt;/div&gt;
&nbsp;
    &lt;div class=&quot;content-image-three&quot;&gt;
&lt;img class=&quot;alignright size-full &quot; style=&quot;margin-left: 10px; margin-right: 10px;&quot; title=&quot;placeholder&quot; src=&quot;http://www.yourwebsite.com/wp-content/uploads/2012/01/imageplaceholder.png&quot; alt=&quot;content template&quot; /&gt;
    &amp;nbsp;
    &lt;/div&gt;
&nbsp;
    &lt;div class=&quot;content-section-three&quot;&gt;
    Here is third section content
    &amp;nbsp; 
    &lt;/div&gt;
&nbsp;
    &lt;div class=&quot;content-image-four&quot;&gt;
&lt;img class=&quot;alignright size-full &quot; style=&quot;margin-left: 10px; margin-right: 10px;&quot; title=&quot;placeholder&quot; src=&quot;http://www.yourwebsite.com/wp-content/uploads/2012/01/imageplaceholder.png&quot; alt=&quot;placeholder&quot; /&gt;&lt;/a&gt;
    &amp;nbsp;
    &lt;/div&gt;
&nbsp;
    &lt;div class=&quot;content-section-four&quot;&gt;
    Here is third section content
    &amp;nbsp;
     &lt;/div&gt;
   '</span><span style="color: #339933;">;</span>
   <span style="color: #b1b100;">return</span> <span style="color: #000088;">$content</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></td></tr></table></div>

<p>Notice how the alignment actually works best using the image alignment built into your theme style, and in the case of the Google Ad, you should use the second div with the style attribute to align where you&#8217;d like it to go. It just works best. However, as far as sizing, padding and placement, you&#8217;ll need to create the css file.</p>
<p>Here&#8217;s the styling for each section defined above.</p>

<div class="wp_syntax"><table><tr><td class="code"><pre class="css" style="font-family:monospace;">body <span style="color: #00AA00;">&#123;</span>
   <span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#f5f5f5</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #6666ff;">.content-col-main</span> <span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">right</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">70%</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span><span style="color: #933;">1%</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">dotted</span> <span style="color: #cc00cc;">#ccc</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fff</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #6666ff;">.content-col-side</span> <span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">210px</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span><span style="color: #933;">1%</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">dotted</span> <span style="color: #cc00cc;">#ccc</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fff</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #6666ff;">.content-google-ad</span> <span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">right</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">20%</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span><span style="color: #933;">1%</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">dotted</span> <span style="color: #cc00cc;">#ccc</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fff</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #6666ff;">.content-section-two</span> <span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">70%</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span><span style="color: #933;">1%</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">dotted</span> <span style="color: #cc00cc;">#ccc</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fff</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #6666ff;">.content-image-three</span> <span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">right</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">210px</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span><span style="color: #933;">1%</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">dotted</span> <span style="color: #cc00cc;">#ccc</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fff</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
<span style="color: #6666ff;">.content-section-three</span> <span style="color: #00AA00;">&#123;</span>
<span style="color: #000000; font-weight: bold;">float</span><span style="color: #00AA00;">:</span><span style="color: #000000; font-weight: bold;">left</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span><span style="color: #933;">70%</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00AA00;">:</span><span style="color: #933;">1%</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">border</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span> <span style="color: #993333;">dotted</span> <span style="color: #cc00cc;">#ccc</span><span style="color: #00AA00;">;</span>
<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#fff</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
&nbsp;
img <span style="color: #00AA00;">&#123;</span> <span style="color: #808080; font-style: italic;">/* Makes sure your images stay within their columns */</span>
   <span style="color: #000000; font-weight: bold;">max-width</span><span style="color: #00AA00;">:</span> <span style="color: #933;">100%</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">width</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">auto</span><span style="color: #00AA00;">;</span>
   <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #993333;">auto</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<p>You can use either percentages or pixels for sizing. I prefer pixels for images, but it really comes down to preference. If there&#8217;s too much space between the pictures and text, just tweak the content percentages a bit until it looks good.</p>
<p>After you&#8217;ve saved your .css file, open up a new post and you&#8217;ll see that your perfectly formatted content template is already in place for you.<br />
<img class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2012/01/contenttemplate5.png" alt="content template" width="557" height="470" /><br />
All you have to do is click on the image and upload the one you want to use, and then fill in all of the content areas. It really is as easy as that. Everything is automatically aligned and placed where they need to go.<br />
<img class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2012/01/contenttemplate6.png" alt="" width="468" height="444" /><br />
All right-justified Google Code or images are already there &#8211; all you have to do is update the content. The time it will take you to put together a post with all of this already done for you will drop by a huge factor, guaranteed.</p>
<p>Updating all of the images on the template is as simple uploading the pictures that you want to use to your blog using the media upload tool, and then clicking on the image and pasting the URL to those images in the &#8220;Source&#8221; field.<br />
<img class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2012/01/contenttemplate7.png" alt="" width="579" height="555" /><br />
Of course you&#8217;ll want to update the title and alt tags as well. As you can see here in my test article, writing an article is now just a matter of filling in each of the content areas. I can&#8217;t tell you how sweet it is to be able to just concentrate on writing, knowing that all of the proper formatting is already in place to make the article look its absolute best.<br />
<img class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2012/01/contenttemplate8.png" alt="" width="578" height="611" /><br />
The final result? Here is my first test article using the new WordPress content template. All images and ad code is inserted, aligned and spaced perfectly.<br />
<img class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2012/01/contenttemplate9.png" alt="wordpress content template" width="478" height="587" /><br />
If you didn&#8217;t know any better, you would think that nothing at all has changed on the blog. The formatting looks identical to the way it looked when I slaved over them for an hour or more. Now, all of that effort and trial-and-error formatting is already inserted right into the WordPress content template.<br />
So now all that&#8217;s left is sitting back and doing what you&#8217;ve always loved to do &#8211; writing.<br />
Does this WordPress Content template lessen the load on your own blog? Do you have any other formatting tips that people can use in their own templates? Share your thoughts and insights in the comments section below.<br />
<small>Image Credit: <a href="http://image.shutterstock.com/display_pic_with_logo/187633/187633,1217240846,5/stock-photo-man-in-home-office-using-computer-looking-frustrated-15480712.jpg" rel="nofollow">Shutterstock</a></small></p>
<p>The post <a href="http://www.makeuseof.com/tag/wordpress-content-template-write-faster/">How To Use A WordPress Content Template To Write Faster</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/tag/wordpress-content-template-write-faster/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>What&#8217;s New In WordPress 3.3 ?</title>
		<link>http://www.makeuseof.com/tag/wordpress-33/</link>
		<comments>http://www.makeuseof.com/tag/wordpress-33/#comments</comments>
		<pubDate>Sun, 01 Jan 2012 18:30:27 +0000</pubDate>
		<dc:creator>James Bruce</dc:creator>
				<category><![CDATA[Wordpress & Blogging Tips]]></category>
		<category><![CDATA[blogging]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/?p=95444</guid>
		<description><![CDATA[<p>If you haven’t logged into your dashboard lately, you probably should. Wordpress 3.3 was released about a few weeks ago, and  as a major release it brings some fairly significant changes which I’ll outline today. The underlying theme is accessibility for new users.</p><p>The post <a href="http://www.makeuseof.com/tag/wordpress-33/">What&#8217;s New In WordPress 3.3 ?</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><img class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/12/wp-blue.png" alt="" />If you haven’t logged into your dashboard lately, you probably should. WordPress 3.3 was released about a few weeks ago, and  as a major release it brings some fairly significant changes which I’ll outline today. The underlying theme is <strong>accessibility for new users</strong>.</p>
<h2>Admin Bar</h2>
<p>The new look admin bar has been streamlined to focus on updates and comment moderation, along with a quick post button.</p>
<p>The admin menu was a greatly heralded addition to the <a title="The New Features In WordPress 3.2 &amp; Why You Should Upgrade" href="http://www.makeuseof.com/tag/features-wordpress-32-upgrade/">WordPress 3.2 release</a>, but a lot of the more extraneous buttons have now been removed. Some of the more useful menu items, like widgets or menus, have been moved to a sub menu item when you hover over the blog name <em>(but these are only accessible when viewing the blog, not when in the admin dashboard)</em>.</p>
<p><img class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/12/admin-bar.png" alt="" width="580" height="26" /></p>
<p>Speaking of the admin dashboard, fairly big changes there too. The side menus no longer drop down, but rather pull out instead upon hover. To be quite honest, I hate them. I find myself clicking more than I&#8217;d like and the behavior is sporadic.</p>
<p><img class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/12/flyout-menus.png" alt="" width="295" height="102" /></p>
<p>Tablet users needn&#8217;t despair though, as the entire admin interface has also been given a <strong>touchable</strong> overhaul to make the admin experience on tablet input devices a more pleasant experience.</p>
<p><img class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/12/ipad-wp.jpg" alt="" width="580" height="435" /></p>
<h2>Tooltips</h2>
<p>With an overhauled API for plugins too, WordPress now allows you to create <em>tooltip-like popups</em> to display messages or provide <em>walkthrough tours</em>. It’s an interesting addition that should make using the more complicated plugins more accessible to everyone. <em>Here&#8217;s hoping developers don&#8217;t get overzealous with them.</em></p>
<p><img class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/12/tooltips.png" alt="" width="402" height="217" /></p>
<h2>Drag and Drop Uploading and Single Media Insert Button:</h2>
<p>Before you get all excited, the drag and drop uploading <em>doesn’t work in the basic visual editor</em>. Instead, you still have to open up the <strong>insert media dialog box</strong>, <em>then drag and drop into there</em>. This is a limitation of HTML5 though, so we can hardly blame WordPress.</p>
<p>Where there were previously 4 buttons for inserting various types of media, there’s now only one, and the uploaded auto detects the filetype. 90% of users won’t care about this, since most of us only ever used the insert picture button. Still, it’s nice to have less clutter.</p>
<p><img class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/12/single-upload-button.png" alt="" width="450" height="186" /></p>
<p>Other than that, drag and drop uploading works well, and saves having navigate through a laborious <strong>Select File dialog</strong>. A welcome addition, and possibly worth upgrading for that alone if it means shaving a few seconds off of every image upload.</p>
<p><img class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/12/drag-n-drop-media-uploader.png" alt="" width="580" height="340" /></p>
<h2>New Help Screens:</h2>
<p>Following on the theme of accessibility for new users, the help screens have been given an overhaul. Now they’re actually helpful &#8211; which is obviously a good thing for help screens to be. The dashboard also gets a unique set of welcome messages when performing a new install, again designed to help new users get familiar with the system.</p>
<p><img class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/12/help-screen.png" alt="" width="580" height="150" /></p>
<h2>Other stuff &#8230; Tumblr importer anyone?</h2>
<p>As well as a long list of bug fixes<em> (though none security critical)</em> and performance updates <em>(new version of jQuery!)</em>,<strong> 3.3</strong> also brings a Tumblr importer, which some of you might have been on the edge of your seats waiting for if you wanted to graduate from <a title="WordPress.com Vs Tumblr: Which Is Best? [MakeUseOf Poll]" href="http://www.makeuseof.com/tag/wordpresscom-tumblr-makeuseof-poll/">Tumblr</a> to your own <em>real blog</em>. I’ll give this a go at some point in the future, as I&#8217;m currently running a single Tumblr blog purely to <a href="http://homegrownmorden.tumblr.com/">upload a stream of images</a> to. For those of you ready to switch, may I suggest my <a title="DOWNLOAD Set Up Your Blog With WordPress: Your Ultimate Guide" href="http://www.makeuseof.com/tag/download-set-blog-wordpress-ultimate-guide/">free guide that covers everything from WordPress hosting considerations to SEO tactics and monetization</a>?</p>
<p><img class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/12/tumblr-import.png" alt="" width="526" height="254" /></p>
<h2>Incompatibilities</h2>
<p>As is inevitable with such major updates, some plugins and themes will have minor errors, and some will cease to function entirely or break when you blog. There is a <a href="http://wordpress.org/support/topic/troubleshooting-wordpress-33-master-list">master list over at the WordPress forums of known issues</a>, but the most significant ones as far as I can see:</p>
<ul>
<li>Atuhualpa breaks because of updated jQuery</li>
<li>WooThemes broke the new media uploaded (refresh your cache to fix)</li>
<li>Intense Debate shows mismatch of pending comments</li>
<li>Improved Page Permalinks causes new pages to give 404 error</li>
<li>Adblockers mess with the new visual editor (you shouldn’t be running them anyway)</li>
<li>Dodgy styles occurring in admin dashboard due to plugins using print_styles hook instead of enqueue_scripts hook.</li>
</ul>
<p>So as always, I would strong suggest you perform a <a title="How To Backup Your Website Through SSH Command Line" href="http://www.makeuseof.com/tag/backup-website-ssh-command-line/">full backup of both files </a>and database before performing this upgrade, and be ready to revert if you have problems. Upgrade any plugins you can <strong>first</strong>, <em>then upgrade your core WordPress</em>.</p>
<p>The critical question I guess is should you upgrade yet? I’d certainly take a close look at your plugins &#8211; if you’re running ten or more you’re bound to have trouble with at least one of them. Upgrade where possible, <a title="How To Do An Automated Remote Backup Of Your WordPress Blog" href="http://www.makeuseof.com/tag/automated-remote-backup-wordpress/">backup</a>, and just give it a go. The new features are certainly a worthy addition &#8211; even though the majority are aimed at new users &#8211; but who doesn’t appreciate performance increases and bug fixes? A few seconds saved uploading images? Yes, please.</p>
<p>Have you upgraded yet? What do you think, are you liking it? Did you have any random errors from your plugins? Let us know in the comments!</p>
<p>The post <a href="http://www.makeuseof.com/tag/wordpress-33/">What&#8217;s New In WordPress 3.3 ?</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/tag/wordpress-33/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>WordPress Announces WordAds To Compete With Google AdSense [News]</title>
		<link>http://www.makeuseof.com/tag/wordpress-announces-wordads-compete-google-adsense-news/</link>
		<comments>http://www.makeuseof.com/tag/wordpress-announces-wordads-compete-google-adsense-news/#comments</comments>
		<pubDate>Wed, 30 Nov 2011 15:31:33 +0000</pubDate>
		<dc:creator>Dave LeClair</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Tech News]]></category>
		<category><![CDATA[blogging]]></category>
		<category><![CDATA[google adsense]]></category>
		<category><![CDATA[make money online]]></category>
		<category><![CDATA[online advertising]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/?p=93392</guid>
		<description><![CDATA[<p>WordPress has announced that they are integrating their own way for bloggers to make money. They have announced a new program called WordAds that allows website owners to show ads on their blog, and not have to rely on Google AdSense. The official WordPress blog announced the program, and took a little shot at Google in the process.</p><p>The post <a href="http://www.makeuseof.com/tag/wordpress-announces-wordads-compete-google-adsense-news/">WordPress Announces WordAds To Compete With Google AdSense [News]</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><img class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/wordpress.png" alt="" />WordPress has announced that they are integrating their own way for bloggers to make money. They have announced a new program called WordAds that allows website owners to show ads on their blog, and not have to rely on Google AdSense. The official WordPress blog announced the program, and took a little shot at Google in the process:</p>
<blockquote><p><em>&#8220;Over the years one of the most frequent requests on WordPress.com has been to allow bloggers to earn money from their blog through ads. </em><em>We’ve resisted advertising so far because most of it we had seen wasn’t terribly tasteful, and it seemed like Google’s AdSense was the state-of-the-art, which was sad. </em><em>You pour a lot of time and effort into your blog and you deserve better than AdSense.&#8221;</em></p></blockquote>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/11/wordads-e1322594514384.png" alt="" width="580" height="127" /></p>
<p>Not all blogs will be eligible for the program. Blogs must be publicly visible and have a custom domain name to take part. If you would like to apply for the program, check out the<a href="http://en.wordpress.com/apply-for-wordads/"> sign up page</a> on the official WordPress site. You must already have the custom domain name and blog set up to even apply for entry.</p>
<p><small>Source: <a href="http://techcrunch.com/2011/11/29/wordpress-introduces-wordads-you-deserve-better-than-adsense" rel="nofollow">TechCrunch</a></small></p>
<p>The post <a href="http://www.makeuseof.com/tag/wordpress-announces-wordads-compete-google-adsense-news/">WordPress Announces WordAds To Compete With Google AdSense [News]</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/tag/wordpress-announces-wordads-compete-google-adsense-news/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>How To Control WordPress Versions Using Subversion [Linux]</title>
		<link>http://www.makeuseof.com/tag/control-wordpress-versions-subversion-linux/</link>
		<comments>http://www.makeuseof.com/tag/control-wordpress-versions-subversion-linux/#comments</comments>
		<pubDate>Thu, 27 Oct 2011 17:01:30 +0000</pubDate>
		<dc:creator>Danny Stieben</dc:creator>
				<category><![CDATA[Linux]]></category>
		<category><![CDATA[Wordpress & Blogging Tips]]></category>
		<category><![CDATA[blogging]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/?p=89978</guid>
		<description><![CDATA[<p>Most of you probably already know that WordPress powers a large amount of websites that we look at every day. With the large userbase and support, you can do a lot of cool things with it. While WordPress even offers one-click upgrades to the latest WP versions, some people simply can't use it because their server doesn't support it.</p><p>The post <a href="http://www.makeuseof.com/tag/control-wordpress-versions-subversion-linux/">How To Control WordPress Versions Using Subversion [Linux]</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><img class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/04/wordpress-logo-300x300.png" alt="subversion version control" />Most of you probably already know that <a href="http://www.makeuseof.com/tags/wordpress">WordPress</a> powers a large amount of websites that we look at every day. With the large userbase and support, you can do a lot of cool things with it. While WordPress even offers one-click upgrades to the latest WP versions, some people simply can&#8217;t use it because their server doesn&#8217;t support it, they don&#8217;t have any <a href="http://www.makeuseof.com/tags/ftp/">FTP</a> accounts (maybe you uploaded files using <a href="http://www.makeuseof.com/tags/ssh/">SSH</a>?), or whatever else the reason may be. If this is the case, you&#8217;ve more than likely had to update your site by manually copying over the new files. However, there&#8217;s really no need to do that anymore, as you can set up your WordPress site in a way where updating is much more simple.</p>
<p>I will be explaining how to create a brand new WordPress blog on your Linux server using Subversion (SVN) as well as how to convert a &#8220;traditional&#8221; installation to an SVN-type installation, as most people who will want to do this probably already have a blog going. This is possible because Automattic (the creators of WordPress) operate a SVN repository that allows this functionality. Without this repository, none of this would work.</p>
<p>Before you start, you&#8217;ll probably need to install the Subversion version control software onto your server. For <a href="http://www.makeuseof.com/tags/ubuntu">Ubuntu</a> and <a href="http://www.makeuseof.com/tags/debian/">Debian</a> servers, use</p>
<pre>sudo apt-get install subversion</pre>
<p>while <a href="http://www.makeuseof.com/tag/linux-fedora-16-beta-distribution/">Fedora</a>/Red Hat/CentOS users should use</p>
<pre>sudo yum install subversion</pre>
<h2>Creating A New Blog</h2>
<p>In order to create a new SVN-controlled WordPress instance, log into your server using a program such as PuTTY, using :
<pre></pre>
<pre>cd /path/to/a/folder</pre>
<p>so you can use</p>
<pre>mkdir blog</pre>
<p>to create a new folder named blog in your current location. Then use</p>
<pre>cd blog</pre>
<p>to go into the new folder, and run</p>
<pre>svn co http://core.svn.wordpress.org/tags/3.2.1 .</pre>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/10/wordpress_svn_checkout.jpg" alt="subversion version control" width="580" height="385" /></p>
<p>to download and install WordPress into the current folder. If there is a newer version, replace 3.2.1 with the latest version. Also, don&#8217;t forget to include that lonesome period (.) at the end of the command as that is needed for the command to run correctly. Wait for the process to complete, then you can go ahead and enter in the correct URL to begin the installation script.</p>
<h2>Converting From &#8220;Traditional&#8221; To SVN</h2>
<p>Converting your blog to be controlled by SVN will require a few new steps. Essentially, this will create a new blog that is SVN-controlled, and move all your content and settings over to that new blog. This isn&#8217;t as invasive as it sounds, and shouldn&#8217;t mess up anything that you currently have on your blog.</p>
<p>To get started, use &#8220;cd&#8221; to go to where your blog folder is located (don&#8217;t actually go into the blog folder). Here we are going to assume that your old blog is in a folder named &#8220;<em>blog</em>&#8221; and your temporary new blog is going to be in a folder named &#8220;<em>blog-new</em>&#8220;. Go ahead and run</p>
<pre>svn co http://core.svn.wordpress.org/tags/3.2.1 blog-new</pre>
<p>which will create the new &#8220;<em>blog-new</em>&#8221; folder and download the necessary files into it. Please make sure that you download the <em>same</em> version as the one you are currently using. So if you&#8217;re not running the latest version, don&#8217;t choose the latest version in this process.</p>
<p>Next we&#8217;re going to go into the old blog folder by running</p>
<pre>cd ../blog</pre>
<p>and then copy the main config file as well as the htaccess file by running</p>
<pre>cp -p wp-config.php .htaccess ../blog-new</pre>
<p>so that these important files are in the new blog folder.</p>
<p>Now we&#8217;re going to copy over the actual content of your blog to the new folder, including plugins, themes, and whatnot. To do this, run</p>
<pre>cp -rpfu wp-content/* ../blog-new/wp-content</pre>
<p>and let that take a couple seconds or more, depending on how large your blog is. WordPress-provided plugins shouldn&#8217;t be affected, but you can double-check to make sure everything is running smoothly by running</p>
<pre>svn status ../blog-new/wp-content</pre>
<p>.</p>
<p>Any files that were modified will have an &#8220;M&#8221; next to them and need to be reverted by using</p>
<pre>svn revert ../blog-new/wp-content/some/file</pre>
<p>.</p>
<p>Any custom files or directories can also be copied by running</p>
<pre>cp -rp images wp-digest ../blog-new</pre>
<p>You can check that everything is copied over correctly and good to go by running</p>
<pre>diff -rq blog/ blog-new/ | grep -v svn</pre>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/10/wordpress_svn_diff1.jpg" alt="subversion version control" width="580" height="163" /></p>
<p>(This is an example after I intentionally removed some files)</p>
<p>We&#8217;re almost done! We&#8217;re now going to move out to the big folder containing the two blog folders by running</p>
<pre>cd ..</pre>
<p>and then renaming them to make the final switch-a-roo by running</p>
<pre>mv blog blog-old; mv blog-new blog</pre>
<p>.</p>
<p>Congrats! Your SVN-controlled blog should now be up and running! If not, you may have forgotten to copy something from the old blog (now located in the renamed folder &#8220;blog-old&#8221;). You can now go ahead and update to the latest version if needed.</p>
<h2>Updating Your Blog</h2>
<p>To update your SVN-controlled WordPress blog, you&#8217;ll need to go into the directory of your blog using the &#8220;cd&#8221; command and then run :</p>
<pre>svn sw http://core.svn.wordpress.org/tags/3.2.1/ .</pre>
<p>which will switch your blog to the newest version. Remember to replace 3.2.1 with the latest version available.</p>
<h2>Conclusion</h2>
<p>For those that support it, Subversion version control is a great version tracking tool that is highly effective, relatively easy to use, and very fast. It&#8217;s a great thing that WordPress can be controlled via SVN, increasing the flexibility of the already-flexible WordPress platform. No wonder it&#8217;s one of the most used frameworks for sites today.</p>
<p>What do you think about WordPress and SVN working together? Have you even known that this was possible? Let us know in the comments!</p>
<p>The post <a href="http://www.makeuseof.com/tag/control-wordpress-versions-subversion-linux/">How To Control WordPress Versions Using Subversion [Linux]</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/tag/control-wordpress-versions-subversion-linux/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Essential First Steps When Starting A WordPress Blog</title>
		<link>http://www.makeuseof.com/tag/10-essential-steps-starting-wordpress-blog/</link>
		<comments>http://www.makeuseof.com/tag/10-essential-steps-starting-wordpress-blog/#comments</comments>
		<pubDate>Wed, 26 Oct 2011 19:01:19 +0000</pubDate>
		<dc:creator>James Bruce</dc:creator>
				<category><![CDATA[Wordpress & Blogging Tips]]></category>
		<category><![CDATA[blogging]]></category>
		<category><![CDATA[webmaster tool]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/?p=90059</guid>
		<description><![CDATA[<p>Having created quite a few blogs, I'd like to think that I have a good system down for those essential first steps, and I hope it can be of use to you too. By following these you'll get a good head start in the world of blogging and hopefully an influx of traffic to give you the motivation to carry on. If you've already started, think of this as a checklist as I'm sure there's a few you haven't done yet.</p><p>The post <a href="http://www.makeuseof.com/tag/10-essential-steps-starting-wordpress-blog/">10 Essential First Steps When Starting A WordPress Blog</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><img class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/10/blog-featured.jpg" alt="how to start your own blog" />Having created quite a few blogs, I&#8217;d like to think that I have a good system down for those essential first steps, and I hope it can be of use to you too. By following these you&#8217;ll get a good head start in the world of blogging and hopefully an influx of traffic to give you the motivation to carry on. If you&#8217;ve already started, think of this as a checklist as I&#8217;m sure there&#8217;s a few you haven&#8217;t done yet.</p>
<h2>1. Good Quality Content Is Always The Best Tactic</h2>
<p>I can&#8217;t tell you how sick I am of hearing people announce their blog when it has less than 5 posts on it and/or consists of nothing more than YouTube videos and re-posted pictures with a one-sentence commentary. If that&#8217;s all you have to say, get a Twitter account or use Tumblr.</p>
<p>Make sure you have, <em>at the very least</em>, <strong>10 quality posts</strong>, but aim for around 30 ideally. By &#8220;<em>quality</em>&#8220;, I mean 400 words or more of your own original content. Never copy content from elsewhere, like these mountains of autoblogs do with our MakeUseOf content&#8230;</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/10/autoblogged.png" alt="how to start your own blog" width="500" height="460" /></p>
<p>Keep your articles focused, grammatically correct and spell checked. If you speak like a <em>valley-girl</em> or have a tendency to write in <em>txtspk</em>, do your best to hide it and take remedial English classes &#8211; no one wants to read that, even your best friends.</p>
<h2>2. Get A Domain</h2>
<p>Spend a whole $10 on a unique, short as you can, relevant domain name &#8211; even if you&#8217;re hosting your blog on a free WordPress.com or Blogger account. Get this right from the beginning and you will save yourself a world of hurt later.</p>
<p>Don&#8217;t be tempted to make up a &#8220;cool&#8221; domain unless you have a rock-solid web service and a VC investment to the tune of a million dollars to market it; and absolutely don&#8217;t get a free domain like <em>.cc</em></p>
<h2>3. Establish A Good Permalink Structure</h2>
<p>Don&#8217;t promote your blog if your URLs still look like <em>mydomain.com/blog?id=1324</em>. Take a minute to go the permalink options in your WordPress settings. Something like <em>mydomain.com/my-article</em> is great.</p>
<p>You might also want to consider installing an <a href="http://wordpress.org/extend/plugins/seo-slugs/">SEO slugs</a> type plugin, which reduces the length of your permalink URLs by removing common words such as <strong>a, the, or</strong>. Shorter URLs are better.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/10/permalinks.png" alt="start a blog" width="580" height="231" /></p>
<h2>4. Change The Tagline</h2>
<p>It&#8217;s just embarrassing to find a blog that still has &#8220;<em>Just another WordPress blog</em>&#8221; in the title or on the theme. You can change it from <em>Settings -&gt; General</em> to something more relevant to your site. Apart from the fact that many themes feature the tagline prominently in the header, it&#8217;s also often used in the meta-titles of your homepage and therefore shown to everyone who finds your site through Google.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/10/just-another.png" alt="start a blog" width="580" height="211" /></p>
<h2>5. Set Up Google Analytics</h2>
<p><a href="http://www.google.com/analytics">Google Analytics</a> is a free traffic report for your website. But what&#8217;s the point of installing Analytics if you don&#8217;t actually have any traffic yet?</p>
<p>Well firstly, motivation. If you have accurate feedback that shows a clear, progressive growth in traffic then you are far less likely to give up. Don&#8217;t wait until you <em>think</em> you have some traffic &#8211; get real feedback, right now.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/10/analytics.png" alt="start a blog" width="486" height="374" /></p>
<p>The second reason &#8211; to find out exactly what&#8217;s popular on your blog; exactly which keywords bring in the most traffic; and make adjustments based on this. Try not to get too caught up in the numbers game yet, but if you find people are coming to your page for a particular topic and leaving quickly, perhaps try to write another post on that topic that&#8217;s more in-depth or targeted more specifically.</p>
<p>My favourite plugin in this area is <a href="http://wordpress.org/extend/plugins/google-analyticator/">Analyticator</a>, as it connects to your Analytics account and lets you choose the profile from a drop down list, avoiding the need to copy and paste any fiddly codes. If you have no idea how to read all your Analytics data yet, just start collecting it anyway and I&#8217;ll go over the major features in a later article.</p>
<h2>6. Google Sitemaps Plugin</h2>
<p>This isn&#8217;t essential, but as far I&#8217;m concerned any helping hand you can give Google to index your blog is a good thing. Get a <a href="http://wordpress.org/extend/plugins/google-sitemap-generator/">sitemap generator such as this</a>, set it up correctly to automatically generate whenever you post something, and you&#8217;re halfway sorted.</p>
<h2>7. Webmaster Tools</h2>
<p>This is a <a href="http://www.google.com/webmasters/tools/">useful, free set of tools from Google</a>. It has a number of functions, one of which involves submitting sitemaps to be indexed. It also keeps a track of 404 errors, and alerts you to malware security issues and even if WordPress updates are available. You could get by without it, but it&#8217;s a nice tool to have under your belt.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/10/webmaster-tools.png" alt="start a wordpress blog" width="580" height="259" /></p>
<h2>8. SEO Friendly Images</h2>
<p>The power of image search should absolutely not be underestimated. Put simply, <a href="http://www.prelovac.com/vladimir/wordpress-plugins/seo-friendly-images">this plugin</a> will add ALT and TITLE tags to your images. You can do this using the WordPress image uploader, but I don&#8217;t know many people who actually bother to do that &#8211; so this plugin does it automatically. By adding these to your image tags, you may find a huge influx of traffic from Google Image search.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/10/seo-friendly-images-plugin.png" alt="how to start your own blog" width="446" height="435" /></p>
<h2>9. Join A Forum</h2>
<p>Find a forum related to your particular topic and establish a presence there. Introduce yourself, make some good quality comments or advice on other threads, help some people out. After that, change your signature to include a link to your website, and repeat. This should give you a small trickle of visitors.</p>
<h2>10. Social Networks</h2>
<p>Be sure to announce your articles on your own social networks &#8211; Facebook, Twitter, Google+, and StumbleUpon &#8211; but don&#8217;t fall into the trap of promoting absolutely everything you write. Pick one or two of your best posts to promote, and you&#8217;ll be far more likely to get a good response and not piss people off in the process.</p>
<p>Done all that? Awesome, you should start seeing results soon. Got any other essential first steps or <a href="http://www.makeuseof.com/pages/best-wordpress-plugins">WordPress plugins</a> you always install? Let us know in the comments!</p>
<p><small>Image credit: <a href="http://www.shutterstock.com/pic.mhtml?id=70906327">Shutterstock</a></small></p>
<p>The post <a href="http://www.makeuseof.com/tag/10-essential-steps-starting-wordpress-blog/">10 Essential First Steps When Starting A WordPress Blog</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/tag/10-essential-steps-starting-wordpress-blog/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>StumbleUpon Offers Export Options For Blogs &amp; Groups [News]</title>
		<link>http://www.makeuseof.com/tag/stumbleupon-offers-export-options-blogs-groups-news/</link>
		<comments>http://www.makeuseof.com/tag/stumbleupon-offers-export-options-blogs-groups-news/#comments</comments>
		<pubDate>Wed, 12 Oct 2011 20:00:46 +0000</pubDate>
		<dc:creator>Yaara Lancet</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Tech News]]></category>
		<category><![CDATA[blogging]]></category>
		<category><![CDATA[stumbleupon]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/?p=89279</guid>
		<description><![CDATA[<p>As of October 24th, StumbleUpon groups will also cease to exist. StumbleUpon is now offering export options for their blog and groups. If you own a blog with StumbleUpon and wish to continue writing it using HTML, you can use the export tool to export everything, including images and embedded videos, to WordPress.</p><p>The post <a href="http://www.makeuseof.com/tag/stumbleupon-offers-export-options-blogs-groups-news/">StumbleUpon Offers Export Options For Blogs &#038; Groups [News]</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><img class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/10/2011-10-11-10h54_07.png" alt="2011-10-11 10h54_07"/>StumbleUpon is now offering export options for their blog and groups. If you own a blog with StumbleUpon and wish to continue writing it using HTML, you can use the export tool to export everything, including images and embedded videos, to WordPress.  As of October 24th, StumbleUpon groups will also cease to exist, but you can use StumbleUpon’s group export tool to save all your data and continue somewhere else.</p>
<p>To export your StumbleUpon blog into WordPress, you need to log into your account and then point your browser to <a href="http://www.stumbleupon.com/export_blog.php" rel="nofollow">the export tool</a>. This will automatically export your entire blog into a file which you can save on your computer. StumbleUpon recommends that you create a new WordPress blog before you import your data and not import it into an existing blog. In the WordPress dashboard, you would need to go to Tools – &gt; Import.</p>
<p>If you want the export file to contain videos, go to your StumbleUpon account settings and check the “Embed videos into your blog” box prior to creating the export file.</p>
<p><img class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/10/2011-10-11-10h39_21.png" alt="2011-10-11 10h39_21" width="524" height="276"/></p>
<p>To import groups, you need to log into your StumbleUpon account, go to the group page and click the “<em>Export Group</em>” link. You should do this before October 24th, after which you will not be able to use groups anymore.</p>
<p>To learn more about exporting from StumbleUpon, visit the <a href="http://www.stumbleupon.com/help/blog-export-guide/">blog export guide</a> and the <a href="http://www.stumbleupon.com/help/group-export-guide/">group export guide</a>.</p>
<p>What do you think of StumbleUpon’s recent moves? How will this affect the way you use StumbleUpon? Let us know in the comments.</p>
<p>The post <a href="http://www.makeuseof.com/tag/stumbleupon-offers-export-options-blogs-groups-news/">StumbleUpon Offers Export Options For Blogs &#038; Groups [News]</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/tag/stumbleupon-offers-export-options-blogs-groups-news/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>5 Things You Might Not Have Known You Could Do With WordPress</title>
		<link>http://www.makeuseof.com/tag/5-wordpress/</link>
		<comments>http://www.makeuseof.com/tag/5-wordpress/#comments</comments>
		<pubDate>Wed, 12 Oct 2011 19:01:41 +0000</pubDate>
		<dc:creator>James Bruce</dc:creator>
				<category><![CDATA[Wordpress & Blogging Tips]]></category>
		<category><![CDATA[blogging]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wordpress plugins]]></category>

		<guid isPermaLink="false">http://www.makeuseof.com/?p=88643</guid>
		<description><![CDATA[<p>Being the most versatile blogging system ever, it’s no surprise that developers have twisted and pulled Wordpress into becoming so much more through the clever use of plugins. If you thought Wordpress was only for blogging, think again. Here’s 5 others ways you can use the Wordpress system, with free and premium choices where available.</p><p>The post <a href="http://www.makeuseof.com/tag/5-wordpress/">5 Things You Might Not Have Known You Could Do With WordPress</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><img class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/10/wordpress-plugin-featured.jpg" alt="things you can do with wordpress" />Being the most versatile blogging system ever, it’s no surprise that developers have twisted and pulled WordPress into becoming so much more through the clever use of plugins. If you thought WordPress was only for blogging, think again. Here’s 5 others ways you can use the WordPress system, with free and premium choices where available.</p>
<h2>E-Commerce &#8211; Your Own Online Shop</h2>
<p>You might be surprised to learn that you can run an entire online store from WordPress, and more importantly you can do it for free.</p>
<p><a href="http://getshopped.org/">WP eCommerce</a> has been the standard for a long time and powers some really impressive sites like <a href="http://icondock.com">Icon Dock</a>. With a free core feature set and premium upgrades (additional payment processors, affiliate managers, etc), it’s the choice of developers with easy to customise templates.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/10/icon-dock1.jpg" alt="things you can do with wordpress" width="580" height="457" /></p>
<p>In terms of out-of-the-box ease of setup for non-technical users though, my favourite is <a href="http://jigoshop.com/tour/">JigoShop</a>, with which you can have an attractive and fully functional shop up in minutes, fully compatible with the default twenty-eleven WordPress theme. Nice!</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/10/jigoshop.jpg" alt="things to do with wordpress" width="580" height="536" /></p>
<h2>Classifieds &amp; Job Listings</h2>
<p>For local sites especially, providing classified ads can be a great resource, as can a jobs site. Be aware that with any systems like these though, you really need a strong initial boost of activity and new users to prevent the site becoming stale. It may be best to create the community first, instead of creating a classifieds or job site from scratch and expecting the users to naturally come.</p>
<p>For classifieds, the best contender by far is <a href="http://www.appthemes.com/themes/classipress/">Classipress</a>, a premium theme for $99 but feature rich and mature with full support. The same developers also make <a href="http://www.appthemes.com/themes/jobroller/">Jobroller</a>, a respected job listing theme at a similar premium price.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/10/classipress.jpg" alt="things to do with wordpress" width="580" height="473" /></p>
<p>On the free side, <a href="http://www.awpcp.com/features/">Another WordPress Classifieds Plugin</a> is an impressive alternative with a good selection of basic features &#8211; including the ability to charge users for listings using Google Checkout or Paypal.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/10/classifieds.jpg" alt="things to do with wordpress" width="580" height="422" /></p>
<p>For free job listings, <a href="http://pento.net/category/projects/wordpress-plugins/job-manager-wordpress-plugins-projects/  ">WordPress Job Manager</a> does an admirable job, and the developer is always active in the support communities and project development. It integrates well, and has fantastic reviews on the plugin repository. If you’re looking to integrate it into your existing design and have the power to easily customise, Job Manager might be a better solution than a costly premium plugin.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/10/jobs.jpg" alt="wordpress tips" width="580" height="275" /></p>
<h2>Membership Subscriptions</h2>
<p>It’s hard to believe that anyone would subscribe to a website in this age of physical newspapers sales declining and sentiment against paywalls running at an all-time high &#8211; but if you’ve got niche knowledge on a topic that doesn’t have the traffic pull for you to make money through regular forms of advertising, then a subscription model may be the way to go.</p>
<p><a href="http://wordpress.org/extend/plugins/membership/">Membership</a> is a well developed free plugin to handle every aspect of running a members-only site, compatible with the latest WordPress and a favourite of many.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/10/membership.jpg" alt="wordpress tips" width="580" height="432" /></p>
<p>On the premium front, <a href="http://member.wishlistproducts.com/">Wishlist Member</a> is widely regarded as the best there is by those who make a living out of this &#8211; but at $99 for a single domain you&#8217;d better be certain of a subscriber base. Luckily, a 30-day free trial lets you decide if it’s right for you. With a full set of training videos, sequential content delivery and integration with a number of payment processors, it really has an expansive feature set.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/10/wishlist-member.jpg" alt="wordpress tips" width="580" height="367" /></p>
<h2>A Reviews Site</h2>
<p>My own <a href="http://ipadboardgames.org">iPad Board Games</a> site is a collaborative reviews site running on WordPress, and uses the fantastic (and free) <a href="http://www.gdstarrating.com/" rel="nofollow">GD Star Ratings plugin</a> at the core allowing anyone to vote on the games. It is quite a complex plugin with various rating types &#8211; posts, comments, multi-rating blocks, stars or thumb-up/down &#8211; and to get the best of it you really need to read up on the vast templating options. Certainly worth the time involved though, I’m sure you’ll agree.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/10/ipadboardgames.jpg" alt="" width="580" height="430" /></p>
<p>On the premium side, it hard to fault <a href="http://www.wpreviewsite.com/" rel="nofollow">wpreviewsite</a> in anything but price &#8211; $97 for a single site license, though it is feature rich and works well out of the box for those of you in a hurry.</p>
<p><a href="http://themeforest.net/item/reviewit-review-community-wordpress-theme/109666">ReviewIt</a> is a significantly cheaper theme option at $40 and supports the community plugin BuddyPress as well, but I’m not a fan of fixed theme options as they tend to look quite cookie-cutter.</p>
<h2>Discussion Forum</h2>
<p><a href="http://simple-press.com/">Simple:Press</a> is my choice for any sites that need a fully integrated and WordPress-centric discussion forum. It works right into your existing theme and looks great even without customising it, featuring the full gamut of forum features you’d expect. A full WordPress integration, user accounts remain managed by WordPress, so for tying it to other parts of your site you couldn’t ask for more.</p>
<p><img class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/10/simplepress.png" alt="things you can do with wordpress" width="550" height="409" /></p>
<p>I hope you can see just how powerful WordPress is for rapid website development of a variety of site types &#8211; not just blogs &#8211; and perhaps even gained a little inspiration in the process.</p>
<p>Many of the plugins mentioned today are featured on our freshly published <a href="http://www.makeuseof.com/pages/best-wordpress-plugins/">Best WordPress Plugins</a> page, but be sure to check out the full archives of WordPress tutorials too for lots more general blogging tips and in-depth theme-customization tutorials.</p>
<p><small>Image Credit: <a href="http://www.shutterstock.com/pic.mhtml?id=81908128" rel="nofollow">ShutterStock</a></small></p>
<p>The post <a href="http://www.makeuseof.com/tag/5-wordpress/">5 Things You Might Not Have Known You Could Do With WordPress</a> appeared first on <a href="http://www.makeuseof.com">MakeUseOf</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.makeuseof.com/tag/5-wordpress/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using memcached (Requested URI is rejected)
Database Caching 5/24 queries in 0.066 seconds using memcached
Object Caching 1390/1522 objects using memcached
Content Delivery Network via main.makeuseoflimited.netdna-cdn.com

 Served from: www.makeuseof.com @ 2013-05-22 05:29:10 by W3 Total Cache -->