Tag Archive | "Wordpress"

What’s New In WordPress 3.3 ?


class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/12/wp-blue.png?323f2c" 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 accessibility for new users.

Admin Bar

The new look admin bar has been streamlined to focus on updates and comment moderation, along with a quick post button.

The admin menu was a greatly heralded addition to the title="The New Features In WordPress 3.2 & Why You Should Upgrade" href="http://www.makeuseof.com/tag/features-wordpress-32-upgrade/">WordPress 3.2 release, 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 (but these are only accessible when viewing the blog, not when in the admin dashboard).

class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/12/admin-bar.png?323f2c" alt="" width="580" height="26" />

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’d like and the behavior is sporadic.

class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/12/flyout-menus.png?323f2c" alt="" width="295" height="102" />

Tablet users needn’t despair though, as the entire admin interface has also been given a touchable overhaul to make the admin experience on tablet input devices a more pleasant experience.

class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/12/ipad-wp.jpg?323f2c" alt="" width="580" height="435" />

Tooltips

With an overhauled API for plugins too, WordPress now allows you to create tooltip-like popups to display messages or provide walkthrough tours. It’s an interesting addition that should make using the more complicated plugins more accessible to everyone. Here’s hoping developers don’t get overzealous with them.

class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/12/tooltips.png?323f2c" alt="" width="402" height="217" />

Drag and Drop Uploading and Single Media Insert Button:

Before you get all excited, the drag and drop uploading doesn’t work in the basic visual editor. Instead, you still have to open up the insert media dialog box, then drag and drop into there. This is a limitation of HTML5 though, so we can hardly blame WordPress.

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.

class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/12/single-upload-button.png?323f2c" alt="" width="450" height="186" />

Other than that, drag and drop uploading works well, and saves having navigate through a laborious Select File dialog. A welcome addition, and possibly worth upgrading for that alone if it means shaving a few seconds off of every image upload.

class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/12/drag-n-drop-media-uploader.png?323f2c" alt="" width="580" height="340" />

New Help Screens:

Following on the theme of accessibility for new users, the help screens have been given an overhaul. Now they’re actually helpful – 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.

class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/12/help-screen.png?323f2c" alt="" width="580" height="150" />

Other stuff … Tumblr importer anyone?

As well as a long list of bug fixes (though none security critical) and performance updates (new version of jQuery!), 3.3 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 title="WordPress.com Vs Tumblr: Which Is Best? [MakeUseOf Poll]" href="http://www.makeuseof.com/tag/wordpresscom-tumblr-makeuseof-poll/">Tumblr to your own real blog. I’ll give this a go at some point in the future, as I’m currently running a single Tumblr blog purely to href="http://homegrownmorden.tumblr.com/">upload a stream of images to. For those of you ready to switch, may I suggest my 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?

class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/12/tumblr-import.png?323f2c" alt="" width="526" height="254" />

Incompatibilities

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 href="http://wordpress.org/support/topic/troubleshooting-wordpress-33-master-list">master list over at the WordPress forums of known issues, but the most significant ones as far as I can see:

  • Atuhualpa breaks because of updated jQuery
  • WooThemes broke the new media uploaded (refresh your cache to fix)
  • Intense Debate shows mismatch of pending comments
  • Improved Page Permalinks causes new pages to give 404 error
  • Adblockers mess with the new visual editor (you shouldn’t be running them anyway)
  • Dodgy styles occurring in admin dashboard due to plugins using print_styles hook instead of enqueue_scripts hook.

So as always, I would strong suggest you perform 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 and database before performing this upgrade, and be ready to revert if you have problems. Upgrade any plugins you can first, then upgrade your core WordPress.

The critical question I guess is should you upgrade yet? I’d certainly take a close look at your plugins – if you’re running ten or more you’re bound to have trouble with at least one of them. Upgrade where possible, title="How To Do An Automated Remote Backup Of Your WordPress Blog" href="http://www.makeuseof.com/tag/automated-remote-backup-wordpress/">backup, and just give it a go. The new features are certainly a worthy addition – even though the majority are aimed at new users – but who doesn’t appreciate performance increases and bug fixes? A few seconds saved uploading images? Yes, please.

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!

id="similar-stuff">
class="content-header">

Similar Stuff

class="stuff-list">
  • href="http://www.makeuseof.com/tag/3-firefox-add-ons-to-help-you-blog-more-easily/" rel="bookmark"> width="125" height="125" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2009/01/firefoxextensionsvistatheme-150x150.png?323f2c" class="with-border wp-post-image" alt="firefoxextensionsvistatheme" title="firefoxextensionsvistatheme" style="width:125px;height:125px;" /> class="title">3 Firefox Add-Ons To Help You Blog More Easily
  • href="http://www.makeuseof.com/tag/windows-live-writer-for-windows-mobile-is-just-what-i-was-looking-for-windows-mobile/" rel="bookmark"> width="88" height="125" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2009/05/wlwmhead-106x150.png?323f2c" class="with-border wp-post-image" alt="wlwmhead.png" title="wlwmhead.png" style="width:125px;height:125px;" /> class="title">Blog Directly From Your WM Device Via Windows Live Writer Mobile Beta
  • href="http://www.makeuseof.com/tag/blog-features-wordpress-30/" rel="bookmark"> width="125" height="125" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/06/00-WP-3_0-Logo-150x150.png?323f2c" class="with-border wp-post-image" alt="00-WP-3_0-Logo.png" title="00-WP-3_0-Logo.png" style="width:125px;height:125px;" /> class="title">Blog Better With New Features In WordPress 3.0


  • View full post on MakeUseOf

    Posted in Useful APPsComments (3)

    A Guide To Setting Up Your Own Podcast Website & Feed Using WordPress & Podpress


    class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/11/featured-podcasting.png" alt="make your own podcast" />I recently had the opportunity to become part of a href="http://www.makeuseof.com/tags/podcast">podcast which I’m sure you’ll hear about soon enough – and it’s all fairly new ground for me. As the only one with enough bandwidth to host, and clearly the most experienced of the group in WordPress ninja-ship, I also took it upon myself to setup the necessary protocols that make an actual podcast, as opposed to being just audio files posted on a blog.

    Thankfully, there’s a fantastic, free plugin for WordPress that handles the difficult bits, and I was able to get the show on the road within an hour of buying a domain.

    What Is A Podcast, Technically Speaking?

    A podcast is a special extended form of RSS, or href="http://www.makeuseof.com/tag/rss-feeds-work-simple-terms-technology-explained/">really simple syndication. Regular RSS just provides HTML content, as well as some additional meta-data such as preview image, a title, a date etc. A podcast feed on the other hand also includes links to the audio/video files in a way that special podcast clients – such as href="http://www.makeuseof.com/tags/itunes/">iTunes – can understand.

    When a podcast feed is updated, the client will prompt you or automatically download the associated media. iTunes also specifies some additional meta-data fields such as description, which it uses to populate the information in the iTunes podcast directory.

    Hosting

    First off, you need to think separately about the title="The Various Forms Of Website Hosting Explained [Technology Explained]" href="http://www.makeuseof.com/tag/website-hosting-technology-explained/">hosting of the actual podcast media files – typically anywhere from 5MB (10 minutes of audio) to 500MB (video) – to the hosting of the podcast feed.

    Today I’ll only be discussing self-hosting both the files themselves and the website used to make the podcast feed, but if you have a particular bandwidth-limited webhost then you may need to consider placing your files on a low-cost host such as title="4 Great Uses For Amazon’s S3 Web Services" href="http://www.makeuseof.com/tag/4-great-amazons-s3-web-services/">Amazon s3. Either will function the same, but you will need to consider this beforehand. While the bandwidth required to access the feed will be no more than a regular blog, the bandwidth needed for 1,000 people downloading your 100MB podcast every week can rapidly escalate.

    An alternative solution is to use a low-cost feed/file host combination, such as href="http://www.libsyn.com">libsyn. The problem with using a hosted service is the same as using a hosted blogging service – if you become popular and need to migrate to your own domain, things can become difficult and you may end up losing listeners in the process.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/11/libsyn.png" alt="make your own podcast" width="580" height="384" />

    On the other hand, many all-in-one hosted solutions offer access to their automated advertising insertion systems. I can’t testify as to the profitability of these, but I assume it’s much the same rules as Adsense – the more downloads you get, the more money you can make. In my opinion, monetization should never be your primary goal on any web project – start off making great content, and only consider monetization once you’ve gained traction.

    To clarify a common misconception – the iTunes store will not host your podcast for you, nor will they set up any of the necessary meta-data needed in your feed. This is entirely your responsibility to set up. For podcasts, the iTunes store functions in a similar fashion to a link directory. With the feed correctly set up, you submit the address, and wait for approval. That’s it. You need to provide the file hosting, and the podcast feed hosting.

    Using WordPress & Podpress

    So assuming you’re going to host your own files on either your own web server or Amazon s3, the next step is to set up a website or front-end to manage the podcast feed, again on your own server, for which we’ll be using the world’s best CMS – href="http://www.makeuseof.com/tags/wordpress">WordPress. I strongly suggest you get your own specific domain for the podcast too – we got ours for $6 with a coupon at GoDaddy – and that’ll save a world of hassle later on.

    A standard WordPress installation won’t do podcasting out of the box, and for this we’ll install a plugin called href="http://wordpress.org/extend/plugins/podpress/">podPress - search for it from the Add Plugin menu option within WordPress.

    Basic iTunes meta-data is automatically added to your site feed now. Go to the podPress->Feed/iTunes Settings to customise this with your own:

    • summary
    • preview image (this is what people will see in the store)
    • owner
    • subtitle
    • keywords
    • explicit tag

    You’re also able to set up additional feeds, but I won’t go into detail with them here as the setup is significantly more complicated. These can be used if you plan on releasing different formats – for example, keeping the main feed as a plain MP3, or also providing a video feed.

    Adding Your First Podcast

    Releasing a new episode is basically as simple as creating a new post and associating the relevant media file. You can’t actually upload the podcast on most hosts, due to the upload file size limit which is usually about 2MB. You’ll need to open an FTP connection, create a folder for your podcasts, and enter the URL manually on the post screen in the new podPress section.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/11/podpress-media-new-post.png" alt="how to create your own podcast" width="580" height="313" />

    Anything else you write in the post content area will become the “show notes” and description for iTunes.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/11/description.png" alt="how to create your own podcast" width="580" height="69" />

    Submitting To The iTunes Store

    Before you submit, make sure you’ve changed all the defaults from the podPress settings screen, and be sure to have a feed image set, as well as accurately marking if the feed is explicit or not.

    You’ll need an iTunes account to submit the podcast. Just navigate to the iTunes Store -> Podcasts section from iTunes, and click Submit a Podcast in the top right. Paste in the feed address of your blog, and step through the wizard. There’s a 2-3 day wait time to be approved, and after that the feed will update daily (so you may not see your new episode immediately in the iTunes directory).

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/11/submit.png" alt="make your own podcast" width="272" height="253" />

    I understand Dave is in the process of writing a full guide on the topic of podcasting, so if you’re unsure of the process or you don’t to host it yourself, wait for that in a few months. Comments welcome, or questions if you’re having problems as I’ll try to help as best as I can. If you need more help on blogging in general with WordPress, may I suggest href="http://www.makeuseof.com/pages/set-up-your-blog-with-wordpress-the-ultimate-guide">my own fantastic free guide.



    View full post on MakeUseOf

    Posted in Useful APPsComments (0)

    WordPress Announces WordAds To Compete With Google AdSense [News]


    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:

    “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. 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. You pour a lot of time and effort into your blog and you deserve better than AdSense.”

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/11/wordads-e1322594514384.png" alt="" width="580" height="127" />

    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 href="http://en.wordpress.com/apply-for-wordads/"> sign up page on the official WordPress site. You must already have the custom domain name and blog set up to even apply for entry.

    Source: href="http://techcrunch.com/2011/11/29/wordpress-introduces-wordads-you-deserve-better-than-adsense" rel="nofollow">TechCrunch



    View full post on MakeUseOf

    Posted in Useful APPsComments (0)

    How To Edit Thousands of WordPress Posts With Just One SQL Command


    class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/11/database.png" alt="how to edit wordpress" />Owning and running a WordPress blog is a lot of fun, especially when you first get started. Designing the site or picking a cool theme, and writing up those first few posts in anticipation of the huge swarm of people that you’re certain are headed your way. It doesn’t take long for reality to hit, and before you know it you don’t like the theme, the visitor flow is no more than a trickle, and you realize that your web host doesn’t quite have the horsepower you need.

    Growing a blog takes years, and a whole lot of pain and struggle – I’m sure Aibek would testify to that. Then there are the major transitions, when you realize that you have to make some major changes, and it’s going to take a whole lot of work.

    There are a number of major changes I’ve had to make on my own blog, but one of the most difficult was due to the fact that I had used a certain manual method to insert Google adverts into my blog articles.

    Changing Posts With A Single SQL Command

    The problem is that after several years of running the blog, I had nearly 1,000 posts with that Google advert manually inserted. If I ever wanted to make a change, that’s a thousand posts I’d have to edit.

    I wanted to use that cool href="http://www.makeuseof.com/tag/insert-template-wordpress-post-inpost-template/">in-post template add-on that I wrote about in 2010.  This would automate the insertion of adverts moving forward, but if I used it without removing all of those existing adverts, I’d end up with two ads in the old articles.

    To remove the old advert , I had to perform a little bit of SQL magic, and I’m going to share that with you today. The action takes place in phpMyAdmin, and you’ll need to select the database of your blog from the left menu.

    style="text-align: center;"> class="aligncenter" style="border-width: 1px; border-color: black; border-style: solid;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/11/bulkremove1.png" alt="how to edit wordpress" width="579" height="377" />

    The code that you’re going to use to strip sections of your content will be in the SQL tag. What I mean by that is the code I’m going to show you, you’ll be able to use to remove any content that exists on multiple blog posts, from 2 to 200 – or more. The only requirement is that what you want to remove has to have a common start text and an end text – like a Google advert has a common start tag and an end tag.

    style="text-align: center;"> class="aligncenter" style="border-width: 1px; border-color: black; border-style: solid;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/11/bulkremove2.png" alt="wordpress edit page" width="557" height="376" />

    This is what my newer blog entries look like, with the ad manually inserted right after the “more” tag on every page, aligned on the right.

    style="text-align: center;"> class="aligncenter" style="border-width: 1px; border-color: black; border-style: solid;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/11/bulkremove3.png" alt="wordpress edit page" width="480" height="362" />

    The way this code is laid out on the page looks like this:

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/11/bulkremove7.png" alt="wordpress edit page" width="528" height="224" />

    As you can see, I have a “script type” start tag that I can use at the start of every advert, and a “script src” tag I can use at the end.

    So here’s how it works. You need to tell the SQL “update” command that you want to completely wipe out that block of your page. You’ll need to understand three basic MySQL functions – replace, substr and locate.

    First, use LOCATE to tell the command the locations of the start and end points. In my case, I use the strings at the start and end of the section I want to remove. The start location on the page of the beginning is:

    LOCATE ('<script type="text/javascript">', post_content)

    The end location is trickier. Locate gives you the start of the string, so you have to add the number of characters to the very end of the string to get the ending location.

    LOCATE('<script src='http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">', post_content) + 93

    Next, you’re going to need to tell the “REPLACE” function exactly what text you want to replace. You do this by extracting the actual string out of the post content, using the SUBSTR function. You have to pass it the starting location (which you now have) and the length. The length you need to calculate by subtracting the starting position from the last position (which you also have).

    Here is what that looks like, with the code above inserted into the SUBSTR function:

    substr(post_content, locate('<script type="text/javascript">', post_content), ((locate('<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">', post_content) + 93) - (locate('<script type="text/javascript">', post_content))))

    Looks crazy right? But if you look carefully, you’ll see there’s the three sections embedded – post content, start location, and length.

    Now that you have the exact text that you want to remove from your posts, all you have to do is tell the REPLACE function to replace it with a space. Just copy the code above into the following command:

    UPDATE wp_posts SET post_content = replace(post_content, string_to_replace, replacement_string);

    Like this:

    UPDATE wp_posts SET post_content = REPLACE(post_content, substr(post_content, locate('<script type="text/javascript">', post_content), ((locate('<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">', post_content) + 93) - (locate('<script type="text/javascript">', post_content)))), ' ');

    Running the script above, if all of the syntax is properly aligned, you should see the following successful results in phpAdmin.

    style="text-align: center;"> class="aligncenter" style="border-width: 1px; border-color: black; border-style: solid;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/11/bulkremove10.png" alt="" width="521" height="236" />

    Now, when I reload the posts in my web browser – voila! The ad has magically been stripped away.

    style="text-align: center;"> class="aligncenter" style="border-width: 1px; border-color: black; border-style: solid;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/11/bulkremove4.png" alt="" width="482" height="271" />

    Don’t get me wrong, it didn’t work on all ads, because I had some older ones that had slightly different formatting on the start and end. Like this page.

    style="text-align: center;"> class="aligncenter" style="border-width: 1px; border-color: black; border-style: solid;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/11/bulkremove5.png" alt="" width="487" height="438" />

    But with a little bit of tweaking, just changing the precise tags for start/finish, I was able to re-run the SQL and wipe those out as well.

    style="text-align: center;"> class="aligncenter" style="border-width: 1px; border-color: black; border-style: solid;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/11/bulkremove6.png" alt="how to edit wordpress" width="475" height="392" />

    This technique will work to remove any content at all that is in your WordPress post content. That’s the beauty of having the posts in a MySQL database, you can simply run SQL commands to manipulate thousands of posts all at once – saving a tremendous amount of manual work. Just make sure to back up your database before you start!

    Do you have any other neat uses for this SQL command? Give it a shot on your own WordPress database and see how well it works for you. Share your experiences and feedback in the comments section below.

    Image credits: href="http://image.shutterstock.com/display_pic_with_logo/112891/112891,1300420963,2/stock-photo-database-structure-d-background-73381360.jpg" rel="nofollow">Shutterstock



    View full post on MakeUseOf

    Posted in Useful APPsComments (0)

    How To Control WordPress Versions Using Subversion [Linux]


    class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/04/wordpress-logo-300x300.png" alt="" />Most of you probably already know that href="http://www.makeuseof.com/tags/wordpress">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, they don’t have any href="http://www.makeuseof.com/tags/ftp/">FTP accounts (maybe you uploaded files using href="http://www.makeuseof.com/tags/ssh/">SSH?), or whatever else the reason may be. If this is the case, you’ve more than likely had to update your site by manually copying over the new files. However, there’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.

    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 “traditional” 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.

    Before you start, you’ll probably need to install Subversion onto your server. For href="http://www.makeuseof.com/tags/ubuntu">Ubuntu and href="http://www.makeuseof.com/tags/debian/">Debian servers, use

    sudo apt-get install subversion

    while href="http://www.makeuseof.com/tag/linux-fedora-16-beta-distribution/">Fedora/Red Hat/CentOS users should use

    sudo yum install subversion

    Creating A New Blog

    In order to create a new SVN-controlled WordPress instance, log into your server using a program such as PuTTY, using :

    cd /path/to/a/folder

    so you can use

    mkdir blog

    to create a new folder named blog in your current location. Then use

    cd blog

    to go into the new folder, and run

    svn co http://core.svn.wordpress.org/tags/3.2.1 .

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/10/wordpress_svn_checkout.jpg" alt="" width="580" height="385" />

    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’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.

    Converting From “Traditional” To SVN

    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’t as invasive as it sounds, and shouldn’t mess up anything that you currently have on your blog.

    To get started, use “cd” to go to where your blog folder is located (don’t actually go into the blog folder). Here we are going to assume that your old blog is in a folder named “blog” and your temporary new blog is going to be in a folder named “blog-new“. Go ahead and run

    svn co http://core.svn.wordpress.org/tags/3.2.1 blog-new

    which will create the new “blog-new” folder and download the necessary files into it. Please make sure that you download the same version as the one you are currently using. So if you’re not running the latest version, don’t choose the latest version in this process.

    Next we’re going to go into the old blog folder by running

    cd ../blog

    and then copy the main config file as well as the htaccess file by running

    cp -p wp-config.php .htaccess ../blog-new

    so that these important files are in the new blog folder.

    Now we’re going to copy over the actual content of your blog to the new folder, including plugins, themes, and whatnot. To do this, run

    cp -rpfu wp-content/* ../blog-new/wp-content

    and let that take a couple seconds or more, depending on how large your blog is. WordPress-provided plugins shouldn’t be affected, but you can double-check to make sure everything is running smoothly by running

    svn status ../blog-new/wp-content.

    Any files that were modified will have an “M” next to them and need to be reverted by using

    svn revert ../blog-new/wp-content/some/file.

    Any custom files or directories can also be copied by running

    cp -rp images wp-digest ../blog-new

    You can check that everything is copied over correctly and good to go by running

    diff -rq blog/ blog-new/ | grep -v svn

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/10/wordpress_svn_diff1.jpg" alt="" width="580" height="163" />

    (This is an example after I intentionally removed some files)

    We’re almost done! We’re now going to move out to the big folder containing the two blog folders by running

    cd ..

    and then renaming them to make the final switch-a-roo by running

    mv blog blog-old; mv blog-new blog.

    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 “blog-old”). You can now go ahead and update to the latest version if needed.

    Updating Your Blog

    To update your SVN-controlled WordPress blog, you’ll need to go into the directory of your blog using the “cd” command and then run :

    svn sw http://core.svn.wordpress.org/tags/3.2.1/ .

    which will switch your blog to the newest version. Remember to replace 3.2.1 with the latest version available.

    Conclusion

    For those that support it, SVN is a great version tracking tool that is highly effective, relatively easy to use, and very fast. It’s a great thing that WordPress can be controlled via SVN, increasing the flexibility of the already-flexible WordPress platform. No wonder it’s one of the most used frameworks for sites today.

    What do you think about WordPress and SVN working together? Have you even known that this was possible? Let us know in the comments!



    View full post on MakeUseOf

    Posted in Useful APPsComments (0)

    Make A Product Review Database With WordPress: Custom Post Types, Custom Fields, Featured Images & Widgets!


    class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/featured-wordpress.jpg?54167" alt="custom post types in wordpress"/>Last time I showed you how to title="How To Make Your Own Events Listing Using Custom Post Types [WordPress]" href="http://www.makeuseof.com/tag/events-listing-custom-post-types-wordpress/">create a simple events listing using perhaps the most powerful feature of WordPress 3.0 – custom post types. After some requests to develop this further, today we’ll be creating a product review database to tie together everything we’ve learnt so far.

    You’ll be able to maintain a separate list of products using custom post types, each with an associated image, as well as some meta-info such as price, rating, specifications – and we’ll finish it all off with a way to display them in a sidebar widget and an index page.Sounds good? Read on.

    Requirements:

    You’ll need a working WordPress 3.0+ self hosted install, and this will make use of extensive PHP coding. I’ll give you the code, but you’ll need to be relatively comfortable with PHP and XHTML to adjust variable names to your needs or change the style. If you need a quick beginners course on CSS and XHTML, may I suggest our wonderful free href="http://www.makeuseof.com/pages/download-learn-to-speak-internet-your-guide-to-xhtml">beginners guide to download. I’d also suggest you use a cleanly coded but basic theme – the default Twenty-Ten or Twenty-Eleven theme is actually quite complicated to edit, so try this first on something simpler before trying to integrate with that.

    href="http://www.makeuseof.com/tag/events-listing-custom-post-types-wordpress/">Create Post Types

    If you read last weeks tutorial, you should be somewhat familiar with creating a custom post type in WordPress. Copy and paste href="http://pastebin.com/bVLNagJT">this base code into a new plugin, activate it, and begin adding some new products so we have a dataset to work with. (Note: If you’d rather just download the complete and full code now without trying to add things along the way, href="http://pastebin.com/g1zYiZN5">use this finished code instead. You can still follow along with the tutorial and customize it as we go)

    class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/customposttype.png?54167" alt="custom post types in wordpress" width="170" height="111" />

    It’s also wise to decide now what kind of meta-info you want to associate with each product. A database of digital cameras for instance might need:

    • Retail Price
    • Resolution
    • HD Video
    • Purchase Link
    • Rating

    Rather than adding this info directly to the description of the product (the ‘post content’), we’re going to create custom fields to hold this info. On the add product screen, make sure you’ve enabled custom fields, then create a new field for each info set. You’ll only need to create new fields once – the next product you add you’ll be able to select the name of the custom field from the drop down box. Don’t forget to add a featured image, as well be using this to display alongside the info product later on.

    Single Product Template

    If you try to view one of your products now, you’ll probably get a 404 – Not Found error. To fix that, head into the permalinks settings of WordPress and just hit Save Settings once. Now when you view one of your new product entries, depending on your theme, you might see something a little plain. The title and description text are there, but what about all our custom meta info and the image?

    To customize the single product views, we’ll need to customize a new template file called single-products.php – do this by duplicating your existing single.php so we have the groundwork in place and aren’t starting from scratch.

    class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/single-productsphp.jpg?54167" alt="custom post types" width="177" height="122" />

    At this point, I’m going to make a very small change to the line that displays “Written by (author) on (date)”, so instead it just reads “Added to the database on (date)”. This is just so I can be sure template is working, and refreshing the single product page should show this change instantly.

    Now, to add the featured post image we attached to the product, this one line should do it (I included style info too, in case you need it). I’ve posted the href="http://pastebin.com/5ZiKHFrg">full code to my own single-products.php here, but remember it’s unique to my theme so simply copying that into your own theme directory may produce unexpected results.

    class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/code-2-thumbnail.png?54167" alt="custom post types" width="510" height="35" />

    The simplest way to add the meta info anywhere is to use:

    class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/code-3-meta.png?54167" alt="custom post types" width="199" height="37" />

    …but this will only give us a very basic output list of key-value pairs. In order to do anything more complicated with the returned values (such as display a star-rating graphic), you need to grab all the values then iterate over them. [ href="http://pastebin.com/PteVKCVc">View the code here]:

    class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/code-4-custom-field-iteration.png?54167" alt="how to custom post types" width="500" height="331" />

    In the example above, I’m checking each custom field name (the $key) to see if it’s called ‘Level’. If it is called level, instead of just echoing the value of the field back, I’m displaying a different graphical element based on the content. For any other custom fields, I’m echoing the value as it is, along with the name of the field (which is exactly what the_meta() does). Now my single product page looks like this:

    class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/single-product-view.jpg?54167" alt="how to custom post types" width="580" height="395" />

    I’m going to leave it there for single product views, as it really depends upon your own theme and what you want to achieve with it. For now, let’s move onto a sidebar widget to display… the 3 highest ranked products in the database?

    Widget

    To do this, I’ve slightly adjusted the code I gave you before in the post href="http://www.makeuseof.com/tag/how-to-create-wordpress-widgets/">How to Write a Basic WordPress Widget, but instead of showing a single random post, I’ve adjusted it with the following [ href="http://pastebin.com/kNAgkekH">view the full code here]:

    class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/code-5-widget.png?54167" alt="how to custom post types" width="580" height="169" />

    This will give me 3 posts laid out similar to the example screenshot below. If you’re not seeing any of your products displayed, check very carefully the section that says &meta_key=Rating to make sure you actually have a meta key of that name. Notice how I also chose to display the meta info associated with that product along with the featured thumbnail, but you can edit that particular code block to show whatever you like.

    class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/widget.jpg?54167" alt="" width="300" height="300" />

    Product Archives or Listing

    Finally, I also wanted to make an index/archives page, so that visiting http://yourdomain.com/products/ would show a simple list of all the products, similar to a blog index. The basic excerpt + post thumbnails style I showed you how to make in the title="How To Jazz Up Your WordPress By Adding Featured Images" href="http://www.makeuseof.com/tag/jazz-wordpress-blog-adding-featured-images/">How To Add Post Thumbnails To Your Theme article was mostly sufficient, but in order to customize it I duplicated the archive.php file in my theme and renamed it archive-products.php.

    If you don’t already have an archives page, just duplicate index.php and rename it to archive-products.php. Again, by adjusting the article meta-info line and adding a call to the the_meta() somewhere, I got this:

    class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/archives-and-widget.jpg?54167" alt="custom post types in wordpress" width="580" height="406" />

    Obviously, it looks a bit silly with both the archives and sidebar, and it could do with a bit more style adjustment, but I’ll leave that up to you!

    That’s it from me today. You can view the href="http://pastebin.com/g1zYiZN5">complete full code online here – just copy and paste or download the entire thing into a file called products.php, and place it in your plugins directory. You should be able to potentially expand your WordPress blog into a database of anything now! It’s difficult to answer individual problems you might be having, but do please post in the comments if you’d like some help or would like to show your appreciation – a tweet or Facebook like would very much be appreciated, or even a mention on your blog if you decide to implement this. Thanks for reading, and don’t forget all the other href="http://www.makeuseof.com/service/wordpress-tutorials/">WordPress tutorials we have! />
    /> Hey Facebookers, make sure to join href="http://www.facebook.com/makeuseof" target="_blank">MakeUseOf on Facebook and get access to some exclusve stuff. Over 105,000 fans already!

    />

    href="http://www.makeuseof.com/tag/product-review-database-wordpress-custom-post-types-custom-fields-featured-images-widgets/">Make A Product Review Database With WordPress: Custom Post Types, Custom Fields, Featured Images & Widgets! is a post from: href="http://www.makeuseof.com">MakeUseOf

    More articles about: href="http://www.makeuseof.com/tags/blogging-tips/" title="blogging tips" rel="tag">blogging tips, href="http://www.makeuseof.com/tags/coding/" title="coding" rel="tag">coding, href="http://www.makeuseof.com/tags/custom-post-types/" title="custom post types" rel="tag">custom post types, href="http://www.makeuseof.com/tags/database/" title="database" rel="tag">database, href="http://www.makeuseof.com/tags/event-listing/" title="event listing" rel="tag">event listing, href="http://www.makeuseof.com/tags/php/" title="php" rel="tag">php, href="http://www.makeuseof.com/tags/widgets/" title="widgets" rel="tag">widgets, href="http://www.makeuseof.com/tags/wordpress/" title="wordpress" rel="tag">wordpress />

    Similar articles:

    class="st-related-posts">
  • href="http://www.makeuseof.com/tag/pull-publish-user-information-wordpress/" title="How To Pull & Publish User Information For An Author Bio Section [WordPress] (July 20, 2011)">How To Pull & Publish User Information For An Author Bio Section [WordPress] (2 comments …)
  • href="http://www.makeuseof.com/tag/jazz-wordpress-blog-adding-featured-images/" title="How To Jazz Up Your WordPress By Adding Featured Images (May 13, 2011)">How To Jazz Up Your WordPress By Adding Featured Images (11 comments …)
  • href="http://www.makeuseof.com/tag/how-to-create-wordpress-widgets/" title="How To Create Your Own Basic WordPress Widgets (May 20, 2011)">How To Create Your Own Basic WordPress Widgets (17 comments …)
  • href="http://www.makeuseof.com/tag/add-automatic-footer-wordpress-posts/" title="How To Add An Automatic Author Footer To WordPress Posts (September 9, 2010)">How To Add An Automatic Author Footer To WordPress Posts (4 comments …)
  • href="http://www.makeuseof.com/tag/wordpress-3-hidden-gems-jetpack-plugin-suite-wordpress-app-updated/" title="WordPress: 3 More Hidden Gems In The Jetpack Plugin Suite, & The WordPress App Is Updated! (May 29, 2011)">WordPress: 3 More Hidden Gems In The Jetpack Plugin Suite, & The WordPress App Is Updated! (1 comments …)


  • View full post on MakeUseOf

    Posted in Useful APPsComments (0)

    The New Features In WordPress 3.2 & Why You Should Upgrade


    class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/04/wordpress-logo-300x300.png?54167">If you haven’t noticed already from your blog dashboard, WordPress has just released version 3.2, the next major release. Quite a lot has changed, so let’s take a closer look at why you might want to upgrade. There’s a whole host of speed and UI improvements awaiting you, as well as a brand new default theme.

    New Minimum Requirements

    First up, WordPress has raised the bar for your server requirements, and you absolutely must be running PHP 5.2.4 and MySQL 5.0 or higher. If you’re not sure what versions you’re running, an easy way to check is to create a php file in the root of your website (any filename will do as long as it ends in .php, but for the sake of demonstration I’ll call mine phpinfo.php) – then add the following single line of code to the file:

    class="wp_syntax"> class="code">
    <?php phpinfo();?>

    Save, and access the file using your browser. Directly at the top will be a line saying which version of php you have, and if you do a text search for “Client API version”, you’ll see what version of MySQL you have too.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/phpversion.jpg?54167">

    Ready To Upgrade?

    Having checked the minimum requirements, take a full backup of your files and database. I described href="http://www.makeuseof.com/tag/backup-website-ssh-command-line/">how to do this via the command line before, or you can href="http://www.makeuseof.com/tag/2-methods-storing-wordpress-blog-backups/">try the non-techie method if you don’t have SSH access.

    Bear in mind that while the majority of plugins generally don’t have an issue, if you’re using something particularly hardcore such as caching or major functionality changes then you may run into some problems. In that case your only option is to either restore from a backup or find alternative plugins. Make sure all of your plugins are up to date before proceeding with the core WordPress update through the admin panel.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/wordpress-updateme.jpg?54167">

    What Do To If Things Go Wrong

    The first step is to try a manual installation. Download a fresh copy of the files from href="http://wordpress.org">WordPress.org and re-upload everything to your FTP server EXCEPT wp-content. If you overwrite your wp-content folder, all your uploads and pictures etc will be gone, as I found out once. Be careful! Once fully uploaded, manually visit yourdomain.com/wp-admin/upgrade.php to run the upgrade process manually on the database.

    If you’ve upgraded but you’re getting errors or a blank screen, it may be a particular plugin. Rename your plugins folder to temporarily deactivate them all, then move them back one by one to find the culprit.

    So, What’s New?

    Speed!

    For those of us with larger sites, speed is a major issue. 3.2 brings a ton of speed improvements, most notably in the admin side of things where you’ll find yourself zipping around now. The core code has been updated too, removing unnecessary functions and optimising database queries.

    Distraction Free Writing

    Wow – this is actually really cool. When using the visual editor to write your post, there’s a new button on the toolbar. Click that to hide all interface elements, and jump straight into a WriteRoom-esque fullscreen distraction-free UI.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/fullscreen-button.jpg?54167">

    Moving the mouse will cause a minimal set of buttons to display as well as the exit fullscreen, but they soon fade to this:

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/distraction-free-writing.jpg?54167">

    Beautiful… and combined with the speed improvements I think this will really cause a lot of people to stop writing offline in tools such as Windows Live Writer. Fullscreen mode also works in HTML view, but the button the toolbar is labelled as simply “fullscreen”, so it’s easier to find.

    New Default Theme

    Twenty-Eleven is the new included theme, and it’s simple incredible. Built from the ground up to take advantage of HTML5, it now offers far more customisation than ever before, including options such as layout. It’s going to set new standards in theme design and puts many premium templates even to shame. Let’s have a closer look.

    Post Formats

    Built into the theme are now Tumblr-like post format options – asides, links, quotes, gallery. I haven’t had time to explore these formats in much depth, but for many these are going to be the highlight of the new theme I think.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/twenty-eleven-dark.jpg?54167">

    Layout & Style Options

    Choose between either light or dark, sidebar on left or right or none at all, and change the default link color. You can get a dramatically unique look in seconds. The underlying look and feel of the theme is fantastically clean and tidy.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/theme-options.jpg?54167">

    Random Headers

    Upload more than one file to use as a header and you’ll now be able to rotate through them randomly, which is nice.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/random-images-header.jpg?54167">

    For some rather odd reason, they decided to remove the sidebar from single post pages, a rather obvious oversight but one that is easily fixed by downloading a href="http://futurewebblog.com/add-sidebar-support-posts-twenty-eleven-theme/">slightly modified child theme from here.

    Better Admin Toolbar

    It was an interesting feature added in version 3, but to be honest I never saw much point to the admin bar. Thankfully, it’s been updated with lots more useful links on the Add New menu, so I might re-enable it.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/07/better-admin-bar.jpg?54167">

    Should You Upgrade?

    The underlying code in WordPress 3.2 has been cleaned up so that not only the backend is faster but core functions too, so for that alone it’s worth upgrading. The new default theme is such a vast improvement that hopefully it’ll prevent some of the cookie-cutter default installs I see so many of when people just can’t be bothered to customise their blog at all.

    That’s all for today – if you have problems upgrading then let us know in the comments or crowd source your problem to the href="http://www.makeuseof.com/answers/">tech support community part of MakeUseOf. I’m nearing completion of my upcoming WordPress guide too, so subscribe today to be the first one to know when that’s released, and don’t forget to check through all our previous href="http://www.makeuseof.com/service/wordpress-tutorials/">WordPress tutorials. />
    />Need Assistance? Ask questions to MakeUseOf staff and thousands of other readers on href="http://www.makeuseof.dev/answers/" target="_blank" >MakeUseOf Answers!

    />

    href="http://www.makeuseof.com/tag/features-wordpress-32-upgrade/">The New Features In WordPress 3.2 & Why You Should Upgrade is a post from: href="http://www.makeuseof.com">MakeUseOf

    More articles about: href="http://www.makeuseof.com/tags/blogging/" title="blogging" rel="tag">blogging, href="http://www.makeuseof.com/tags/blogging-tips/" title="blogging tips" rel="tag">blogging tips, href="http://www.makeuseof.com/tags/blogging-tools/" title="blogging tools" rel="tag">blogging tools, href="http://www.makeuseof.com/tags/upgrade/" title="upgrade" rel="tag">upgrade, href="http://www.makeuseof.com/tags/wordpress/" title="wordpress" rel="tag">wordpress />

    Similar articles:

    class="st-related-posts">
  • href="http://www.makeuseof.com/tag/how-to-save-87-by-making-a-free-thesis-wordpress-theme-clone/" title="Save $87 By Making A Free ‘Thesis’ WordPress Theme Clone (December 6, 2009)">Save $87 By Making A Free ‘Thesis’ WordPress Theme Clone (25 comments …)
  • href="http://www.makeuseof.com/tag/people-love-show-wordpress-collision-testimonials/" title="People Love You? Show It Off On WordPress With Collision Testimonials (March 23, 2011)">People Love You? Show It Off On WordPress With Collision Testimonials (37 comments …)
  • href="http://www.makeuseof.com/tag/selfhosted-wordpress-blog-ipad-friendly-onswipe/" title="Make Your WordPress Blog iPad Friendly with Onswipe (April 7, 2011)">Make Your WordPress Blog iPad Friendly with Onswipe (61 comments …)
  • href="http://www.makeuseof.com/tag/set-jetpack-supercharge-hosted-wordpress-blog/" title="How To Set Up Jetpack To Supercharge Your Self Hosted WordPress Blog (March 31, 2011)">How To Set Up Jetpack To Supercharge Your Self Hosted WordPress Blog (4 comments …)
  • href="http://www.makeuseof.com/tag/how-to-easily-create-manage-a-faq-page-for-your-wordpress-blog/" title="How To Easily Create & Manage an FAQ Page For Your WordPress Blog (December 6, 2009)">How To Easily Create & Manage an FAQ Page For Your WordPress Blog (24 comments …)


  • View full post on MakeUseOf

    Posted in Useful APPsComments (0)

    WordPress: 3 More Hidden Gems In The Jetpack Plugin Suite, & The WordPress App Is Updated!


    class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/jetpack-.gif"/>The Jetpack plugin suite is an essential first plugin install for every new WordPress blog owner – and Jeffry covered href="http://www.makeuseof.com/tag/set-jetpack-supercharge-hosted-wordpress-blog/">the installation and some of it’s features before. If you’re not convinced yet, here’s another 3 reasons why you should install it now. It also ties in nicely with the newest release of the WordPress mobile blogging app which brings some new features I’d like to show you today too, though sadly the app still falls short of the mark.

    Stats

    If the thought of href="http://www.makeuseof.com/tags/google-analytics/">Google Analytics and it’s mountains of variables and cross-analysis over trends over time gives you a headache, the simple WordPress Stats plugin may be perfect for you. Previously only available to WordPress.com hosted accounts, they decided to open it up for any self-hosted WordPress install too – though you do still need a login for WordPress.com as thats where your stats are collated and stored. As well as the basic visitor count and top content, you also get top referrers – useful to see which of your inbound links is worth the most to you. I do think Analytics is worth taking the time to learn though, so if you think you might want to move on up to what the big boys use at some point, it may even be a good idea to install both WordPress and href="http://www.google.com/analytics/">Google Analytics stats codes so you have a good archive of data building up.

    class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/stats.jpg" alt="" width="580" height="472" />

    Gravatar Hovercards

    I really like these, and it’s a great way to encourage user interaction and commenting on your site. WordPress uses Gravatar images by default if commentators leave their linked email address, and this plugin expands on that by making their profile images clickable – which reveals a little pop-up box (a href="http://blog.gravatar.com/2010/10/06/gravatar-hovercards-on-wordpress-com/">hovercard) with personal or social links for that user and a little bio. I’ll certainly be adding this feature to my blogs as it really adds a little bit of “wow factor”.

    class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/kristin_hovercard.jpg" alt="" width="531" height="274" />

    Shortcode Embeds

    WordPress tends to strip a lot of HTML codes by default, and often this includes the embed codes from various video sites. Avoid the hassle and do everything automatically with this simple plugin. Once installed, you just need to write [youtube http://URL ] replacing the URL, and it will all be done for you – no messy embed codes, no frustration. The plugin works with a quite a few of the most popular video sites too, not just WordPress.

    class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/shortcodes.gif" alt="" width="315" height="173" />

    Mobile Blogging WordPress App:

    href="http://ios.wordpress.org/">The latest version adds a quick photo button for those times when all you want to do is post and photo, but sadly it literally only uploads and inserts the images and doesn’t actually set the featured image (I showed you href="http://www.makeuseof.com/tag/jazz-wordpress-blog-adding-featured-images/">how to MakeUseOf this functionality a few weeks ago as well as href="http://www.makeuseof.com/tag/how-to-create-wordpress-widgets/">make your own widget out of them) – which is a little disappointing. It also fails to categorise the post, so you’ll still need to do a little editing on the PC side at a later date if the idea of uncategorised posts infuriates you as much it as it does me.

    class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/wordpress_for_ios_app.jpg" alt="" width="549" height="274" />

    Perhaps the only really impressive feature they’ve added is to view your stats, assuming you installed the Jetpack plugin and enabled the stats component of it. Is it worth it for that alone? I doubt it, yet this app is the best out there for mobile blogging. I’d suggest you keep it for those moments of textual inspiration on the go, but don’t expect to be able to write fully formed blog posts from it. As long as you’re willing to do a few edits later, uploading photos while you’re on the go too removes a middle-step of having to get the images off your phone then upload them using your browser, so I guess we can all appreciate that.

    Trouble adding your blog? Make sure you remember to add the http:// part of the url, and that you have XML-RPC remote publishing enabled from the Writing options on the Settings sidebar.

    That’s all folks. Do you use any incredible WordPress plugins you think the world should know about? Let us know in the comments, and be sure to follow along with all our href="http://www.makeuseof.com/service/wordpress-tutorials/">WordPress tutorials and features. />
    /> Hey Facebookers, make sure to join href="http://www.facebook.com/makeuseof" target="_blank">MakeUseOf on Facebook and get access to some exclusve stuff. Over 105,000 fans already!

    />

     

    Read comments: href="http://www.makeuseof.com/tag/wordpress-3-hidden-gems-jetpack-plugin-suite-wordpress-app-updated/#disqus_thread">Loved it? Hated it? Join discussion here …

     

    href="http://api.tweetmeme.com/share?url=http://www.makeuseof.com/tag/wordpress-3-hidden-gems-jetpack-plugin-suite-wordpress-app-updated/"> src="http://api.tweetmeme.com/imagebutton.gif?url=http://www.makeuseof.com/tag/wordpress-3-hidden-gems-jetpack-plugin-suite-wordpress-app-updated/"> href="http://digg.com/tools/diggthis/login?url=http://www.makeuseof.com/tag/wordpress-3-hidden-gems-jetpack-plugin-suite-wordpress-app-updated/"> src="http://www.makeuseof.com/images/rss-buttons/diggme.png"> href="http://www.facebook.com/sharer.php?u=http://www.makeuseof.com/tag/wordpress-3-hidden-gems-jetpack-plugin-suite-wordpress-app-updated/"> src="http://www.makeuseof.com/images/rss-buttons/fb.jpg"> href="http://www.google.com/reader/link?url=http://www.makeuseof.com/tag/wordpress-3-hidden-gems-jetpack-plugin-suite-wordpress-app-updated/&title=WordPress: 3 More Hidden Gems In The Jetpack Plugin Suite, & The WordPress App Is Updated!&srcTitle=MakeUseOf.com"> src="http://www.makeuseof.com/images/rss-buttons/gbuzz-feed.png"> href="http://www.stumbleupon.com/submit?url=http://www.makeuseof.com/tag/wordpress-3-hidden-gems-jetpack-plugin-suite-wordpress-app-updated/"> src="http://www.makeuseof.com/images/rss-buttons/stumble.png">

     

    More articles about: href="http://www.makeuseof.com/tags/blogging/" title="blogging" rel="tag">blogging, href="http://www.makeuseof.com/tags/blogging-tips/" title="blogging tips" rel="tag">blogging tips, href="http://www.makeuseof.com/tags/commenting/" title="commenting" rel="tag">commenting, href="http://www.makeuseof.com/tags/mobile-blogging/" title="mobile blogging" rel="tag">mobile blogging, href="http://www.makeuseof.com/tags/statistics/" title="statistics" rel="tag">statistics, href="http://www.makeuseof.com/tags/wordpress/" title="wordpress" rel="tag">wordpress, href="http://www.makeuseof.com/tags/wordpress-plugins/" title="wordpress plugins" rel="tag">wordpress plugins />

    Similar articles:

    class="st-related-posts">
  • href="http://www.makeuseof.com/tag/commentluv-reward-commenters-on-your-blog-with-blog-links/" title="CommentLuv – Reward Commenters On Your Blog With Blog Links (December 10, 2009)">CommentLuv – Reward Commenters On Your Blog With Blog Links (27 comments …)
  • href="http://www.makeuseof.com/tag/people-love-show-wordpress-collision-testimonials/" title="People Love You? Show It Off On WordPress With Collision Testimonials (March 23, 2011)">People Love You? Show It Off On WordPress With Collision Testimonials (3 comments …)
  • href="http://www.makeuseof.com/tag/selfhosted-wordpress-blog-ipad-friendly-onswipe/" title="Make Your WordPress Blog iPad Friendly with Onswipe (April 7, 2011)">Make Your WordPress Blog iPad Friendly with Onswipe (4 comments …)
  • href="http://www.makeuseof.com/tag/set-jetpack-supercharge-hosted-wordpress-blog/" title="How To Set Up Jetpack To Supercharge Your Self Hosted WordPress Blog (March 31, 2011)">How To Set Up Jetpack To Supercharge Your Self Hosted WordPress Blog (1 comments …)
  • href="http://www.makeuseof.com/tag/how-to-easily-create-manage-a-faq-page-for-your-wordpress-blog/" title="How To Easily Create & Manage an FAQ Page For Your WordPress Blog (December 6, 2009)">How To Easily Create & Manage an FAQ Page For Your WordPress Blog (24 comments …)


  • View full post on MakeUseOf

    Posted in Useful APPsComments (0)

    10+ New & Free Portfolio WordPress Themes For 2011


    class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/wordpress.png" alt="free wordpress themes" />We’ve said it before, but it’s worth saying again. One of href="http://www.makeuseof.com/tags/wordpress/">WordPress‘ greatest strengths is its flexibility. The blogging platform can be pretty much anything you choose to make it. So it’s no surprise that it’s an extremely popular platform amongst photographers and designers.

    The flexible appearance combined with an easy-to-use backend, and plugins to add just about any feature you can think of, WordPress offers photographers a great way to put together a portfolio. If you’ve been looking for a theme, and aren’t sure where to start, check out this list of some of the latest, professional looking portfolios available for download for free. Also be sure to check out our href="http://www.makeuseof.com/tag/free-wordpress-portfolio-themes/">previous href="http://www.makeuseof.com/tag/5-wordpress-30-compatible-portfolio-themes/">posts href="http://www.makeuseof.com/tag/10-resources-free-professional-wordpress-themes/">featuring some great free WordPress portfolio themes.

    Revolt Theme

    Ideal for graphic or web designers, href="http://revolt-theme.com/">Revolt is a fun and quirky theme which allows you to showcase your best work. If you use the theme on your website, you can also get yourself featured in the community section of the website.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/revolt.jpg" border="0" alt="free wordpress themes" width="580" height="558" />

    View the href="http://www.nenadk.com/">demo or href="http://revolt-theme.com">download the theme.

    Imbalance

    href="http://wpshower.com/themes/imbalance/">Imbalance is a clean, grid-like theme which puts all of the focus on the images. If you want to accompany your photos with some text, it is displayed when you hover the cursor over the images. Imbalance is suitable for anyone looking for a fresh theme to showcase their work.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/imbalance.jpg" border="0" alt="wordpress themes" width="580" height="341" />

    View the href="http://wpshower.com/demo/?theme=imbalance">demo or href="http://wpshower.com/themes/imbalance/">download the theme.

    Portfolium

    From the same designers as Imbalance comes href="http://wpshower.com/themes/portfolium/">Portfolium, another clean, grid-like theme, but this time with a darker background. Portfolium is suitable for photographers, designers and artists.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/portfolium.jpg" border="0" alt="wordpress themes" width="580" height="393" />

    View the href="http://wpshower.com/demo/?theme=portfolium">Demo or href="http://wpshower.com/themes/portfolium/">download the theme.

    Mansion

    Graph Paper Press is a great source for impressive themes for free. href="http://graphpaperpress.com/themes/mansion/">Mansion is another grid-based theme, which takes up all of the screen real estate with your photos. Mansion also makes it easier to manage a photoblog with a great backend where you can upload, resize, and crop your images all in one place.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/Mansion.jpg" border="0" alt="wordpress themes" width="580" height="347" />

    View the href="http://demo.graphpaperpress.com/mansion/">demo or href="http://graphpaperpress.com/themes/mansion/">download the theme.

    Big Square

    href="http://wordspop.com/themes/big-square/">Big Square is the ideal theme if you want to feature a set of photos in each post. This can be a great tool for featuring series of photos or all the photos from one specific shoot.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/BigSquare.jpg" border="0" alt="best free wordpress themes" width="580" height="789" />

    View the demo or href="http://wordspop.com/themes/big-square/">download the theme.

    Fotofolio

    From the same designer as Big Square, comes href="http://wordspop.com/themes/fotofolio-landscape/">Fotofolio, a great theme for photographers or designers who are using their site as a means of attracting new clients. The theme has a professional landing page, space for a portfolio, blog and testimonials.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/fotofolio.jpg" border="0" alt="best free wordpress themes" width="580" height="419" />

    View the href="http://demo.wordspop.com/fotofolio-landscape/">demo or href="http://wordspop.com/themes/fotofolio-landscape/">download the theme.

    Pure II

    href="http://beatheme.com/pure-ii-theme/">Pure II is a good theme for a photographer or designer who finds blogging just as important. The theme which focuses primarily on the blogging side of things also comes with a custom page template for a portfolio.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/pureII.jpg" border="0" alt="best free wordpress themes" width="580" height="603" />

    View the href="http://winor.sk/demo/habura/">demo or href="http://beatheme.com/pure-ii-theme/">download the theme.

    Praseodymiumic

    href="http://www.paddsolutions.com/wordpress-theme-praseodymiumic/">Praseodymiumic is a free theme with a small slideshow, space for a testimonial and grid-based portfolio all on the homepage. The theme makes it easy to throw together a professional looking site in no time.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/Praseodymiumic.jpg" border="0" alt="Praseodymiumic.jpg" width="580" height="800" />

    View the href="http://www.paddsolutions.com/wpmag/praseodymiumic/">demo or href="http://www.paddsolutions.com/wordpress-theme-praseodymiumic/">download the theme.

    Video

    If you’re looking for a free WordPress portfolio theme to showcase videos, look no further than Templatic’s succinctly named href="http://templatic.com/freethemes/video">Video. The homepage features a video slideshow, as well as thumbnails of various video categories.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/video.jpg" border="0" alt="video.jpg" width="580" height="484" />

    View the href="http://templatic.com/demos/video/">demo or href="http://templatic.com/freethemes/video">download the theme.

    Dessign

    Design have several impressive free themes for the typography buff, but they are all quite similar, making it even harder to choose which one you might use. The slight variations between each theme include colours, background and various ways of putting the grid-based theme to good use.

    href="http://www.dessign.net/modern-theme-free/">Modern is a minimalist black and white, grid-based theme with a sidebar.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/Modern.jpg" border="0" alt="Modern.jpg" width="580" height="439" />

    View the href="http://www.dessign.net/moderntheme/">demo or href="http://www.dessign.net/modern-theme-free/">download the theme.

    href="http://www.dessign.net/contemporary-theme-free/">Contemporary brings in a dash of yellow the theme, along with a graph-paper like background.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/contemporary.jpg" border="0" alt="contemporary.jpg" width="580" height="485" />

    View the href="http://www.dessign.net/contemporarydessign/">demo or href="http://www.dessign.net/contemporary-theme-free/">download the theme.

    href="http://www.dessign.net/studio-dessign-theme-free/">Studio is less traditional and more quirky in its layout. The black and white theme is great for the innovative and creative designer.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/Studio.jpg" border="0" alt="Studio.jpg" width="580" height="496" />

    View the href="http://www.dessign.net/studiodessign/">demo or href="http://www.dessign.net/studio-dessign-theme-free/">download the theme.

    href="http://www.dessign.net/minimal-dessign-theme-free/">Minimal, the last of Dessign’s theme, is also black and white theme which lives up to its name. The theme comes with a custom page template for a portfolio, a blog, and a homepage with incorporates both.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/Minimal.jpg" border="0" alt="free wordpress themes" width="580" height="447" />

    View the href="http://www.dessign.net/minimaldessign/">demo or href="http://www.dessign.net/minimal-dessign-theme-free/">download the theme.

    Do you have a favourite, free WordPress portfolio theme? Let us know in the comments. />
    />Need Assistance? Ask questions to MakeUseOf staff and thousands of other readers on href="http://www.makeuseof.dev/answers/" target="_blank" >MakeUseOf Answers!

    />

     

    Read comments: href="http://www.makeuseof.com/tag/10-free-portfolio-wordpress-themes-2011/#disqus_thread">Loved it? Hated it? Join discussion here …

     

    href="http://api.tweetmeme.com/share?url=http://www.makeuseof.com/tag/10-free-portfolio-wordpress-themes-2011/"> src="http://api.tweetmeme.com/imagebutton.gif?url=http://www.makeuseof.com/tag/10-free-portfolio-wordpress-themes-2011/"> href="http://digg.com/tools/diggthis/login?url=http://www.makeuseof.com/tag/10-free-portfolio-wordpress-themes-2011/"> src="http://www.makeuseof.com/images/rss-buttons/diggme.png"> href="http://www.facebook.com/sharer.php?u=http://www.makeuseof.com/tag/10-free-portfolio-wordpress-themes-2011/"> src="http://www.makeuseof.com/images/rss-buttons/fb.jpg"> href="http://www.google.com/reader/link?url=http://www.makeuseof.com/tag/10-free-portfolio-wordpress-themes-2011/&title=10+ New & Free Portfolio WordPress Themes For 2011&srcTitle=MakeUseOf.com"> src="http://www.makeuseof.com/images/rss-buttons/gbuzz-feed.png"> href="http://www.stumbleupon.com/submit?url=http://www.makeuseof.com/tag/10-free-portfolio-wordpress-themes-2011/"> src="http://www.makeuseof.com/images/rss-buttons/stumble.png">

     

    More articles about: href="http://www.makeuseof.com/tags/blogging/" title="blogging" rel="tag">blogging, href="http://www.makeuseof.com/tags/blogging-tips/" title="blogging tips" rel="tag">blogging tips, href="http://www.makeuseof.com/tags/portfolio/" title="portfolio" rel="tag">portfolio, href="http://www.makeuseof.com/tags/wordpress/" title="wordpress" rel="tag">wordpress, href="http://www.makeuseof.com/tags/wordpress-themes/" title="wordpress themes" rel="tag">wordpress themes />

    Similar articles:

    class="st-related-posts">
  • href="http://www.makeuseof.com/tag/2-wordpress-plugins-understanding-theme-structure/" title="2 New Cool WordPress Plugins & Understanding The WordPress Theme Structure (April 15, 2011)">2 New Cool WordPress Plugins & Understanding The WordPress Theme Structure (0 comments …)
  • href="http://www.makeuseof.com/tag/five-free-wordpress-templates-to-dress-up-your-blog/" title="The 5 Free WordPress Templates To Dress Up Your Blog (September 24, 2009)">The 5 Free WordPress Templates To Dress Up Your Blog (26 comments …)
  • href="http://www.makeuseof.com/tag/how-to-save-87-by-making-a-free-thesis-wordpress-theme-clone/" title="Save $87 By Making A Free ‘Thesis’ WordPress Theme Clone (December 6, 2009)">Save $87 By Making A Free ‘Thesis’ WordPress Theme Clone (25 comments …)
  • href="http://www.makeuseof.com/tag/people-love-show-wordpress-collision-testimonials/" title="People Love You? Show It Off On WordPress With Collision Testimonials (March 23, 2011)">People Love You? Show It Off On WordPress With Collision Testimonials (3 comments …)
  • href="http://www.makeuseof.com/tag/selfhosted-wordpress-blog-ipad-friendly-onswipe/" title="Make Your WordPress Blog iPad Friendly with Onswipe (April 7, 2011)">Make Your WordPress Blog iPad Friendly with Onswipe (4 comments …)


  • View full post on MakeUseOf

    Posted in Useful APPsComments (0)

    How To Create Your Own Basic WordPress Widgets


    class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/widget-sidebar-featuredimage.png" alt="how to create widgets">Many bloggers will search high and low for the perfect WordPress widget that will do exactly what they want, but with a little programming experience you may find it’s easier to write your custom widget.

    This week I’d like to show how to do exactly that, and the widget we will be writing is a simple one that picks out a single random post from your site, pulls the featured image, and displays it on the sidebar – a visual “check this out” widget that will help users to find more content on your site.

    This is also an extension of a continuing series in which I show you how easy it is to href="http://www.makeuseof.com/tag/2-wordpress-plugins-understanding-theme-structure/">customize your WordPress template.

    You may also be pleased to know that we’ve added a new href="http://www.makeuseof.com/service/wordpress-tutorials/">WordPress Tutorials category to MakeUseOf, so be sure to check that out for an ever growing archive of up to date tips and guides to the world’s favourite blogging platform.

    Key Concepts: WordPress Queries and the Loop

    Each page on your blog consists of a query to your database of posts. Depending on the page you are viewing, the query will change. Your blog homepage for instance, may use the query “get the latest 10 blog posts“. When you view the category archives, the query may change to “get the latest 20 posts for the category family photos only, order the results by date published“. Each query will return a set of results, and depending on the page template being used, each result will be run through the main “loop” of the template.

    Each page can in fact consist of more than one query though, and you can even create your own queries to add functionality to various places in your template. You can see an example of this in use at the bottom of this article – we have a few additional queries that run on every page that aim to show you related articles you may be interested in, or articles which are trending this week.

    To make our custom widget though, we will simply need to create an additional query that grabs X number of random posts plus their images, and displays them in some way on the sidebar. I already showed you last week the code to href="http://www.makeuseof.com/tag/jazz-wordpress-blog-adding-featured-images/">grab the featured image, so we really just need to know how to make a new WordPress widget and place it on the sidebar.

    Basic Widget Code

    Start by creating a new .php file in your wp-content/plugins directory. You could also follow the tutorial offline then upload it using the WordPress interface, but I find it’s easier to write as we go along in case you need to debug. Call your file whatever you like, but I’m going with random-post-widget.php

    Paste the following into the file and save. Feel free to change the section at the top with my name in it, but don’t adjust the rest of the code yet. This is basically a skeleton empty widget, and you can see where it says //WIDGET CODE GOES HERE is where we will add our functionality in later.

    class="wp_syntax"> class="code">
    <?php
    /*
    Plugin Name: Random Post Widget
    Plugin URI: http://jamesbruce.me/
    Description: Random Post Widget grabs a random post and the associated thumbnail to display on your sidebar
    Author: James Bruce
    Version: 1
    Author URI: http://jamesbruce.me/
    */
     
     
    class RandomPostWidget extends WP_Widget
    {
      function RandomPostWidget()
      {
        $widget_ops = array('classname' => 'RandomPostWidget', 'description' => 'Displays a random post with thumbnail' );
        $this->WP_Widget('RandomPostWidget', 'Random Post and Thumbnail', $widget_ops);
      }
     
      function form($instance)
      {
        $instance = wp_parse_args( (array) $instance, array( 'title' => '' ) );
        $title = $instance['title'];
    ?>
      <p><label for="<?php echo $this->get_field_id('title'); ?>">Title: <input class="widefat" id="<?php echo $this->get_field_id('title'); ?>" name="<?php echo $this->get_field_name('title'); ?>" type="text" value="<?php echo attribute_escape($title); ?>" /></label></p>
    <?php
      }
     
      function update($new_instance, $old_instance)
      {
        $instance = $old_instance;
        $instance['title'] = $new_instance['title'];
        return $instance;
      }
     
      function widget($args, $instance)
      {
        extract($args, EXTR_SKIP);
     
        echo $before_widget;
        $title = empty($instance['title']) ? ' ' : apply_filters('widget_title', $instance['title']);
     
        if (!empty($title))
          echo $before_title . $title . $after_title;;
     
        // WIDGET CODE GOES HERE
        echo "<h1>This is my new widget!</h1>";
     
        echo $after_widget;
      }
     
    }
    add_action( 'widgets_init', create_function('', 'return register_widget("RandomPostWidget");') );?>

    As it is, the plugin doesn’t do much apart from print out a large title with the words “This is my new widget!“.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/new-sidebar-widget-step1.png" alt="how to create widgets">

    It does however give you the option to change the title, which is kind of essential for any widget. Adding in other options is a bit beyond the scope of this article today, so for now let’s move on to give it a real purpose.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/sidebar-options.png" alt="write your own widget">

    A New Query & The Loop

    To make a new query to your blog database, you need to use the query_posts() function along with a few parameters, then run through the output using a while loop. Let’s try this – a very basic query and loop to demonstrate. Replace the line of code that says:

    class="wp_syntax"> class="code">
    <h1>This is my new widget!</h1>

    with the following:

    class="wp_syntax"> class="code">
    // WIDGET CODE GOES HERE
    query_posts('');
    if (have_posts()) :
    	while (have_posts()) : the_post();
    		the_title();
    	endwhile;
    endif;
    wp_reset_query();

    This is an absolutely basic query using default options and zero formatting of the output. Depending on how your blog is set up, the default will most likely be to grab the 10 latest posts – then all the above code does is to output the title of each post. It’s pretty ugly, but it works:

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/new-sidebar-widget-step2.png" alt="write your own widget">

    We can make it a little better right away just by adding some HTML formatting to the output with the ECHO command, and creating a link to the post using get_the_permalink() function:

    class="wp_syntax"> class="code">
     
    query_posts('');
    if (have_posts()) :
    	echo "<ul>";
    	while (have_posts()) : the_post();
    		echo "<li><a href='".get_permalink()."'>".get_the_title()."</a></li>";
     
    	endwhile;
    	echo "</ul>";
    endif;
    wp_reset_query();

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/new-sidebar-widget-step3.png" alt="write your own widget">

    Already, it’s looking much better. But we only want one post, picked at random. To do this, we specify some parameters in the query:

    class="wp_syntax"> class="code">
     
    query_posts('posts_per_page=1&orderby=rand');

    Of course, you could change it to any number of posts – in fact, there’s a href="http://codex.wordpress.org/Function_Reference/query_posts">whole range of extra bits you can pass into the query in order to restrict, expand, or change the order of the results, but let’s stick with that for now. If you refresh, you should see just one post which is randomized each time you refresh.

    Now for the featured thumbnail. Replace the code with this, hopefully you can see where we are grabbing the thumbnail and displaying it:

    class="wp_syntax"> class="code">
    query_posts('posts_per_page=1&orderby=rand');
    if (have_posts()) :
    	echo "<ul>";
    	while (have_posts()) : the_post();
    		echo "<li><a href='".get_permalink()."'>".get_the_title();
    		echo the_post_thumbnail(array(220,200));
    		echo "</a></li>";
     
    	endwhile;
    	echo "</ul>";
    endif;
    wp_reset_query();

    You can see the finished results again on my development blog href="http://selfsufficiencyguide.org">Self Sufficiency Guide, though I might have moved things around by the time you read this.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/05/final-complete-widget.png" alt="how to create widgets">

    Conclusion:

    See how easy it is to make your own custom widget that can do exactly what you want? Even if you don’t understand 90% of the code I’ve shown you today, you should still be able to customise it somewhat by just changing variables or outputting different HTML. We wrote a whole widget today, but you could easily use just the new query and loop code on any of your page templates.

    Problems? Need some different WordPress related help? I’m always on hand to help in href="http://www.makeuseof.com/answers/">MakeUseOf Answers, so head on over and href="javascript:void((function(){try%20{toggle_form();}catch(err){document.location.href='http://www.makeuseof.com/answers/#expand';}}()));">post a new question there. />
    /> Follow href="http://twitter.com/MakeUseOf" target="_blank" >MakeUseOf on Twitter. Includes cool extras.

    />

     

    Read comments: href="http://www.makeuseof.com/tag/how-to-create-wordpress-widgets/#disqus_thread">Loved it? Hated it? Join discussion here …

     

    href="http://api.tweetmeme.com/share?url=http://www.makeuseof.com/tag/how-to-create-wordpress-widgets/"> src="http://api.tweetmeme.com/imagebutton.gif?url=http://www.makeuseof.com/tag/how-to-create-wordpress-widgets/"> href="http://digg.com/tools/diggthis/login?url=http://www.makeuseof.com/tag/how-to-create-wordpress-widgets/"> src="http://www.makeuseof.com/images/rss-buttons/diggme.png"> href="http://www.facebook.com/sharer.php?u=http://www.makeuseof.com/tag/how-to-create-wordpress-widgets/"> src="http://www.makeuseof.com/images/rss-buttons/fb.jpg"> href="http://www.google.com/reader/link?url=http://www.makeuseof.com/tag/how-to-create-wordpress-widgets/&title=How To Create Your Own Basic WordPress Widgets&srcTitle=MakeUseOf.com"> src="http://www.makeuseof.com/images/rss-buttons/gbuzz-feed.png"> href="http://www.stumbleupon.com/submit?url=http://www.makeuseof.com/tag/how-to-create-wordpress-widgets/"> src="http://www.makeuseof.com/images/rss-buttons/stumble.png">

     

    More articles about: href="http://www.makeuseof.com/tags/blogging/" title="blogging" rel="tag">blogging, href="http://www.makeuseof.com/tags/blogging-tips/" title="blogging tips" rel="tag">blogging tips, href="http://www.makeuseof.com/tags/coding/" title="coding" rel="tag">coding, href="http://www.makeuseof.com/tags/diy/" title="DIY" rel="tag">DIY, href="http://www.makeuseof.com/tags/how-to/" title="How-To Articles" rel="tag">How-To Articles, href="http://www.makeuseof.com/tags/widgets/" title="widgets" rel="tag">widgets, href="http://www.makeuseof.com/tags/wordpress/" title="wordpress" rel="tag">wordpress />

    Similar articles:

    class="st-related-posts">
  • href="http://www.makeuseof.com/tag/jazz-wordpress-blog-adding-featured-images/" title="How To Jazz Up Your WordPress Blog By Adding Featured Images (May 13, 2011)">How To Jazz Up Your WordPress Blog By Adding Featured Images (5 comments …)
  • href="http://www.makeuseof.com/tag/five-free-wordpress-templates-to-dress-up-your-blog/" title="The 5 Free WordPress Templates To Dress Up Your Blog (September 24, 2009)">The 5 Free WordPress Templates To Dress Up Your Blog (26 comments …)
  • href="http://www.makeuseof.com/tag/how-to-save-87-by-making-a-free-thesis-wordpress-theme-clone/" title="Save $87 By Making A Free ‘Thesis’ WordPress Theme Clone (December 6, 2009)">Save $87 By Making A Free ‘Thesis’ WordPress Theme Clone (25 comments …)
  • href="http://www.makeuseof.com/tag/people-love-show-wordpress-collision-testimonials/" title="People Love You? Show It Off On WordPress With Collision Testimonials (March 23, 2011)">People Love You? Show It Off On WordPress With Collision Testimonials (3 comments …)
  • href="http://www.makeuseof.com/tag/selfhosted-wordpress-blog-ipad-friendly-onswipe/" title="Make Your WordPress Blog iPad Friendly with Onswipe (April 7, 2011)">Make Your WordPress Blog iPad Friendly with Onswipe (4 comments …)


  • View full post on MakeUseOf

    Posted in Useful APPsComments (0)

    Automate Your WordPress Backup With Simple Shell Scripting & CRON


    class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/04/cron-scripting.png" alt="wordpress site backup" />Last time we talked about WordPress backups, I showed you how incredibly easy it was to backup your entire title="How To Backup Your Website Through SSH Command Line" href="http://www.makeuseof.com/tag/backup-website-ssh-command-line/">database and files though SSH with only a few commands. This time, I’m going to show how to automate those commands, giving you fresh backups of your entire site every week, with very little effort. This will also serve as a great introduction to both shell scripting and CRON if you’ve never touched them before – the key to learning such vast topics is to start straight off by using them to do something useful for you.

    Recap: Backup everything

    We covered this last time, but a quick recap on the two commands needed to backup your database and and files, assuming you’ve already logged in and moved yourself to the website directory (read the first tutorial if you don’t understand). Make sure you do them in this order, so that your file backup includes the database file you output in the first command:

    mysqldump --add-drop-table -u username -p databasename > databasebackup.sql
    tar -cf backupfile.tar .

    Replace the italicised items with either your database and username details, or the filenames you wish to output to.

    Automation Step One: Scripting

    For now, we’re going to make a new script that simply runs the commands you learnt for backup, with a few alterations to include the password too (since this will be automated, you won’t be able to type in the password everytime). When we’re finished, you should be left with just one command to run that will perform two commands for you!

    It’s also about time you learnt how to edit text files through the command line as well, as you can’t rely on FTP and GUI’s all the time. You can use a simple text-based editor called vi to do this.

    To start the app and create your first script, type:

    vi mybackupscript.sh

    If the file doesnt exist already, it will be created and you’ll be shown a rather daunting screen similar to this:

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/04/vi1.png" alt="wordpress site backup" width="500" height="279" />

    vi has two modes – edit and command mode. To get into edit mode, press i. Then you can begin typing. You’ll know it worked, because the bottom left will turn to –INSERT–

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/04/vi2.png" alt="wordpress site backup" width="500" height="17" />

    Start by typing out the following:

    #!/bin/sh
    mysqldump --add-drop-table -uusername -ppassword tablename > dbbackup.sql
    tar -cf backup.tar .

    Notice that this time, we are including the password in the command. Also notice that when we use the -p switch to specify the password, we then put the password immediately after it with no space between them. If you’d prefer, you can write the command like this instead, but functionally there is no difference:

    #!/bin/sh
    mysqldump --add-drop-table --user=username --password=password tablename > dbbackup.sql
    tar -cf backup.tar .

    Now we need to save it. Press ESC once to get out of edit mode and into command mode of the text editor. Type:

    :write

    and press enter, then

    :quit

    and enter again.

    So by now you will have figured out that any commands you give must be preceded by a colon. That’s all with vi for now.

    Back on the command line, go ahead and make your new script executable by typing in the following:

    chmod 744 mybackupscript.sh

    And finally, test it out with:

    ./mybackupscript.sh

    Obviously, depending on the size of your site and speed of your server, it may take a while. At the end of it, you can list the files and should find a backup.tar. On my virtual private server it took about 5 seconds to create the 100MB WordPress site backup.

    Automation Step Two: CRON

    CRON is a task scheduler for Linux. We won’t be covering it in-depth here, but I’ll give you what you need to run your backup script every week. We’ve also covered title="How To Set Up A Cron Job To Automate Your Domains & Databases" href="http://www.makeuseof.com/tag/cron-job/">how to run CRON jobs from your GUI based website control panel. To add a task to the CRON scheduler, you simply add a line to the “crontab”. Edit this by typing:

    crontab -e

    This will open up the CRON file in your text editor, most likely vi again. If you’ve never added anything before, it’s also likely to be blank. No worries. Add these lines:

    00 4 * * 0 /httpdocs/mybackupscript.sh

    The format this command follows is a little difficult, but goes like this:

    minute hour day-of-the-month month day-of-the-week

    A * in the pattern ignores that item. So in the example above, we are going to run our backup script at 00 minutes 4 hours, every 0 (Sunday) of the week.

    Here are some other examples to help you understand:

    01 * * * * echo "This command is run at one min past every hour"
    17 8 * * * echo "This command is run daily at 8:17 am"
    17 20 * * * echo "This command is run daily at 8:17 pm"
    00 4 * * 0 echo "This command is run at 4 am every Sunday"
    * 4 * * Sun echo "So is this"
    42 4 1 * * echo "This command is run 4:42 am every 1st of the month"
    01 * 19 07 * echo "This command is run hourly on the 19th of July"

    Once you’ve entered that, save the file by pressing ESC, then typing :write followed by :quit. A shortcut version of this is to just type :wq , which will both write the file and quit. It’s handy, but if you’re anything like me you forget these little shortcuts.

    That’s it! You’ll now have an up to date copy of your database and entire site in the root, called backup.tar (or whatever you chose to name it). You might want to learn a little more scripting to add the date on the end of the filename and avoid overwriting the same one each time, but that’s up to you to discover. I hope you can see how powerful the command line actually is now! />
    />NEW: href="https://market.android.com/details?id=com.makeuseof&feature=search_result" target="_blank">Download MakeUseOf App for Android. FREE! />
    />

     

    href="http://api.tweetmeme.com/share?url=http://www.makeuseof.com/tag/automate-wordpress-backup-simple-shell-scripting-cron/"> src="http://api.tweetmeme.com/imagebutton.gif?url=http://www.makeuseof.com/tag/automate-wordpress-backup-simple-shell-scripting-cron/"> href="http://digg.com/tools/diggthis/login?url=http://www.makeuseof.com/tag/automate-wordpress-backup-simple-shell-scripting-cron/"> src="http://www.makeuseof.com/images/rss-buttons/diggme.png"> href="http://www.facebook.com/sharer.php?u=http://www.makeuseof.com/tag/automate-wordpress-backup-simple-shell-scripting-cron/"> src="http://www.makeuseof.com/images/rss-buttons/fb.jpg"> href="http://www.google.com/reader/link?url=http://www.makeuseof.com/tag/automate-wordpress-backup-simple-shell-scripting-cron/&title=Automate Your WordPress Backup With Simple Shell Scripting & CRON&srcTitle=MakeUseOf.com"> src="http://www.makeuseof.com/images/rss-buttons/gbuzz-feed.png"> href="http://www.stumbleupon.com/submit?url=http://www.makeuseof.com/tag/automate-wordpress-backup-simple-shell-scripting-cron/"> src="http://www.makeuseof.com/images/rss-buttons/stumble.png">

     

    More articles about: href="http://www.makeuseof.com/tags/automate/" title="automate" rel="tag">automate, href="http://www.makeuseof.com/tags/backup/" title="backup" rel="tag">backup, href="http://www.makeuseof.com/tags/blogging/" title="blogging" rel="tag">blogging, href="http://www.makeuseof.com/tags/blogging-tips/" title="blogging tips" rel="tag">blogging tips, href="http://www.makeuseof.com/tags/blogging-tools/" title="blogging tools" rel="tag">blogging tools, href="http://www.makeuseof.com/tags/productivity/" title="productivity" rel="tag">productivity, href="http://www.makeuseof.com/tags/scripts/" title="scripts" rel="tag">scripts, href="http://www.makeuseof.com/tags/wordpress/" title="wordpress" rel="tag">wordpress />

    Similar articles:

    class="st-related-posts">
  • href="http://www.makeuseof.com/tag/3-wordpress-plug-ins-to-automate-improve-your-blog-seo/" title="3 WordPress Plug-Ins To Automate & Improve Your Blog SEO (December 9, 2009)">3 WordPress Plug-Ins To Automate & Improve Your Blog SEO (39)
  • href="http://www.makeuseof.com/tag/how-to-save-87-by-making-a-free-thesis-wordpress-theme-clone/" title="Save $87 By Making A Free ‘Thesis’ WordPress Theme Clone (December 6, 2009)">Save $87 By Making A Free ‘Thesis’ WordPress Theme Clone (25)
  • href="http://www.makeuseof.com/tag/people-love-show-wordpress-collision-testimonials/" title="People Love You? Show It Off On WordPress With Collision Testimonials (March 23, 2011)">People Love You? Show It Off On WordPress With Collision Testimonials (2)
  • href="http://www.makeuseof.com/tag/selfhosted-wordpress-blog-ipad-friendly-onswipe/" title="Make Your WordPress Blog iPad Friendly with Onswipe (April 7, 2011)">Make Your WordPress Blog iPad Friendly with Onswipe (4)
  • href="http://www.makeuseof.com/tag/set-jetpack-supercharge-hosted-wordpress-blog/" title="How To Set Up Jetpack To Supercharge Your Self Hosted WordPress Blog (March 31, 2011)">How To Set Up Jetpack To Supercharge Your Self Hosted WordPress Blog (1)


  • View full post on MakeUseOf

    Posted in Useful APPsComments (0)

    Automate Your WordPress Backup With Simple Shell Scripting & CRON


    class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/04/cron-scripting.png" alt="wordpress site backup" />Last time we talked about WordPress backups, I showed you how incredibly easy it was to backup your entire title="How To Backup Your Website Through SSH Command Line" href="http://www.makeuseof.com/tag/backup-website-ssh-command-line/">database and files though SSH with only a few commands. This time, I’m going to show how to automate those commands, giving you fresh backups of your entire site every week, with very little effort. This will also serve as a great introduction to both shell scripting and CRON if you’ve never touched them before – the key to learning such vast topics is to start straight off by using them to do something useful for you.

    Recap: Backup everything

    We covered this last time, but a quick recap on the two commands needed to backup your database and and files, assuming you’ve already logged in and moved yourself to the website directory (read the first tutorial if you don’t understand). Make sure you do them in this order, so that your file backup includes the database file you output in the first command:

    mysqldump --add-drop-table -u username -p databasename > databasebackup.sql
    tar -cf backupfile.tar .

    Replace the italicised items with either your database and username details, or the filenames you wish to output to.

    Automation Step One: Scripting

    For now, we’re going to make a new script that simply runs the commands you learnt for backup, with a few alterations to include the password too (since this will be automated, you won’t be able to type in the password everytime). When we’re finished, you should be left with just one command to run that will perform two commands for you!

    It’s also about time you learnt how to edit text files through the command line as well, as you can’t rely on FTP and GUI’s all the time. You can use a simple text-based editor called vi to do this.

    To start the app and create your first script, type:

    vi mybackupscript.sh

    If the file doesnt exist already, it will be created and you’ll be shown a rather daunting screen similar to this:

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/04/vi1.png" alt="wordpress site backup" width="500" height="279" />

    vi has two modes – edit and command mode. To get into edit mode, press i. Then you can begin typing. You’ll know it worked, because the bottom left will turn to –INSERT–

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/04/vi2.png" alt="wordpress site backup" width="500" height="17" />

    Start by typing out the following:

    #!/bin/sh
    mysqldump --add-drop-table -uusername -ppassword tablename > dbbackup.sql
    tar -cf backup.tar .

    Notice that this time, we are including the password in the command. Also notice that when we use the -p switch to specify the password, we then put the password immediately after it with no space between them. If you’d prefer, you can write the command like this instead, but functionally there is no difference:

    #!/bin/sh
    mysqldump --add-drop-table --user=username --password=password tablename > dbbackup.sql
    tar -cf backup.tar .

    Now we need to save it. Press ESC once to get out of edit mode and into command mode of the text editor. Type:

    :write

    and press enter, then

    :quit

    and enter again.

    So by now you will have figured out that any commands you give must be preceded by a colon. That’s all with vi for now.

    Back on the command line, go ahead and make your new script executable by typing in the following:

    chmod 744 mybackupscript.sh

    And finally, test it out with:

    ./mybackupscript.sh

    Obviously, depending on the size of your site and speed of your server, it may take a while. At the end of it, you can list the files and should find a backup.tar. On my virtual private server it took about 5 seconds to create the 100MB WordPress site backup.

    Automation Step Two: CRON

    CRON is a task scheduler for Linux. We won’t be covering it in-depth here, but I’ll give you what you need to run your backup script every week. We’ve also covered title="How To Set Up A Cron Job To Automate Your Domains & Databases" href="http://www.makeuseof.com/tag/cron-job/">how to run CRON jobs from your GUI based website control panel. To add a task to the CRON scheduler, you simply add a line to the “crontab”. Edit this by typing:

    crontab -e

    This will open up the CRON file in your text editor, most likely vi again. If you’ve never added anything before, it’s also likely to be blank. No worries. Add these lines:

    00 4 * * 0 /httpdocs/mybackupscript.sh

    The format this command follows is a little difficult, but goes like this:

    minute hour day-of-the-month month day-of-the-week

    A * in the pattern ignores that item. So in the example above, we are going to run our backup script at 00 minutes 4 hours, every 0 (Sunday) of the week.

    Here are some other examples to help you understand:

    01 * * * * echo "This command is run at one min past every hour"
    17 8 * * * echo "This command is run daily at 8:17 am"
    17 20 * * * echo "This command is run daily at 8:17 pm"
    00 4 * * 0 echo "This command is run at 4 am every Sunday"
    * 4 * * Sun echo "So is this"
    42 4 1 * * echo "This command is run 4:42 am every 1st of the month"
    01 * 19 07 * echo "This command is run hourly on the 19th of July"

    Once you’ve entered that, save the file by pressing ESC, then typing :write followed by :quit. A shortcut version of this is to just type :wq , which will both write the file and quit. It’s handy, but if you’re anything like me you forget these little shortcuts.

    That’s it! You’ll now have an up to date copy of your database and entire site in the root, called backup.tar (or whatever you chose to name it). You might want to learn a little more scripting to add the date on the end of the filename and avoid overwriting the same one each time, but that’s up to you to discover. I hope you can see how powerful the command line actually is now! />
    />NEW: href="https://market.android.com/details?id=com.makeuseof&feature=search_result" target="_blank">Download MakeUseOf App for Android. FREE! />
    />

     

    href="http://api.tweetmeme.com/share?url=http://www.makeuseof.com/tag/automate-wordpress-backup-simple-shell-scripting-cron/"> src="http://api.tweetmeme.com/imagebutton.gif?url=http://www.makeuseof.com/tag/automate-wordpress-backup-simple-shell-scripting-cron/"> href="http://digg.com/tools/diggthis/login?url=http://www.makeuseof.com/tag/automate-wordpress-backup-simple-shell-scripting-cron/"> src="http://www.makeuseof.com/images/rss-buttons/diggme.png"> href="http://www.facebook.com/sharer.php?u=http://www.makeuseof.com/tag/automate-wordpress-backup-simple-shell-scripting-cron/"> src="http://www.makeuseof.com/images/rss-buttons/fb.jpg"> href="http://www.google.com/reader/link?url=http://www.makeuseof.com/tag/automate-wordpress-backup-simple-shell-scripting-cron/&title=Automate Your WordPress Backup With Simple Shell Scripting & CRON&srcTitle=MakeUseOf.com"> src="http://www.makeuseof.com/images/rss-buttons/gbuzz-feed.png"> href="http://www.stumbleupon.com/submit?url=http://www.makeuseof.com/tag/automate-wordpress-backup-simple-shell-scripting-cron/"> src="http://www.makeuseof.com/images/rss-buttons/stumble.png">

     

    More articles about: href="http://www.makeuseof.com/tags/automate/" title="automate" rel="tag">automate, href="http://www.makeuseof.com/tags/backup/" title="backup" rel="tag">backup, href="http://www.makeuseof.com/tags/blogging/" title="blogging" rel="tag">blogging, href="http://www.makeuseof.com/tags/blogging-tips/" title="blogging tips" rel="tag">blogging tips, href="http://www.makeuseof.com/tags/blogging-tools/" title="blogging tools" rel="tag">blogging tools, href="http://www.makeuseof.com/tags/productivity/" title="productivity" rel="tag">productivity, href="http://www.makeuseof.com/tags/scripts/" title="scripts" rel="tag">scripts, href="http://www.makeuseof.com/tags/wordpress/" title="wordpress" rel="tag">wordpress />

    Similar articles:

    class="st-related-posts">
  • href="http://www.makeuseof.com/tag/3-wordpress-plug-ins-to-automate-improve-your-blog-seo/" title="3 WordPress Plug-Ins To Automate & Improve Your Blog SEO (December 9, 2009)">3 WordPress Plug-Ins To Automate & Improve Your Blog SEO (39)
  • href="http://www.makeuseof.com/tag/how-to-save-87-by-making-a-free-thesis-wordpress-theme-clone/" title="Save $87 By Making A Free ‘Thesis’ WordPress Theme Clone (December 6, 2009)">Save $87 By Making A Free ‘Thesis’ WordPress Theme Clone (25)
  • href="http://www.makeuseof.com/tag/people-love-show-wordpress-collision-testimonials/" title="People Love You? Show It Off On WordPress With Collision Testimonials (March 23, 2011)">People Love You? Show It Off On WordPress With Collision Testimonials (2)
  • href="http://www.makeuseof.com/tag/selfhosted-wordpress-blog-ipad-friendly-onswipe/" title="Make Your WordPress Blog iPad Friendly with Onswipe (April 7, 2011)">Make Your WordPress Blog iPad Friendly with Onswipe (4)
  • href="http://www.makeuseof.com/tag/set-jetpack-supercharge-hosted-wordpress-blog/" title="How To Set Up Jetpack To Supercharge Your Self Hosted WordPress Blog (March 31, 2011)">How To Set Up Jetpack To Supercharge Your Self Hosted WordPress Blog (1)


  • View full post on MakeUseOf

    Posted in Useful APPsComments (0)

    2 New WordPress Plugins You Should Try & Understanding The Theme Structure


    class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/04/wordpress-logo-300x300.png" alt="new wordpress plugins" />In the first article of what I hope will become a regular feature, I’ll be highlighting some new WordPress plugins, themes, and features of WordPress that you can make use of in your own class="vt-p" title="The Various Forms Of Website Hosting Explained [Technology Explained]" href="http://www.makeuseof.com/tag/website-hosting-technology-explained/">self-hosted WordPress blog. This week I’ll be a taking a look at a superior alternative to the often praised class="vt-p" title="3 WordPress Plug-Ins To Automate & Improve Your Blog SEO" href="http://www.makeuseof.com/tag/3-wordpress-plug-ins-to-automate-improve-your-blog-seo/">All-In-One SEO; a plugin that gives you the power of a WordPress publishing system but allows you to output static HTML files for hosts that don’t support PHP; as well as showing you how to make sense of some of the template files contained in your theme directory.

    Theme Structure & Templates

    Before you read this, take a look into your WordPress theme directory and see what files it contains – notably, anything ending in .php

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/04/ftp.png" alt="new wordpress plugins" />

    Over the years, the WordPress publishing system has developed a strong foundation for templates that allows designers to make themes that are as simple or as complex as needed. The simplest theme may only include a single index.php file, which is the absolute bare minimum. Every page on your site would then be displayed using that single default template.

    The way WordPress works is that each time a page is requested, it will search for an appropriate template file for the type of content being displayed – if none is found, it will then continue to generalise the template it’s looking for until finally it just gives up and uses index.php

    The key to customizing your wordpress theme then, is to understand the hierarchy through which WordPress will search. You can find the class="vt-p" href="http://codex.wordpress.org/Template_Hierarchy">full hierarchy diagram on the WordPress codex site, but here’s a cut-down version I made earlier.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/04/hierarchy-mini.png" alt="wordpress plugins" width="580" height="154" />

    For example, when a user views the archives on your site for category X posts, WordPress will first try to use a template called category-x.php, which is specific to only X category. If it can’t find one, it will generalise to category.php, which is for any category archives view. Failing that, it moves on to an even more generalised archive.php (which might also used to display monthly archives, tag archives or author archives). Most themes will include at least an archive.php, but if not WordPress will just use index.php.

    So how does this help us? Well, if you already have an archive template, but you wish to customize the way your “funny pictures” category is displayed for example, all you need to do is copy the archives.php to a new file called category-funny-pictures.php, and adjust accordingly.

    In the next article, I’ll show you exactly how you can create a special page for your “family pictures” category that includes a thumbnail of the photo.

    class="vt-p" href="http://wordpress.org/extend/plugins/static-html-output-plugin">Static HTML Output

    The truth is that WordPress is – hands-down – the easiest (free) content publishing system on the Internet. In less than 5 minutes you can have it installed, easily change the look and feel, and be loading content in. There is no other system currently available that gives you that much power with such a refined user interface and as wide-ranging open-source development community around it.

    However, not all of us can run PHP files or have access to a database server, so in that case, your only option is to use a WYSIWYG application like Dreamweaver to produce HTML files, or hand-code them. Well, no longer. What this plugin allows you do is use an class="vt-p" title="How To Install A Windows Web Server On Your PC With XAMPP" href="http://www.makeuseof.com/tag/install-windows-web-server-pc-xampp/">offline installation of WordPress, or one running on a development domain somewhere, then output the entire site to static HTML files for you to simply upload!

    Why would you do this? Well, for one, you can host the site anywhere without a database – such as your Apple Mobile.me webspace. Secondly, you get a huge speed boost as the site no longer needs to access the database or parse the PHP scripts on the server side.

    The only downside is that you will lose the interactivity of your blog, such as the built-in WordPress commenting system (which relies upon a database to update the page with new comments). The plugin author suggests using a third party comments provider such as Disqus to get around this though, but be prepared for a little theme editing.

    class="vt-p" href="http://wordpress.org/extend/plugins/seo-ultimate">SEO Ultimate

    For a long time, All-In-One was the reigning king of WordPress SEO plugins, but its day has come. class="vt-p" href="http://wordpress.org/extend/plugins/seo-ultimate/">SEO Ultimate is absolutely full to the brim, feature packed with lots of SEO-related modules – but the best part is that you can deactivate any modules you don’t need by using the simple control panel.

    So besides the obvious meta keywords / title rewriting, what does this plugin offer?

    • 404 monitor – essential if you’ve moved your blog, or are getting a lot of incorrect inbound links, this module will allow you to know exactly where and why the 404 errors are occurring so you can take the appropriate 301 action.
    • Slug optimizer – which keeps your pretty URLs to a minimum by removing useless words like “a” and “the” from them.
    • Competition researcher - a powerful tool for anyone hoping to get into a niche market, this module lets you investigate URLs or keywords to find how much competition there is.
    • Automatic Deep-Linking – If you find yourself constantly linking certain keywords back to some of your best articles, let this tool do the linking for you. Just specify the keywords you want linked, the URL and like magic it will be applied site-wide.
    • Link masking – if you’re running a successful affiliate program, but afraid of being penalised for it, then you’ll love this. With this module you can hide your affiliate links to look like http://yourdomain.com/out/url for example.

    class="aligncenter" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/04/seo-ultimate-screenshot-1.png" alt="new wordpress plugins" width="480" height="357" />

    That’s all of the new WordPress plugins for now, folks. Stay tuned as next week I’ll take a look at some fabulous new themes for you to customize, and show you exactly how to put that elusive featured post thumbnail image into a custom category archives view. Comments, suggestions and feedback to the comments section below, please!

     

    href="http://api.tweetmeme.com/share?url=http://www.makeuseof.com/tag/2-wordpress-plugins-understanding-theme-structure/"> src="http://api.tweetmeme.com/imagebutton.gif?url=http://www.makeuseof.com/tag/2-wordpress-plugins-understanding-theme-structure/"> href="http://digg.com/tools/diggthis/login?url=http://www.makeuseof.com/tag/2-wordpress-plugins-understanding-theme-structure/"> src="http://www.makeuseof.com/images/rss-buttons/diggme.png"> href="http://www.facebook.com/sharer.php?u=http://www.makeuseof.com/tag/2-wordpress-plugins-understanding-theme-structure/"> src="http://www.makeuseof.com/images/rss-buttons/fb.jpg"> href="http://www.google.com/reader/link?url=http://www.makeuseof.com/tag/2-wordpress-plugins-understanding-theme-structure/&title=2 New WordPress Plugins You Should Try & Understanding The Theme Structure&srcTitle=MakeUseOf.com"> src="http://www.makeuseof.com/images/rss-buttons/gbuzz-feed.png"> href="http://www.stumbleupon.com/submit?url=http://www.makeuseof.com/tag/2-wordpress-plugins-understanding-theme-structure/"> src="http://www.makeuseof.com/images/rss-buttons/stumble.png">

     

    More articles about: href="http://www.makeuseof.com/tags/blogging/" title="blogging" rel="tag">blogging, href="http://www.makeuseof.com/tags/blogging-tips/" title="blogging tips" rel="tag">blogging tips, href="http://www.makeuseof.com/tags/blogging-tools/" title="blogging tools" rel="tag">blogging tools, href="http://www.makeuseof.com/tags/wordpress/" title="wordpress" rel="tag">wordpress, href="http://www.makeuseof.com/tags/wordpress-plugins/" title="wordpress plugins" rel="tag">wordpress plugins, href="http://www.makeuseof.com/tags/wordpress-themes/" title="wordpress themes" rel="tag">wordpress themes />



    View full post on MakeUseOf

    Posted in Useful APPsComments (0)

    How To Add Rich Snippets for Reviews To Your WordPress Blog


    review snippetsI wrote a few weeks ago about how Google was changing search results dramatically by including more and more semantic information – or what Google likes to refer to as Rich Snippets.

    Most recently, this was in the form of recipe meta-data, such as ingredients or cooking time. If you’re running a WordPress blog based around reviews of anything then adding semantic markup is easy.

    However, you may find your chosen blog theme is throwing a few errors, so let’s take a look at a suitable plugin and how to deal with some of the errors you might see.

    GD StarRatings:

    If you do any kind of reviews on your blog, GDStarRatings is an absolute must-have plugin, and I’ve been using it right from the start on my iPad Board Games site to allow readers to rate games they’ve played.

    review snippets

    This plugin has been around along time and the developers were thoughtful enough to include Rich Snippet markup since last year. Unlike the new Recipe micro-format, the markup and rules for reviews has long been established, so the plugin itself produces well formatted review code without any Google validation errors.

    Let’s take a quick look at installing and getting the plugin set up, as it can be a little daunting with all the options available to you. First, let’s download it from within the WordPress interface.

    rich snippet review

    After activation, by default the plugin adds a rating block, a thumbs-up bloc, and comment ratings.

    rich snippet review

    Let’s disable some of those that we don’t need. Expand the new ratings section on your admin sidebar, and click on Settings. Start by disabling the “thumbs-up” ratings by clicking on the green thumbs-up icon next to the word article (check out the screenshot). Deselect all the options for Auto-insert ratings code, and that should remove them.

    rich snippet review

    I went ahead and did the same for all other auto-inserted ratings blocks except for the main article star rating which is the only one I want.

    Testing With Google Rich Snippets Testing Tool:

    Head over to the Google rich snippets testing tool here, and enter the URL of one of your reviews.

    how to add blog snippets to a website

    After running through the testing tool, you may find some more errors as I did, but these will be related to your individual theme rather than the ratings plugin. For instance, on my theme I found that even such simple semantic information such as “entry-title” wasn’t being added. To fix these, you will need to know a little HTML.

    Warning: Missing required field “entry-title”.

    Warning: Missing required field “updated”.

    Warning: Missing required hCard “author”.

    Open up the theme folder of your blog, located at wp-content/themes/(name of theme) if you’re going through FTP, or from the WordPress admin screen, expand the Appearance sidebar item and go to Editor.

    Open up single.php in your favorite text editor, or just click on the single.php to the left of the editor screen from within WordPress.

    First up, Google told us we were missing an entry-title. Hit Find in your browser or editor and look for the_title(). Your can see it’s surrounded by an H2 tag, and in my case with the class=”post_title” applied to it.

    how to add blog snippets to a website

    We want to add the entry-title class to it too, so in my case I simply added that into the class definition of the H2:

    how to add blog snippets to a website

    Just below that, Google tells us we are also missing something about when the post was updated. I already have a class=”date” definition, so I simply add “updated” into that one too:

    how to add blog snippets to a website

    Finally, I’m missing the author information. For now I’ll add it just after the published date. If you already have some code for the_author() somewhere, just surround it with the same span tags as I’ve added below. This tells Google who the author is, their name, and encloses the whole thing in a vcard.

    Now, checking the page again I see all the errors have been fixed.

    review snippets

    As a final step, I’m going to submit my site for Google to start drawing rich snippets from – it won’t necessarily happen automatically, so you need to fill out the form here and Google will consider you for inclusion.

    Recipes in WordPress?

    There are also a few plugins for adding recipe microformats, however at the time of writing Google had updated their microformat style and neither plugin produced valid results. If you are publishing recipes on your blog, I’d suggest you keep an eye on both hRecipe and RecipeSEO plugins, which I’m sure will be updated soon to reflect the recent format changes.

    Conclusion and further reading:

    Adding reviews or recipes Rich Snippet data is easy with GDStarRatings, but if your theme isn’t already compatible for the additional author and post meta-data needed, then you may find Google is unwilling to list your site. If you’re getting the same errors as I did, then follow the code tutorial carefully and be sure to make a backup the file in case you make a typo. Next week I’ll begin a series of articles looking in depth at creating a wordpress theme and the structure of themes so you can edit your own a little more, but for now if you’re still getting Rich Snippet errors then feel free to ask a question on the Q&A forum, or post in the comments below, and I’ll do my best to fix them for you.


    NEW: Download MakeUseOf iPhone App. FREE!


     

     

    More articles about: , , ,



    View full post on MakeUseOf

    Posted in Useful APPsComments (0)

    3 Ways The W3 Total Cache Plugin Can Speed Up Your WordPress Blog


    class="align-right" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/03/w3tc-speed.jpg" alt="speed up wordpress" />Self-hosted WordPress is a fantastic system, no doubt about it. It is simply the best choice for anyone from beginner bloggers to large corporations to run a simple yet extensible content publishing system. But with a few plugins installed, a elaborate theme with lots of stylesheets, some Javascript jQuery effects – well, it can become a little bloated resulting in a slow load time.

    The problem is compounded if you’re using shared hosting, and you may find your blog has a total load time of around 10 seconds or more. Not only is this obviously a bad experience for users, but Google will penalize your site for being slow too.In fact, a 2006 study showed that most users will give up after 4 seconds, and that was 4 years ago!

    id="more-67063"> /> The W3 Total Cache Plugin is here to help, so let me explain what it can do to speed up your WordPress blog.

    Note: This article only related to self hosted WordPress press installs, whether that’s on a href="http://www.google.com/url?q=http://www.makeuseof.com/tag/top-7-easy-and-free-web-hosting-services/">shared host, a href="http://www.makeuseof.com/tag/website-hosting-technology-explained/">dedicated private host, or on your href="http://www.makeuseof.com/tag/build-linux-web-server-computer-part-1/">own home server.

    How Do I Know If My Page Is Slow?

    Firstly, simply visiting the page in your own browser is not a good test because most of the objects will be cached locally and hence the loading will seem quicker than it really is. To find out the real page load time of your site, you’ll need to use a special testing tool. You can do this quickly online by typing in the URL of your site at href="http://tools.pingdom.com">tools.pingdom.com

    The tool will attempt to load your page without any caching, and will record how long and what elements exactly it has to load. You’ll get a nice graph which can highlight any particular slow elements.

    style="text-align: center;"> class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/03/pingdom.png" alt="speed up wordpress" width="580" height="266" />

    When it’s finished, scroll down the bottom of the page and look for the grey summary box. Curiously, my page has slowed down to about 13 seconds total, which is shockingly appalling! Next week, I’ll go through a step by step install process as it can get a little tricky, as well as show you the results.

    style="text-align: center;"> class="aligncenter" style="border: 0pt none;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2011/03/load-times.png" alt="speed up wordpress" width="418" height="440" />

    What Does W3 Total Cache Do?

    1. Caching Pages & Database Queries:

    WordPress is a dynamic system. What that means is that everytime a page is viewed, WordPress will run to the database, fetch some data (like your latest blog posts, comments etc), play around with it to produce a page according to your theme layout, then serve it back up to the reader. All that takes a lot of effort and happens for every single page on your blog, even though for most part the content doesn’t change. Instead of going back to the database and recreating the whole page everytime, W3TC will keep a fully made copy of that page in memory, and send that straight to user instead. If a new comment has been added, it’ll make sure that gets displayed too so your posts are always up to date.

    2. Minify Your Javascript & CSS:

    Some more complex WordPress themes can use up 10 separate CSS files, a lot of which is repeated or unneeded code. Plugins also come with own their own CSS files if they display some kind of output to the user. Again, for every page load the browser must send a separate request for each of these files, and even if they are quite small, the overhead time involved with requesting a file and beginning the transfer really adds up.

    The wonderful process of minification takes all those files, and squeezes them into one compact, efficient CSS file that covers all the style elements you need. Don’t worry, when you come to edit the files they’ll look exactly the same to you – but the W3TC plugin will make one new file and serve that to readers instead. The same goes for Javascript files

    3. Optimize Your Browser Cache Settings:

    Browsers generally don’t automatically know what files can be cached locally on a users computer, and most websites don’t include the relevant information that tells the browser something is ok to cache and for how long. That’s where W3TC comes in, as it will make sure the correct settings are being sent to the users browser so that their local cache is used effectively, reducing the number of files that need to be sent to them each time.

    Conclusion

    MakeUseOf uses W3TC as just one of the ways we try to optimize the page and make it as fast as possible for you, the readers. Without it, we honestly wouldn’t be able to serve the amount of pages we do as the server would cripple over and burn all the time. But W3TC can help every WordPress system large or small to run more efficiently, and your readers and Google will thank you for it. If you’re following my advice last week on how to make your blog popular, the next logical step is to be able to cope with that popularity by optimizing your site. Keep your eye on the site as I walk you through a complete install of the W3TC plugin next week.

    If you’re feeling a little confused about the whole idea of caching to speed up WordPress right now, then be sure to ask us in the comments or post a question to our ever growing and vibrant questions and answers community. Let us know if you use a different plugin also, and how you’d rate it. If you missed my last post where I showed you href="http://www.makeuseof.com/tag/8-strategies-wordpress-blog-popular/">8 useful strategies for making your blog popular, be sure to check that out too.

    Image Credit: rel="nofollow" href="http://www.shutterstock.com/pic-63280792/stock-photo-illustration-of-a-speedometer.html?src=094923b512a4b966bab5ef06060ab35a-1-29">ShutterStock />
    />Got Questions? Ask Them Now FREE on href="http://www.makeuseof.com/answers/">MakeUseOf Answers! />
    />

     

    href="http://api.tweetmeme.com/share?url=http://www.makeuseof.com/tag/3-ways-w3-total-cache-plugin-speed-wordpress-blog/"> src="http://api.tweetmeme.com/imagebutton.gif?url=http://www.makeuseof.com/tag/3-ways-w3-total-cache-plugin-speed-wordpress-blog/"> href="http://digg.com/tools/diggthis/login?url=http://www.makeuseof.com/tag/3-ways-w3-total-cache-plugin-speed-wordpress-blog/"> src="http://www.makeuseof.com/images/rss-buttons/diggme.png"> href="http://www.facebook.com/sharer.php?u=http://www.makeuseof.com/tag/3-ways-w3-total-cache-plugin-speed-wordpress-blog/"> src="http://www.makeuseof.com/images/rss-buttons/fb.jpg"> href="http://www.google.com/reader/link?url=http://www.makeuseof.com/tag/3-ways-w3-total-cache-plugin-speed-wordpress-blog/&title=3 Ways The W3 Total Cache Plugin Can Speed Up Your WordPress Blog&srcTitle=MakeUseOf.com"> src="http://www.makeuseof.com/images/rss-buttons/gbuzz-feed.png"> href="http://www.stumbleupon.com/submit?url=http://www.makeuseof.com/tag/3-ways-w3-total-cache-plugin-speed-wordpress-blog/"> src="http://www.makeuseof.com/images/rss-buttons/stumble.png">

     



    View full post on MakeUseOf.com

    Posted in Useful APPsComments (3)

    Two Awesome SEO WordPress Plugins That Help With Internal Links


    class="align-left" style="border: 0px none; margin-left: 20px; margin-top: 5px; float: right;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/10/links.jpg" alt="wordpress seo plugin" width="300" height="225" />When you have your own blog or website, there are a list of things that you should always try to do in order to fully “optimize” your site.

    Opinions vary, but there is definitely a basic core list that most SEO experts agree upon. Within that core, internal links are towards the top of the list.

    A while back I wrote an article on class="vt-p" href="http://www.makeuseof.com/tag/search-engine-optimization-mistakes-that-will-destroy-your-website/">SEO mistakes that could ruin your website, as well as a class="vt-p" href="http://www.makeuseof.com/tag/10-common-seo-mistakes-that-can-destroy-your-website-part-ii/">part two. Karl also previously covered three useful class="vt-p" href="http://www.makeuseof.com/tag/3-wordpress-plug-ins-to-automate-improve-your-blog-seo/">WordPress plug-ins that can help with SEO. There are a couple more WordPress plug-ins I want to cover that focus on improving your internal linking strategy.

    id="more-57701">

    Automatic Internal Links

    The first WordPress plugin is called class="vt-p" href="http://wordpress.org/extend/plugins/seo-automatic-links/">SEO Smart Links. The beauty of this plugin is that it removes at least one of those SEO tasks on your checklist of things to do for every one of your blog posts. Now you don’t have to worry about going through and adding internal links to your other relevant blog posts, because instead they’ll be automatically inserted into your posts for you.

    Setting up the two plugins that I’m covering in this article is no different than any other WordPress plugin. Just upload the folders into the plugin directory using your favorite FTP client.

    style="text-align: center;"> class="aligncenter size-full wp-image-57702" style="border: 1px solid black;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/10/seolinks1.jpg" alt="wordpress seo plugin" width="575" height="278" />

    Go into the Plugins area of your WordPress admin settings and activate the plugin.

    style="text-align: center;"> class="aligncenter size-full wp-image-57703" style="border: 1px solid black;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/10/seolinks2.jpg" alt="" width="575" height="194" />

    Once it’s activated, you’ll find the SEO Smart Links options under the Settings menu. At the top of the settings are the following options.

    style="text-align: center;"> class="aligncenter size-full wp-image-57704" style="border: 1px solid black;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/10/seolinks3.jpg" alt="wordpress seo tips" width="500" height="459" />

    The first section is where you select whether you want the internal links inserted into only posts, only pages, or both. The bottom section under “Target” is what areas of your blog you want the plugin to link to.  A bit further down the page you come to the next set of options.

    style="text-align: center;"> class="aligncenter size-full wp-image-57705" style="border: 1px solid black;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/10/seolinks4.jpg" alt="wordpress seo tips" width="575" height="496" />

    If you have a decent server and the load time of your main page isn’t an issue, go ahead and deselect “Process only single posts and pages.” However, since load time affects your SEO it’s usually best to leave this checked.  This plugin will also embed links into your RSS feed (pretty sweet feature).

    style="text-align: center;"> class="aligncenter size-full wp-image-57706" style="border: 1px solid black;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/10/seolinks5.jpg" alt="wordpress seo tips" width="575" height="415" />

    Finally, the best part of the settings area, and the place where you’ll likely come back to often, is the “Custom Keywords” section. Here is where you can manually configure certain keywords to always link to specific pages on your site. This is an excellent way to make certain pages ranks highly on specific keywords, when you have multiple pages on your blog linking back to that page using the same phrase.

    Make sure to enable “prevent duplicate links” (duplicates are a no-no). Don’t set max links too high, as the last thing you want to do is spam the reader (or the search engine bot) with too many links.

    Here is an example of a blog post where the phrase “top secret” is now linked to another post automatically.

    style="text-align: center;"> class="aligncenter size-full wp-image-57707" style="border: 1px solid black;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/10/seolinks6.jpg" alt="seo plugin" width="476" height="330" />

    Best Related Posts

    The next excellent SEO WordPress plugin is class="vt-p" href="http://wordpress.org/extend/plugins/best-related-posts/">Best Related Posts.  Install this plugin the same as the one above. When you go to the options under your WordPress settings area, all you’ll see are text fields where you can customize the appearance of the related posts list on your page. To actually install list on your page, copy the code “<?php boposts_show();?>” shown at the top of the page.

    style="text-align: center;"> class="aligncenter size-full wp-image-57709" style="border: 1px solid black;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/10/seolinks71.jpg" alt="seo plugin" width="469" height="451" />

    You’ll need to edit the file single.php in your theme, and add the code into it just after your post, in the location where you want it to show up. Don’t let the code scare you – as you can see I’ve placed it underneath the list of tags for the article.

    style="text-align: center;"> class="aligncenter size-full wp-image-57710" style="border: 1px solid black;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/10/seolinks8.jpg" alt="seo plugin" width="450" height="253" />

    Once the file is saved, here’s what the related posts looks like.

    style="text-align: center;"> class="aligncenter size-full wp-image-57711" style="border: 1px solid black;" src="http://main.makeuseoflimited.netdna-cdn.com/wp-content/uploads/2010/10/seolinks9.jpg" alt="wordpress seo plugin" width="471" height="396" />

    style="text-align: left;">What I love about it is that the links are graphical – and users are far more likely to click on pictures than simple text links – thereby increasing your PVPV (page views per visit). A small excerpt from each post is also included – giving your reader some insight into the article, enticing them to click the link.

    Optimizing your blog or website doesn’t have to be a nightmare, and you don’t have to be a guru to use these plugins. The automatic internal links  and best related posts plugins actually make it so you don’t even have to remember details – they’re finished for you automatically!

    style="text-align: left;">With these plugins, you’ll notice changes in your blog traffic almost immediately. Just give them a try and see for yourself, and make sure to come back and let us know how it went!

    style="text-align: left;">Do you know of any other cool SEO WordPress plugins for linking? Share them in the comments section below.

    Image credit: class="vt-p" rel="nofollow" href="http://www.sxc.hu/photo/1093356">miki kucevic />
    />Got Questions? Ask Them Now FREE on href="http://www.makeuseof.com/answers/">MakeUseOf Answers! />
    />

     

    href="http://api.tweetmeme.com/share?url=http://www.makeuseof.com/tag/awesome-seo-wordpress-plugins-internal-links/"> src="http://api.tweetmeme.com/imagebutton.gif?url=http://www.makeuseof.com/tag/awesome-seo-wordpress-plugins-internal-links/"> href="http://digg.com/tools/diggthis/login?url=http://www.makeuseof.com/tag/awesome-seo-wordpress-plugins-internal-links/"> src="http://www.makeuseof.com/images/rss-buttons/diggme.png"> href="http://www.facebook.com/sharer.php?u=http://www.makeuseof.com/tag/awesome-seo-wordpress-plugins-internal-links/"> src="http://www.makeuseof.com/images/rss-buttons/fb.jpg"> href="http://www.google.com/reader/link?url=http://www.makeuseof.com/tag/awesome-seo-wordpress-plugins-internal-links/&title=Two Awesome SEO WordPress Plugins That Help With Internal Links&srcTitle=MakeUseOf.com"> src="http://www.makeuseof.com/images/rss-buttons/gbuzz-feed.png"> href="http://www.stumbleupon.com/submit?url=http://www.makeuseof.com/tag/awesome-seo-wordpress-plugins-internal-links/"> src="http://www.makeuseof.com/images/rss-buttons/stumble.png">

     


    Similar MakeUseOf Articles

    class="st-related-posts">

  • href="http://www.makeuseof.com/tag/3-wordpress-plug-ins-to-automate-improve-your-blog-seo/" title="3 WordPress Plug-Ins To Automate & Improve Your Blog SEO">3 WordPress Plug-Ins To Automate & Improve Your Blog SEO (39 comments)
  • href="http://www.makeuseof.com/tag/the-first-wordpress-plugins-you-must-install/" title="The First WordPress Plugins You Must Install">The First WordPress Plugins You Must Install (34 comments)
  • href="http://www.makeuseof.com/tag/liven-up-your-wordpress-blog-comments-with-myavatars/" title="Liven Up Your WordPress Blog Comments With MyAvatars">Liven Up Your WordPress Blog Comments With MyAvatars (6 comments)
  • href="http://www.makeuseof.com/tag/kaltura-adds-video-management-capability-to-your-wordpress-blog/" title="Kaltura Adds Video Management To Your WordPress Blog">Kaltura Adds Video Management To Your WordPress Blog (15 comments)
  • href="http://www.makeuseof.com/tag/how-to-upgrade-your-wordpress-blog-automatically/" title="How To Upgrade Your WordPress Blog Automatically">How To Upgrade Your WordPress Blog Automatically (16 comments)
  • href="http://www.makeuseof.com/tag/safely-experiment-customizing-wordpress-themes/" title="How To Safely Experiment With Customizing WordPress Themes">How To Safely Experiment With Customizing WordPress Themes (16 comments)
  • href="http://www.makeuseof.com/tag/how-to-easily-create-manage-a-faq-page-for-your-wordpress-blog/" title="How To Easily Create & Manage an FAQ Page For Your WordPress Blog">How To Easily Create & Manage an FAQ Page For Your WordPress Blog (24 comments)
  • href="http://www.makeuseof.com/tag/create-multiple-columns-wordpress-pages-posts/" title="How To Create Multiple Columns In WordPress Pages & Posts">How To Create Multiple Columns In WordPress Pages & Posts (9 comments)
  • href="http://www.makeuseof.com/tag/create-wordpresspowered-webcomic-comicpress/" title="How to Create a WordPress-Powered Webcomic with ComicPress">How to Create a WordPress-Powered Webcomic with ComicPress (4 comments)
  • href="http://www.makeuseof.com/tag/wordpress-blog-online/" title="How To Back Up Your WordPress Blog Online">How To Back Up Your WordPress Blog Online (21 comments)


  • View full post on MakeUseOf.com

    Posted in Useful APPsComments (3)

    Blogroll