Blue Green Brown Orange

Change Background

Posts Tagged ‘WordPress’

2

January
0

Migrating from one WordPress installation to another

When you are working on a revamp for your website and/or move to another host, one major concern is how you will be able to migrate all of the posts and information from the current website to the new one. Depending on the size of the data that you are moving, this could be a long process or a short one, but in both cases, it is rather straight-forward.

  1. The first step is to do a fresh install for the latest WordPress on the new server, you can follow my step-by-step guide to getting your WordPress blog up and running. You might be tempted into moving everything as is and just updating the database credentials, etc. but a fresh installation clears your blog from many potential problems. Ideally there would be a temporary URL that you could use while testing, after which you can update the DNS for your domain and go live
  2. If on a testing server, you should consider using the WP Dummy Content plugin which generates as much fake content as you want to act as placeholders and give you a clear idea of how everything will look on the final website
  3. Once the look and feel is as you’d like it to be, it’s time to install the plugins that you will be using for your website. One option could be as simple as downloading the folders in the “plugins” directory on the old server, but that’s definitely not the kind of attitude you want to take with you in 2010. The best practice would be to re-install the plugins one by one from within the new admin control panel. This will give you to option of researching better alternatives to any plugins you weren’t entirely comfortable with, and also assures that you have the latest of each one
  4. Your temporary testing website is now ready with all of the features and functionality, displayed via fake content. It is now time to import the content from the old website
    • From the admin control panel of the old website, go to Tools > Export to create the XML file that you are going to be carrying to the new blog. If the content is large in size (over 1,000 posts), you might want to use the Advanced Export for WP & WPMU plugin, which facilities the filtering and segmentation of the different sections of the website
    • In many cases, the XML file is too big to be uploaded directly into the new installation. Therefore, you can compress the file using the .gz compression, which is understood by the huge majority of servers nowadays. You can use an open-source application like gzip to compress the XML file to about a sixth of the original size. When you upload the file, your server will automatically uncompress it, meaning you will spend far less time waiting for the file to be uploaded
    • Besides that size of the XML file itself, you could face the problem of reaching your PHP memory limit while uploading. This basically means that your server is only allowed to use a limited amount of memory before it stops whatever it’s doing. There’s a good guide at lost-in-code that shows you how you can increase that limit
    • If the importing process goes smoothly and then suddenly stops at one point, there’s no need to panic. You can simply refresh the page, hence resending the script to be parsed and imported, and WordPress will automatically skip all of the posts that already exist. Meaning that even if it stops every couple of thousand posts, refreshing will make it pick up where it had left off
    • NOTE: Although I haven’t tried this myself, there’s an alternative method for moving the content to the new location using a desktop application such as Navicat. In which case you would enter the database information of the two servers, and the program migrates the entries from server to server
  5. Final testing is necessary before you update the DNS on your domain name to make it point to the new server. It is generally good practice to work on a ToDo list with everything that needs to be done for the website to be final. Those that are urgent should be completed before updating the DNS, while the rest can be done while you are waiting for the DNS to be updated everywhere (could take up to 12 hours)

The best part of it all, is that it’s free. With the power of the open-source tools, you will always find the help that you need all over our beautiful web.

19

October
1

How To Create Your Own Blog: A Guide to Installing and Configuring WordPress

Many are unaware of just how easy it is to start your own blog using the best open source tool for blogging out there: WordPress. This is a tutorial that will get you up and running in no time. It will cover everything from purchasing your domain name and hosting account, to downloading, installing and configuring WordPress on your website. After all, your space on the World Wide Web is your birth right, and giving it up because you overestimate the process involved is a pity indeed.

So let’s jump right into this

Step 1: Domain & Hosting

Makre sure your host supports PHP and MySQL

Makre sure your host supports PHP and MySQL

Before you can run a website or blog, you need a unique address (domain) pointing to a space that you’ve reserved on a remote server somewhere on the planet (hosting). You can view my guide on hosting to fully understand the different categories, and thus, which one is best for you. Generally speaking, if this is your first time, a standard shared web hosting account, that usually offers a free domain on top, gets the job done.

For example, if you choose to go with Blue Host, then simply visit the website, and sign up for an account that will cost you $7 for every month, and you’ll probably pay for two years in advance. Any standard plan from any provider will do, granted it supports PHP and MySQL databases (some providers don’t offer databases with their basic packages, but that’s a bit of a rarity nowadays).

Step 2: Create the Database

Now that you own an account, log on to the administration control panel, which is provided to you by the hosting company you’ve chosen to go with, to create a database:

Find the link to add databases (could also use PHPMyAdmin)

Find the link to add databases (could also use PHPMyAdmin)

  1. Go to your control panel and login
  2. Find the databases link, click “add new database”
  3. Give it a name, for example: WordPressBlog
  4. Add a user that will be accessing the database (by creating a username and password)
  5. Take note of the address of the database (in most cases, it’s “localhost”, but sometimes it’s different. In which case you’ll see it displayed along with the database name somewhere)

Now that you’ve created the database, as well as the credentials for accessing it, you’re ready to install WordPress.

Step 3: Download WordPress, Then Upload It

This is a straight forward process:

  1. Go to http://www.wordpress.org/
  2. Download the zipped file
  3. Unarchive (extract) it on your computer, you should be left with a folder called “wordpress”
  4. Open your FTP client. FileZilla is one of the best – free, open source and efficient
  5. Enter the FTP information for your website (given to you by your provider, usually found in the control panel)
  6. Upload the contents of the “wordpress” folder to the root directory of your website (you can upload the entire folder, in which case the installation would be at: www.yourwebsite.com/wordpress)

Now that WordPress has been uploaded to your server, and your database is created, you are now ready to go through the famous five-minute installation.

Step 4: WordPress Installation

Everything is significantly easier with WordPress, and the installation process is no different.

You'll be prompted to create a configuration file

You'll be prompted to create a configuration file

  1. Direct your browser to where the WordPress files had been uploaded (if in the root directory, then just go to www.yourwebsite.com)
  2. You will be prompted to create a configuration file, this is where you store basic information such as the database credentials. Click on the button
  3. Click on “Let’s go” to enter the information
  4. Enter the database information. You should have all of the details from when you created the database earlier. You can also change the prefix of the tables created in the database, but “wp_” will do just fine
    Enter the database information

    Enter the database information

  5. If the database credentials were correct, WordPress will give you confirmation that the tables have been created and the initial data has been added. In some cases, the configuration file is not writable, in which case you will have to manually edit the file to add the database information. You can follow the steps on the WordPress Codex installation guide
  6. Enter the title and email that you would want to use
  7. When all goes well, you will be given a temporary generated password that you will use to enter the administration control panel for the first time. Click on login and enter the credentials that you were just handed
    Temporary account details. Change password after logging in

    Temporary account details. Change password after logging in

Now’s the time to access the control panel and get ready to start blogging!

Step 5: Configure WordPress

The first time you enter the admin panel, you should change your password to something you can remember (you’ll be reminded to do so anyway). It’s also good practice to add another user to replace “admin” so that your alias appears with the posts. If you want to create another administrator account, click on “Users” from the menu on the left, then add, then enter the information. Don’t forget to make the user “Administrator”. Now that the user’s created, log out, and login with the new username and password. Feel free to delete the original “admin” user, now that the blog has a new administrator.

As any beautiful open source tool, there are tons of options that you could go for right after a fresh installation. Having said that, the following are the personal recommended additions/configurations after you’ve logged in for the first time:

  • Enable Permalinks: This is by far one of the biggest advantages of WordPress; the simplicity of the process of controlling the URLs generated. If you’re a frequent blogger, choose year/month/day/title. Otherwise, year/month/title should do fine
    Enable Permalinks: easy and powerful

    Enable Permalinks: easy and powerful

  • Enable Akismet Plugin: I’ve talked about this plugin in my post Essential WordPress Plugins where I’ve listed and discussed every single plugin used for this website. Akismet is revolutionary in how it automatically detects spam comments and places them in a separate queue that you’ll probably never need to check – it’s never mistaken
  • Browse/Install More Plugins: You can check the list of the plugins I use, or you can simply browse the most popular plugins from the “Plugins” menu item on the left. You won’t lose anything in trying out plugins and disabling them if you’re not satisfied. Almost any website/blog could use popular plugins such as “All in One SEO Pack”, “Contact Form 7″, “Social Bookmarking RELOADED” and “WP Piwik” (here’s why you should be using Piwik instead of Google Analytics)
  • Change Theme: As attractive as the default theme may seem at first look, it’s a good idea to go for a different theme. The new version of WordPress allows you to browse the different themes available as if installing plugins – very convenient. You will find the link to install themes under the “Appearance” tab. Otherwise, there are numerous websites dedicated to free WordPress themes that you can install, upload via Filezilla, and activate with the theme menu item

Now you’re golden. You’ve set everything up, and now you’re ready to start sharing your thoughts and ideas with the entire world.

Step 6: Start Blogging!

You can start by making a test post, just to get acquainted with the interface and features. After that, you may want to go through the following content-related options:

  • Add a couple of pages where you will be displaying information that doesn’t change much (for example, “About Me”,  “Contact”, or “WordPress Guides”)
  • Decide whether or not you’re going to be using categories (best used for posts that are displayed on different parts of the website. Otherwise, stick to tags only). Create your categories from the “Posts” menu item
  • Make links’ lists such as “Blogroll” or “Shout out to my people” where you can share various links with the visitors. The “Links” menu item is found on the left and is also very easy to use

That’s it, you’re done! As you can see, the entire process takes 20 minutes or so, and there are substantial amounts of resources for help and support flooding the net if you need them. Generally speaking, it is a straight-forward process and there’s very small room for issues and problems.

You’re Voice on the Web – Your Right

The most important aspect of yet another revolutionary product from the open source community is that it simply acts as a channel that facilities the communication and information exchange between people across space and time regardless of race or origin. It is very important to take advantage of your right as a member of the community of the World Wide Web, the current generations are the first in history to be granted such a privilege. Underestimating its power, or overestimating the technical skills required, is a shame. So get yourself a blog and write about whatever it is you want to blabber about, you have absolute freedom. Beautiful.

4

August
3

Essential WordPress Plugins

Inspired by Roberto Diaz’s post (in Spanish), Behind The Scenes, I wanted to list all of the WordPress plugins that I am using across this website, with a brief review of each one.

Plugin name/description

Rating

Akismet
By far one of the most popular WordPress plugins. The most technical and detailed word to describe this plugin is: Magic. Without a Captcha, you will never be bothered by spam as it automatically recognizes them and places them in a spam queue that you won’t need to even visit, because it’s never been wrong

9

All in One SEO Pack
A vital aspect of the blog of anyone who wants to attract as many visitors as possible. Through a single admin panel, you customize all of the settings to enhance the Search Engine Optimization of your entire site. Easy to use, and very effective

9

Contact Form 7
After a little of getting-used-to, this plugin allows you to place multiple contact forms and completely customize them via the admin panel. No need to program anything, everything’s done for you.

7

FancyBox for WordPress
There are numerous plugins dedicated to displaying images. I chose FancyBox because of its interactive nature, and more importantly, with some minor adjustments, it’s perfectly valid code (be sure to remove the “overlay” which covers the background to avoid CSS errors). Works automatically.

7

Get Recent Comments
A simple plugin to display the latest X number of comments in a widget (which I’ve placed in the footer), giving you the option of controlling the layout

8

Google XML Sitemaps
The sort of plugin that, once installed, you forget about it while it does all of the work for you. Whenever there is any change applied to the website, the search engine crawlers are immediately notified in their particular format. An absolute must for anyone wanting to drive traffic to his or her website (which should be everyone)

9

Really Simple Captcha
One of the Captcha plugins that work with Contact Form 7. Very simple to use, and only needs to be configured once, as it is integrated with the other plugin

7

Shockingly Big IE Warning
For those users who are still convinced that the world is flat, and that the Sun rotates around the Earth, this plugin displays a scary bar across the top urging the user to upgrade to a civilized browser. It’s a lot of fun, and can help make this world a better place. You can view my post on the possible end of IE 6

8

Smart YouTube
By far the easiest way to integrate a YouTube video with your pre-configured settings. What makes this plugin stand out is that it produces valid XHTML code with any video that you embed. And all you need to do is choose the standard settings via the admin panel, and then paste the URL of any video in your posts adding a “v” after “http” and voila! standards’ compliant YouTube video embedded just the way you wanted

9

Sociable
A plugin that I have discussed in an earlier post, allowing the visitor to easily share your posts via the numerous social networking websites. With a small fix, it is XHTML valid, and you can use your own icons

8

SyntaxHighlighter Evolved
After a bit of research, I have found that this plugin is the best way to display code in your posts. Unlike others, this one is stable, very easy to use/implement, and has a beautiful interface. Sometimes the XML coding can use more coloring for distinction, but we’ll let that slide

9

TinyMCE Advanced
A back-end plugin that allows you to add rows to your WYSIWYG editor when writing/editing posts. The most important feature is integrating tables (as done with this post), which is a feature that it not available with the standard TinyMCE that ships with WordPress

7

WordBook
A simple plugin that publishes a link on your Facebook page directing users to your post. It appears in a single line using the WordPress favicon. Looks professional, but can be overlooked by friends and family viewing your Facebook page. Nevertheless, a useful addition to the team

7

WordPress Popular Posts
After collecting data on the number of views for each post (discarding those of the admin), it displays the X most viewed posts in a widget. Takes a bit of time to collect data at first, but then works effectively

8

WP-Piwik
If you are still not using Piwik for some reason, read my post discussing the subject. This plugin allows you to integrate the Javascript code that allows Piwik to collect the data. It makes the code XHTML valid, and works instantaneously. I’ve tried a couple of others that caused some problems. This one has worked perfectly

9

WP to Twitter
There are many Twitter-related plugins for WordPress. I wanted something that automatically tweets when I post a new article, with the shortened URL integrated. WP to Twitter does exactly that. You can customize the tweet that will be made on the same page where you make a new post. Very convenient

8

WPtouch iPhone Theme
Visitors accessing your website via any hand-held or iPhone will probably not be able to view the website properly. This plugin provides them with an interface made specifically for them. Even though it does not resemble the real site in any way, it is an extremely convenient method for the users to read and comment on the actual content

8

The beauty of any open-source project lies in the efforts brought forward by the community supporting it. WordPress has proven to be a revolution in the blogging/CMS world after effectively bringing the best out of everyone and everything in a single place. Those plugins were the ideal fit for me, and if you are looking for something different, there’s no doubt that you will find your perfect match.

2

August
1

Sharing Blog Posts With Sociable

It’s refreshing to see scores of blogs and micro-sites on the Internet that are using WordPress. Not only is it the clear leader when it comes to creating personal or professional blogs, but it has also stepped into the realm of CMS-driven websites, and is in many cases the best choice. The free, open-source web application prides itself in how powerful, yet simple, it is, and it can only become even more successful.

Suffice to say, with thousands of plugins available out there, it is not always ease to take full advantage of the features that are brought to you by the extensions developed by the WordPress community. Some users go overboard with numerous plugins that are not bringing added value, and are therefore inefficient. Meanwhile, others are missing out on the basics. When you’ve gone online with a blog, it is absolutely vital to attempt to attract the largest crowd possible, and there are various methods at hand. Besides some quality Search Engine Optimization, sitemap submissions, and permalinks (explained here), it is crucial to facilitate the way in which the website visitors can share your posts with friends and family.

Any user can simply copy the URL and past it in an IM chat or email. But let’s not kid ourselves: users of the Web are lazy, and that’s not going to change anytime soon. If it’s not sorted out in two clicks, at most, then no one will be bothered. For that reason, you’d be crazy to skip integrating a plugin that allows users to share your posts via social network websites and the likes. There are a handful of post-sharing plugins out there, the most prominent of which, is Sociable.

By installing and activating Sociable, you will have automatically placed a row of icons at the end of each post that makes the visitor a click away from publishing a link to your post from sites such as Twitter, Facebook, Technorati, Digg and many more. In fact, the complete list of websites available boasts over 60 options:

Sociable Options

Sociable Options

Using the settings page integrated into the WordPress administrative menu, you can configure which ones you would like to appear, and in what order. Moreover, you can opt to place your own icons, as oppose to the standard ones that ship with the plugin. It is as simple as creating a directory, placing the icons in the proper names (follow the standard set by the original icons pack), and enter the URL to the image folder via the settings page. With a wealth of options within reach on all corners of the internet, even if you are not willing to design your own icons, you can download any of the free packs available with an appropriate license.

As a result, any user who finds your post of interest, can easily choose his or her website/service of choice, and spread the word. The downside of the Sociable plugin is a bizarre problem, with a very easy fix.

XHTML Validation

A recent update to the plugin changed the classes associated with each icon displayed to an id. That is plain blasphemy as it means that on the main posts’ page, for example, a given id is repeated ten times (once with each post), which causes the XHTML validation to go out the window. You might’ve spent endless hours and sleepless nights on end to get your website to validate correctly, and with a simple plugin such as Sociable, all your efforts will have gone down the toilet. Interestingly, the plugin originally used classes, and then switched to ids, and then there have been two more updates since, but the plugin remained XHTML invalid!

Not to worry, though, the solution is very simple:

  1. From the WordPress control panel menu, click on “Plugins”
  2. Find the Sociable plugin, and click “edit” underneath
  3. Choose the file sociable.php, and scroll down to the following segment:
    /**
     * Start building the link, nofollow it to make sure Search engines don't follow it,
     * and optionally add target=_blank to open in a new window if that option is set in the
     * backend.
     */
     $link .= '<a rel="nofollow"';
     $link .= ' id="'.esc_attr(strtolower($sitename)).'"';
     if (get_option('sociable_usetargetblank')) {
     $link .= " target=\"_blank\"";
     }
     $link .= " href=\"javascript:window.location='".urlencode($url)."';\" title=\"$description\">";
    

    And replace the “id” with “class” as such:

    /**
     * Start building the link, nofollow it to make sure Search engines don't follow it,
     * and optionally add target=_blank to open in a new window if that option is set in the
     * backend.
     */
     $link .= '<a rel="nofollow"';
     $link .= ' class="'.esc_attr(strtolower($sitename)).'"';
     if (get_option('sociable_usetargetblank')) {
     $link .= " target=\"_blank\"";
     }
     $link .= " href=\"javascript:window.location='".urlencode($url)."';\" title=\"$description\">";
    
  4. From the settings page, uncheck the “use Sociable stylesheet” and use your own classes to make the icons look the way you want. Or you can simply dig into the sociable.css file and change the “#” of the links’ names to “.” in order to turn them into classes and not ids. However, it is recommended to add the CSS classes to the stylesheet you are already using in order to assure that the icons integrates seamlessly into your design

Remember that after a plugin update, if the author has not fixed the problem himself, you would needt to make the change again. Even though it might seem like a bit of a hassle, the “fix” is done in a couple of minutes, and is well worth the effort. Providing users with the ability to share your posts is an absolute must, and Sociable is by far one of the best plugins to do so.

15

June
1

WordPress 2.8: Brilliant Baker

If you’re like me, then you’d know that anyone who doesn’t try his or her best to use WordPress with any website developed is just crazy. The guys over at WP have spoiled us with significant improvements and developments with every new release, and this time it was not different. WordPress version 2.8, known as Baker, brings many new features which are sure to come in handy.

The new WordPress Theme Editor

The new WordPress Theme Editor

Upgrading is done with a few clicks and is smooth.

The one change I immediately noticed, and consequently realized how much I had been longing for it, is the Theme Editor page, which now shows colored code and line numbers. No matter how much planning you do, and how much work you finish on your local machine, as soon as your WordPress is on your remote server, there’s always a good bit of tweaking and fixing left. It has now become much easier to identify problems and fix them right away.

Just as you can browse and install plugins, you can now do the same with themes. Any real developer would not find this of much use at all, but for the average user who has decided to go independent and open-source, it’s a relief to know he or she can do everything directly on the spot, without having to worry about downloading, and then FTPing to the server.

The drag and drop has also been improved, making it more intuitive. Moreover, you now have control as far as the layout of the admin components is concerned, and can arrange things as you see fit. I’ve noticed however that the Wassup statistics plugin caused some minor problems, which were no longer there after after deactivating it. So I suspect Wassup to be releasing an update to make it compatible with Baker (either way, you should be using Piwik via the phpMyVisits).

Once again WordPress has raised our expectation, and once again it has outdone itself.