SPECIAL OFFER: Only $59 for access to everything in OSTraining for 1 year! You save $85! 
Join today and get access to 1,000's of books and videos. Learn WordPress, Drupal, Magento, Joomla and more! Sign up today!

| WordPress

Taxonomy is a common word in biology (and also Drupal!). In science it's a hierarchy of terms used to classify almost everything. Wikipedia has a full explanation here.

Recently WordPress has adopted the word "taxonomy" as an additional way to organize information. It's an uncommon word for a common concept.

When you were in school, you picked up a book and opened to the table of contents, and you were looking at the book's taxonomy. It's just a way to classify and label things. In a web site, it makes it easier to find thing or show them when you need them. Here's how it applies to WordPress:

Read more ...

| WordPress

WordPress continues to improve on its ability to mange content. Custom post types and taxonomies are a big step in making WordPress a fully featured CMS.

If you're not sure what custom post types are, go ahead and read this tutorial first.

Custom post types are powerful tools for creating an information architecture. However, by default you are required to write code if you want to use them.

Fortunately, there are a number of plugins that allow you to create post types and taxonomies to go with them. This tutorial explains the use of Custom Post Type UI.

Read more ...

| WordPress

By default, WordPress comes with a pretty great way to run and manage a multi-site network. You can click here to read tutorials on how to set up a network. However, those networks are designed to be run on one server and for the sites to be deeply inter-connected.

What happens if you have lots of different WordPress sites spread out over lots of different servers? What happens if you're managing sites for lots of different clients? ManageWP.com has an intriguing solution: one dashboard for all your WordPress sites. Here's how it works:

Read more ...

| WordPress

Something not often understood in WordPress is the difference between Post Formats and Post Types.

There are 5 page types built into WordPress: Post, Page, Attachment, Revision and Nav Menu. Since the release of 3.1 you can now add custom types, but we'll go over that in another tutorial. This tutorial is going to show you how post formats work:

Read more ...

| WordPress

connections pluginDo you need to create a company directory with employee profiles? Maybe multiple departments in a larger company? Or a family directory for your next reunion?

The Connections plugin can make this a fairly easy task, allowing you to load headshots, full contact information and details on every member or employee, then display them on custom pages. In this tutorial we'll show you the basic features. The developers at http://connections-pro.com also sell extra features.

Read more ...

| WordPress

s2member-proWordPress is great for multi-users and for creating blog sites. But what if you want to monetize it so you can charge for subscriptions? There are some plugins available, this one we found to be not only free, but fully featured.

Of all the ones tested, this was the most complete out-of-the-box, and had the most documentation, with over 50 help videos. The documentation is excellent, but I found the first few steps to be time consuming with trial and error. Here is a quick-start guide to s2Member:

Read more ...

| WordPress

 

Add Google AJAX Translation to your blog. This plugin allows your readers to translate your blog posts, pages, or comments into 52 languages.

The Google AJAX Translation WordPress plugin provides a quick, simple, and light way to add translation to your blog.

A "Translate" button can be added to the bottom or top of posts, pages, and/or comments. When the button is clicked a popup window opens showing a list of available languages.

Read more ...

| WordPress

elfinderOne of our students was having difficulty getting access to his CSS files, so we created this tutorial for him.

This tutorial will show you how you can access and manage your server's files (php, css, etc) directly from your Wordpress admin area using a file manager called elFinder.

Read more ...

| WordPress

This has become fairly simple since most hosting companies supply a version of an automatic installer that puts WordPress where you want it with a couple button clicks. But there are still occasions when you want to install it manually. Here's the quick install method, that is relatively simple.

Read more ...

| WordPress

WordPress 3.2 in with the new - out with the old. The focus for this release was making WordPress faster and lighter.Moving forward has enabled some impressive improvements. The streamlining enabled retiring support for PHP4, and older versions of MySQL, and legacy browsers like IE6, which allows WordPress to take advantage of more features enabled by new technologies.

Read more ...

| WordPress

WordPress 3.2 has some significant upgrades. 

  • Refreshed admin area
  • New default theme "Twenty Eleven"
  • Full Screen Editor - Distraction free writing experience
  • Extended Admin Bar - More useful links to control the site

Read more ...

| WordPress

TinyMCE in WordPressWordPress is easy to use, but making something easy to use usually means you have to leave out features or reduce control. Editing text can be very frustrating with the native text editing built into WordPress.

Adding TinyMCE advanced editor, and two additional plugins, one for tables and one for shortcodes, will make editing easier.

Read more ...

| WordPress

The NextGen Gallery is probably the most used gallery for WordPress sites.

There's a great sidebar widget for showing thumbnails from galleries on the pages. It comes with a very basic styling, but there are templates easily accessible for creating the look you want.

The default style jams the thumbnails together, and to make a pleasing look, you need to add some spacing.

Read more ...

| WordPress

One of our students noticed that his Add a New Post area looked different that our tutorial. For example, he had no excerpt or custom fields on the page and asked why his layout was different. The answer is that as of WordPress 3.1, some screen options on the Post and Page areas are hidden by default and need to be enabled.

This tutorial will show you step-by-step how to enabled them using Screen Options.

Read more ...

| WordPress

One of our students asked us how to remove a link from a left menu. In his case the link was coming from the Pages Widget, so we created this tutorial for him.

This tutorial will walk you through step by step how to exclude a page from the Pages Widget in Wordpress

Read more ...

| WordPress

Speed is everything these days. People are browsing faster and have a shorter attention span. Time is literally money:

  • Microsoft showed that when pages slowed by 1 second, ad clicks per user decreased by 1.5%.
  • Amazon showed that when pages slowed by 1 tenth of a secon, sales decreased by 1%.

One great solution to make your WordPress sites run more quickly is the W3 Total Cache plugin. Here's how to use it:

Test Your Site

tutuploadsmedia_1304433461272.png

Before we speed up our site, let's test how fast it's running now. You can do that by visiting http://gtmetrix.com. In the image above I'm testing a plain WordPress install and it scored 87% and 93% on the two tests. Don't be surprised if your site is substantially slower after adding themes, plug-ins and widgets.

Read more ...

| WordPress

This tutorial will walk you through step by step how to create a slideshow for the frontpage of your Wordpress site. We're going to use a plugin called (very logically) Frontpage Slideshow. Here's how to set it up correctly:

Install

First, go to the admin area of your WordPress site, click Plugins, then Add New and search for Frontpage Slideshow. Once you've found it, click Install now:

Read more ...

| WordPress

Things are not quite right with your site. You have tried troubleshooting the issue for the last four hours and you are getting frustrated. Then you remember that you have been making daily backups of your site. The question is, "How do I restore my site from the backup?" This tutorial will take your through the steps!

This tutorial assumes you are using Automatic Wordpress Backup Plugin and that you have a backup ready to go. For instructions on how to create a back up please see the How to Automatically Backup Wordpress tutorial.

 

Access Automatic Wordpress Backup

tutuploadstutuploadstutuploadstutuploadsmedia_1292591662236.png

In your administrator section, go to Plugins >> Automatic Wordpress Backup >> Settings.

 

Restore

tutuploadstutuploadstutuploadstutuploadsmedia_1292592005302.png

Scroll down and go to the Restore from a backup tab.

Select the backup you wish to use and configure appropriately.

Restore from backup when finished.

 

tutuploadstutuploadstutuploadstutuploadsmedia_1292592178831.png

Select OK if you are sure you want to run the restore. A manual backup will be created prior to running the restore in case you wanted to revert back.

Once you click ok, it will run the restore and then refresh once completed. Give it time to complete the restore; the larger the backup file the more time it will take.

That's it! You have just restored your site!

| WordPress

Backup! Backup! Backup! There are few things more frustrating than having to redo an entire site from scratch after a major issue occurs with the site, whether that be an unidentifiable error, a hacked site, etc. If you have a backup in place, you will greatly reduce your work and keep your sanity.

This tutorial will walk you through how to automatically backup your wordpress site on a daily, weekly, or monthly schedule by using the Automatic Wordpress Backup Plugin and Amazon S3. Let's get started!

 

Install Automatic Wordpress Backup Plugin

tutuploadstutuploadsmedia_1292581585017_ef81ecd37daef83ce667001043f380b2.png

In your administrator section go to Plugins >> Add New.

In the search field type in Automatic Wordpress Backup.

Click Search.

 

tutuploadstutuploadsmedia_1292581851481.png

Find Automatic Wordpress Backup. Make sure it is the right plugin by checking in the Description that the author is Dan Coulter.

Install Now.

 

tutuploadstutuploadsmedia_1292582085507.png

Select OK.

 

Activate the Automatic Wordpress Backup Plugin

tutuploadstutuploadsmedia_1292582250445.png

Select Activate Plugin.

 

Configure Access Keys

tutuploadstutuploadsmedia_1292582477205.png

Click on Settings.

tutuploadstutuploadsmedia_1292582997833.png

We need to get this information from our Amazon Web Services (AWS) Account.

If you do not have an account, you can register here (Please read all the terms and conditions):
http://aws.amazon.com/s3/

Or you can sign up for their free version here (Please read all the terms and conditions):
http://aws.amazon.com/free/

**Be sure to register and confirm your S3 account. If you get any errors in Wordpress that you do not have any account, it means that you have not completed all the steps for registration, which includes confirmation.

 

tutuploadstutuploadsmedia_1292583987491.png

Log into your AWS account (http://aws.amazon.com/s3/). Scroll down to the Access Credentials section. Copy the Access Key.

 

tutuploadstutuploadsmedia_1292584159297.png

Go back to your Wordpress site and paste the Access Key in the AWS Access Key field.

 

tutuploadstutuploadsmedia_1292584429500.png

Go back to your AWS account. Click on Show under the Secret Access Key area then copy the Secret Access Key.

 

tutuploadstutuploadsmedia_1292584595948.png

Go back to your Wordpress site and paste the Secret Access Key in the AWS Access Key field.

 

Choose Your Level of Gratitude and Save

tutuploadstutuploadsmedia_1292584967703.png

Choose how you wish to support the developer(s).

Select Save Changes.

 

Create Bucket and Configure

tutuploadstutuploadsmedia_1292585676460.png

Every object stored in Amazon S3 is contained within a bucket. A bucket must be unique, thus to ensure that it is unique you can name it yoursite.com-backup. Enter Bucket.

Configure appropriately.

Save Changes and Backup Now.

 

Check Your Backup

tutuploadstutuploadsmedia_1292588763019.png

Click Refresh Now.

 

tutuploadstutuploadsmedia_1292588851629.png

Your Manual Backup is completed and everything is setup for automatic backups as per your configuration!

That is all there is to it! Easy as 1-2-3!

| WordPress
Post by Email to Your WordPress Blog

By default WordPress allows you to write posts on your WordPress blog simply by sending an email.

However, as the video below makes clear, that default feature is fairly limited.

In this tutorial we'll show you how to set up your blog so that creating your posts by email is both fun and easy. The solution is the Postie plugin.

Read more ...

| WordPress

This tutorial will show you how to move a WordPress site from one folder to another.

In our example we're going to move the WP site from a folder called /blog/ and place it in the root of our site. That means that instead of accessing the site from http://example.com/blog/ we can now go directly to http://example.com.

Read more ...

| WordPress

This tutorial will show you how to split a long WordPress post or page into several sections. People will click 1, 2, 3 to go to the first, second or third page respectively.

Open Up A Post or Page

tutuploadsmedia_1287691422863.png

In order to split a post or page, we need to edit it directly. Go ahead and open up the post or page and then clck HTML in the top right corner.

Insert the Pagebreak Code

tutuploadsmedia_1287691463054.png

Insert this code into the article anywhere you want a pagebreak:

tutuploadsmedia_1287691558164.png

Save the post or page and visit the front of your site. You should that pagination has now been created at the bottom of the article.

| WordPress

This tutorial will show you how to install WordPress locally on your P.C..

We're going to use WAMP for this task. WAMP stands for "Windows, Apache, MySQL, PHP" which are the different elements that allow you to run WordPress on your computer.

Here's how you do it:

Video on How to Install WordPress Locally on a P.C.

Step 1: Install WAMP

  1. WAMP ServerDownload WAMP to your computer.
  2. Run through the WAMP installation process.
  3. In your taskbar, down the by the date in the bottom-right hand corner of your screen, look for the WAMP icon. Click on that icon.
  4. You should see a popup. Click "Start All Services" and then click "Localhost."
  5. Hopefully you'll see a white screen with the Wampserver logo in the top-left corner.

Step 2: Download WordPress

  1. Download WordPressGo to WordPress.org and click on the blue button saying "Download WordPress 3.0.x".
  2. The file you download should have a name like wordpress-3.0.1.zip

Step 3: Move WordPress to WAMP

  1. Click on the WAMP icon in your taskbar again and now click "www directory". This will take you to the folder where WAMP stores its websites.
  2. Move your WordPress folder from Step 2 into this directory.
  3. Extract the WordPress folder.
  4. It will be confusing to keep accessing the website through a folder called /wordpress-3.0.1/ so rename the folder to something simple such as /wordpress/

Step 4: Set up our database

  1. Click on the WAMP icon in your taskbar again and now click "phpMyAdmin". This will take you to the software where WordPress's databases are managed.
  2. Find the field labelled "Create new database" and enter "wordpress". Click "Create".
  3. Hopefully you'll see the name "wordpress" appear in the left column.

Step 5: Install WordPress

In your browser, visit this address: http://localhost/wordpress. You'll see the the WordPress installation screen as below:

Installation Step 1

On the first screen, simply click "Create a Configuration File".

tutuploadsmedia_1284131432591.png

Installation Step 2

On the second screen, simply click "Let's Go!".

tutuploadsmedia_1284131462569.png

Installation Step 3

Here you will need to enter the database information:

  • Host Name: Localhost
  • Username: root
  • Password: [leave this blank]
  • Database: wordpress
tutuploadsmedia_1284131492086.png

Installation Step 4

Simply click "Run the install".

tutuploadsmedia_1284131573369.png

Installation Step 5

Enter the name of your site plus the password and email you'd like to use.

tutuploadsmedia_1284131596463.png

Installation Step 6

You should now have a shiny new installation of WordPress on your P.C. where you can develop your website securely in your local environment.

tutuploadsmedia_1284131774008.png

 


| WordPress

Rokbox is a popular plugin made by Rockettheme for Joomla. It allows you to display images inside a stylish pop-up. You can see the Joomla version of this tutorial by clicking here.

However, there is also a WordPress version available and here's how to use it:

Download Rokbox and Upload to Your Site

tutuploadsmedia_1283612086661.png

Click here to download the Rokbox plugin for WordPress. You'll then need to extract the folder onto your desktop. Upload it to the /wp-content/plugins/ folder on your site

Activate Rokbox

tutuploadsmedia_1283612153336.png

In your WordPress site admin area, go to the Plugins and click "Activate" next to RokBox Gallery

Add an Image to a Post

tutuploadsmedia_1283612245685.png

Go to one of your WordPress posts and click the "Add an image" button. Insert an image into your post. It end result should look like it does below:

tutuploadsmedia_1283612395032.png

View the HTML

tutuploadsmedia_1283612421134.png

Click the "HTML" tab in the top-right of your post.

Insert the RokBox Code

tutuploadsmedia_1283612573966.png

Insert rel="rokbox" into the HTML. The best place to do this is right after the opening Using Rokbox in Wordpress

| WordPress

This tutorial will show you how to find, install and activate free themes for your WordPress site.

Video on Installing WordPress Themes

Go to the Themes Area

tutuploadsmedia_1283362689842.png

In the admin area of your Wordpress website, click on the "Appearance" tab and then click on "Themes".

Go the the Install Themes Area

tutuploadsmedia_1283362818950.png

Click "Install Themes" in the top of the themes area.

Choose a Keyword or Set of Features

tutuploadsmedia_1283362874577.png

One way to search for a theme is to enter a keyword and click "Search".

tutuploadsmedia_1283363006795.png

Alternatively you can choose the features you'd like and click "Find Themes". Be careful not to check too many boxes or you'll end up with few results when you search.

Theme Search Results

tutuploadsmedia_1283363550699.png

WordPress will return all the themes that match your search. Click on either "Install" if you know you want the theme or click "Preview" to see what it will look like. We're going to click on "Install" next to "Desk Mess Mirrored"

Install the Theme

tutuploadsmedia_1283363822661.png

You'll see a screenshot of the theme and a few details. Click "Install Now" to complete the installation or "Cancel" to go back.

Installation Complete

tutuploadsmedia_1283363894299.png

You'll hopefully get a message saying "Successfully installed the theme [THEME NAME]". Click on "Activate" to make the theme live.

Current Theme

tutuploadsmedia_1283363977870.png

You should now see your theme under the "Current Theme" heading. Voila! Your theme will now be live on your site.

| WordPress

Flutter is a Wordpress plugin that allows you to move beyond simple posts and pages in Wordpress. You can create different types of pages with different types of content. In this example we're going to emulate IMDB.com and list movies together with details about the movie.

Install Flutter

tutuploadsmedia_1276341514732.png

Go to Plugins >> Add New and search for "Flutter". Click "Install" on the right hand side of the page, click "Install" again and then "Activate Plugin".

Browse to Flutter

tutuploadsmedia_1276341655482.png

Flutter adds two areas to your Wordpress admin screen. Under "Settings" you'll find "Flutter" which is the main configuration for the plugin. There will also be a whole new area called "Flutter" which is where you will add content.

Create a Write Panel

tutuploadsmedia_1276341789544.png

Click on "Write Panels" and then "Create Write Panel". You can choose different options for your panel. For example, to simplify things for your users you can unpublish custom fields, password, excerpt and other features that are confusing for beginners. Click "Finish" when you're done.

Add Fields to Your New Write Panel

tutuploadsmedia_1276342025515.png

If you'd like to you can group your fields into different areas. For Movies, you might have a group of fields called "People" and inside that fields called "Director", "Cinematographer" and so on. You might also have a group of fields called "Details" and inside that fields called "Release Date", "Genre" and so on. We're going to set that up and click on "Create a Group".

Name Your Group

tutuploadsmedia_1276342215286.png

Create Fields

tutuploadsmedia_1276342243551.png

Enter the Field Details

tutuploadsmedia_1276342323533.png

Flutter will offer you all sorts of options for the field. A "Textbox" is a simple one-line text field but you can also allow people to write in a larger area (Multiline textbox) multiple choices (Checkbox List, Radiobutton List) or even to upload files or images (useful in example to upload movies posters for example). Choose your options then click "Continue" and "Finish".

Add More Fields

tutuploadsmedia_1276342581297.png

See if you can go ahead and create extra fields and one extra group so that your "Movies" Write Panel looks like the image above.

Go and Start Writing

tutuploadsmedia_1276342733413.png

You'll see that Flutter has added a new option called "Movies" at the top left, underneath "Posts". Click "New" to start writing.

Enter Information Into Your Fields

tutuploadsmedia_1276342804666.png

The post page will look just as it does normally with just one exception ... your Flutter fields will show at the bottom of the page. View your post on the front of your site and your fields should be visible.

| WordPress

This tutorial shows an easy way to work on a Wordpress site without taking it live. There is a setting that makes the search engines ignore the site until you are ready. Be careful to turn this back on when you're ready to launch. I've seen some big sites for big companies launch with this enabled ... everyone was sitting around wondering why they had no traffic.

Login to Your Wordpress Site

tutuploadsmedia_1271683278449.png

Go to Settings >> Privacy

tutuploadsmedia_1271683328297.png

Finally set Blog Visibility to "I would like to block search engines, but allow normal visitors" and your site will be hidden from Google, Bing and Yahoo.

| WordPress

This tutorial will show you how to take an RSS feed and import it into your Wordpress site. Each item on the RSS feed will become a separate Wordpress post. We use this technique for a couple purposes:

  • Distributing our content to other Wordpress sites.
  • Importing blogs and news on a particular topic from other sites. This way people can read them all in one place.

We're going to use a plugin called FeedWordPress.

Installing and Configuring FeedWordPress

  • WP RSS ImportStep 1: Go to the FeedWordPress page on Wordpress.org and download the file.
  • Step 2: Extract the files into a folder on your desktop. The folder will be called, unsurprisingly "feedwordpress"
  • Step 3: Login to your site's files via FTP and navigate to /wp-content/plugins/.
  • Step 4: Upload the "feedwordpress" folder to  /wp-content/plugins/.
  • Step 5: Go to wp-admin >> Plugins and click "Activate" under "FeedWordPress".
  • Step 6: Once you've enabled it, you'll see a new tab on the sidebar called "Syndication". Click the first link called "Syndication". You'll see a screen like below:
  • Step 7: Enter your RSS feed into the box called "Add new source" and click "Syndicate"
  • Step 8: FeedWordPress will check the feed and if it's valid, you can click "Use this Feed" to import the posts.
WP RSS Import

Importing the RSS Feeds

Now that you're set up, there are two ways to import feeds:

  • Manually: If you'd like to manually import feeds, go the "Syndication" link, check the feeds and click "Update Checked".
  • Automatically: If you'd like to manually import feeds, go the "Feed and Updates" link and FeedWordPress will show you how to give you instructions to set-up a cron job.

Page 11 of 12
Join today and get access to 1,000's of books and videos. Learn WordPress, Drupal, Magento, Joomla and more! Sign up today!