Member Sign In
Not a member?

A Wired.com user account lets you create, edit and comment on Webmonkey articles. You will also be able to contribute to the Wired How-To Wiki and comment on news stories at Wired.com.


It's fast and free.

Sign in with OpenID
Sign In
Webmonkey is a property of Wired Digital.
processing...
Join Webmonkey

Please send me occasional e-mail updates about new features and special offers from Wired/Webmonkey.
Yes No

Please send occasional e-mail offers from Wired/Webmonkey affiliated web sites and publications, and carefully selected companies.
Yes No

I understand and agree that registration on or use of this site constitutes agreement to Webmonkey's User Agreement and Privacy Policy.
Webmonkey is a property of Wired Digital.
processing...

Retrieve Sign In

Please enter your e-mail address or username below. Your username and password will be sent to the e-mail address you provided us.

or
Webmonkey is a property of Wired Digital.
processing...

Welcome to Webmonkey

A private profile page has been created for you.
As a member of Webmonkey, you can now:
  • edit articles
  • add to the code library
  • design and write a tutorial
  • comment on any Webmonkey article
Close
Webmonkey is a property of Wired Digital.

Sign In Information Sent

An e-mail has been sent to the e-mail address registered in this account.
If you cannot find it in your in-box, please check your bulk or junk folders.
Sign In
Webmonkey is a property of Wired Digital.

Get Started With WordPress

/skill level/
/viewed/
0 Times

Line 1: Line 1:
-
<p>The Swastika forms a combination of four Ls standing for Luck, Light, Love and Life. It has been found in excavations of ancient Rome, Grecian cities, as also on ancient Buddhist idols and on Chinese coins dated as early as 315 B.C. American Indians used it as an [http://www.juicyjewelrysale.com/charms-c-4.html '''Juicy Couture Charms'''] to drive away evil and for good luck, long life and prosperity to the possessor. It is also an auspicious symbol used by people of the Hindu religion. Its use by the Nazis in the Second World War caused some damage to its reputation in the west as a symbol of luck.</p>
+
Back when blogging was just catching on, a small PHP-based publishing system was quietly released and quickly took the blogging community by storm. WordPress, as the system was known, was an instant hit thanks to its simplicity and open-source license which allowed interested developers to extend and improve the system without hassle.
-
<p>The Rabbit's Foot The belief that a rabbit's foot is lucky is common in American culture, but at one time in the past, this belief was considered a superstition, especially one of Afro-American origin. In earlier decades, it was only the left hind foot of the rabbit that was considered lucky and the wearer had to rub it to bring on good luck. This was because people noticed in amazement that when a rabbit ran, its hind feet went ahead of its front ones. Therefore, the hind feet were considered lucky. Some people also believed that the rabbit's foot was a source of protective magic.</p>
+
Today, WordPress powers everything from huge sites like [http://politicalticker.blogs.cnn.com/ CNN's Political Tracker] to thousands of personal blogs. Thanks to an easy step up process and the widespread availability of web hosts offering one-click WordPress installs, you can start blogging with WordPress in a snap.
-
<p>The Horseshoe There is good reason to believe that the crescent form of the juicy couture links the symbol to the [http://www.juicyjewelrysale.com '''Juicy Couture Jewelry'''], and that the protection invoked is that of the goddess herself, or, more particularly, of her sacred vulva. In regions where the horseshoe is placed facing upward, folks believe the horseshoe must point up "or the luck runs out." In places where it is hung facing downward, they say exactly the opposite - "it must point down so the luck can pour onto you." However, when it is placed over the doorways of barns and stables, the horseshoe usually points downward, and it is said that Ono witch will pass under it.</p>
+
In this tutorial, we'll assume your web host doesn't have a one-click installer. Maybe you've got a bare-bones host, you've decided to host your own site, or you're simply setting up a local installation to see what WordPress can do. At any rate, fear not -- getting WordPress working on your server only takes a few minutes. Of course, you'll need a few skills in the bag first, like a knowledge of [[Tutorial:PHP Tutorial for Beginners | PHP]] and a comfortable working relationship with MySQL databases.
-
<p>Abracadabra This was used by the Gnostics in Rome to invoke the beneficient spirits against disease and death. Sammonicus, the Gnostic physician, believed that the letters of the magical triangle which he used for curing aches and fevers, were to be written on paper, folded into the shape of a cross, worn for nine days around the neck, and, before sunrise, cast behind the patient into a stream running eastward. It was also a popular charm during the Great Plague of 1665.</p>
+
Once your blog is up and running, we'll take a look at different ways you can customize and extend your blog.
-
<p>Four-Leaf Clover All plants and clovers have leaf arrangements in sets of three. A four-leafed clover is a very rare occurrence and therefore considered lucky. One who finds a four-leafed clover is believed to be lucky. The clover must be plucked and kept for continued luck.</p>
+
==Installation==
-
<p>The Wishbone The hen and the rooster were popular in ancient birdlore. Since the hen cackled when she laid an egg and the cock crowed at the beginning of the day, it was believed that these fowls had special powers and could answer human questions. After the hen oracle was performed, the fowl was sacrificed to a special god. Its collarbone was saved and hung in the sun to dry. The person seeking an answer from God made a wish on the bone, which gave it its name - the wishbone. Afterwards two people snapped the dry bone, each making his own wish. The person holding the longer end was believed to be granted his wish.</p>
+
Much of WordPress's popularity stems from its famously dead simple installation process. All you need to get started with WordPress is a web server, a MySQL database for WordPress to talk to and of course [http://wordpress.org/download/ the WordPress software itself].
 +
Unzip the WordPress download and rename the <code>wp-config-sample.php</code> file to <code>wp-config.php</code>.
-
<p>You can visit [http://www.juicyjewelrysale.com '''http://www.juicyjewelrysale.com'''],where provides hundreds of discount,cheap,fine and fashion lucky juicy couture charms. Thank you!</p>
+
Drop that file in your favorite text editor and fill in the details about your database so WordPress can connect to it properly.
 +
 
 +
Now you just need to upload WordPress using an FTP program. Upload all the files to where ever you'd like you new blog to live. For instance, if you want your blog to be the root of your domain, upload all the files to your root web directory. If you want your blog to be at, say, <code>mysite.com/blog</code>, just upload all the WordPress files to a "blog" directory within the website's root directory.
 +
 
 +
Now you just need to run the install script by pointing your browser to:
 +
 
 +
<pre>
 +
http://mysite.com/blog/wp-admin/install.php
 +
</pre>
 +
 
 +
Just adjust that URL to fit wherever you placed WordPress.
 +
 
 +
The install script will walk you through naming your blog and creating a username and password for accessing the administration panel.
 +
 
 +
Once that's done, log in to WordPress and you're ready to roll. If you run into any problems, have a look at the [http://codex.wordpress.org/Installing_WordPress#Famous_5-Minute_Install official WordPress installation guide], which covers most of the common installation issues.
 +
 
 +
==Digging In==
 +
 
 +
When you log in to WordPress for the first time, you'll encounter what's known as the Dashboard. The Dashboard tracks your recent activity and lets you know about and manage comments your visitors have left and tracks any incoming links from other sites.
 +
 
 +
In order to have some content for when we start customizing our installation, go ahead and click the "Write a new Post" link and, well, write a quick post or two. Once you have a couple of posts done, click the "Write a new page" button.
 +
 
 +
Now what's the difference between a "page" and a "post," you ask? Well, a post is an entry on your blog, whereas a page represents something static like a contact page or an "About me" page. Go ahead and create a couple of pages so you can see how they work in the next section.
 +
 
 +
The other section that might catch your eye is "Links." Older versions of WordPress referred to this section as the Blogroll, but the name change reflects the more general purpose usefulness of Links. While you can still use Links to generate a blogroll linking to your friends' sites, you can also do other things like create an entire site navigation system for your sidebar.
 +
 
 +
If you click the "visit site" button from any of the Admin pages, WordPress will dump you onto your live site so you can see what your changes look like.
 +
 
 +
==Customize WordPress==
 +
 
 +
The default look for WordPress is a blue header above a two column layout -- you'll probably recognize it since many sites don't bother to customize the plain installation. It's OK for a default layout, but if you want to personalize your WordPress site a bit, read on.
 +
 
 +
===Themes===
 +
 
 +
Customizing WordPress's look happens through "themes." If you log in to your WordPress dashboard and select the Design tab, you'll see the main themes panel. Also check out the Header Image and Color tab which features a very nice inline theme editor, complete with color pickers and other tools that make it easy to customize the default theme.
 +
 
 +
But frankly, one of the advantages of WordPress is the number and variety of custom themes that members of the community have created. The official repository of themes is the [http://themes.wordpress.net/ WordPress Theme Viewer], so browser through that list, find something you like and download it.
 +
 
 +
Then just unzip and upload the theme to the <code>wp-content/themes</code> directory provided by WordPress. Then, just head over to the Design tab inside the WordPress admin interface and select your new theme.
 +
 
 +
From there, you can customize and tweak the theme to fit your whims. Different themes offer different levels of customization so what you can and cannot do will depend on the theme you're working with. In general, you should be able to change the header image, layout options and colors on any theme.
 +
 
 +
Also note that themes don't have to be site-wide. If you happen to blog about both cupcakes and software, you can assign your archive pages for cupcakes to use one theme and the software posts to use another.
 +
 
 +
If you'd like to create your own theme, it isn't too difficult. The best place to start is to open up an existing theme and study how it works.
 +
 
 +
You'll notice it's more complex than just throwing together some HTML and CSS in a template. It helps to have a decent knowledge of PHP, and if you need help getting up to speed, Webmonkey has you covered. Read our [[Tutorial:PHP Tutorial for Beginners | PHP Tutorial for Beginners]]
 +
 
 +
===Plugins===
 +
 
 +
One of the chief appeals to powering your blog with WordPress rather than building your own system is that you can take advantage all of the cool tools that other people have developed. The WordPress plugin universe offers something for everyone, whether you just want to add some photos or turn your blog into a proto-social network using the plugins from the [http://code.google.com/p/diso/ DiSo project].
 +
 
 +
To get you started, here's a few of our favorites:
 +
 
 +
* WP-Cache - Caches your pages for much faster loads. An absolute must, this should be part of WordPress by default. It works by caching WordPress pages and storing them in a static file for serving future requests directly from the file rather than loading and compiling the whole PHP code and the building the page from the database. Your site will thank you when Digg and Slashdot readers start pouring in.
 +
 
 +
* [http://wordpress.org/extend/plugins/wordpress-flickr-manager/ WordPress Flickr Manager] - post images from your Flickrstream with ease.
 +
 
 +
* [http://wordpress.org/extend/plugins/google-analytics-for-wordpress/ Google Analytics for WordPress] - track stats and more using Google Analytics.
 +
 
 +
* [http://alexking.org/projects/wordpress Twitter Tools] enable you to integrate your WordPress blog and your Twitter account. Pull your tweets into your blog and create new tweets on blog posts and from within WordPress.
 +
 
 +
* [http://www.ilfilosofo.com/blog/wp-db-backup/ WordPress Database Backup] - creates backups of your core WordPress database tables. Backups are a must.
 +
 
 +
* [http://www.ejump.co.uk/wordpress/easytube-plugin-for-wordpress/ EasyTube] - post YouTube videos using just the URL. This plugin takes the URL and uses it to embed the actual video.
 +
 
 +
==Suggested Reading==
 +
 
 +
*[http://www.wpbeginner.com/ WP Beginner]: A Beginner's Guide for WordPress.
 +
*[http://www.wordpresstraining.com/ WordPress Training]: A comprehensive set of free WordPress training videos.
 +
*[http://www.webmaster-source.com/2007/06/04/starting-a-great-blog-part-1-intro/ Starting a Great Blog With WordPress Series]
 +
*[http://problogger.net ProBlogger]
 +
*[http://blogsolid.com/ideas/2007/start-a-wordpress-blog-on-your-own-site-part-3-installing-wordpress/ Start a WordPress Blog on Your Own Site - Part 3: Installing Wordpress]
 +
*[http://www.ninjablogsetup.com/ Professional WordPress Installation Service]
 +
 
 +
==Other WordPress Links==
 +
 
 +
* Post to your WordPress blog using the dedicated [http://iphone.wordpress.net/ WordPress iPhone app].
 +
 
 +
 
 +
==Other Blogging Tutorials==
 +
 
 +
[[Tutorial:Get Started With Movable Type | Get Started With Movable Type]]

Revision as of 22:22, 24 August 2009

Back when blogging was just catching on, a small PHP-based publishing system was quietly released and quickly took the blogging community by storm. WordPress, as the system was known, was an instant hit thanks to its simplicity and open-source license which allowed interested developers to extend and improve the system without hassle.

Today, WordPress powers everything from huge sites like CNN's Political Tracker to thousands of personal blogs. Thanks to an easy step up process and the widespread availability of web hosts offering one-click WordPress installs, you can start blogging with WordPress in a snap.

In this tutorial, we'll assume your web host doesn't have a one-click installer. Maybe you've got a bare-bones host, you've decided to host your own site, or you're simply setting up a local installation to see what WordPress can do. At any rate, fear not -- getting WordPress working on your server only takes a few minutes. Of course, you'll need a few skills in the bag first, like a knowledge of PHP and a comfortable working relationship with MySQL databases.

Once your blog is up and running, we'll take a look at different ways you can customize and extend your blog.

Contents

Installation

Much of WordPress's popularity stems from its famously dead simple installation process. All you need to get started with WordPress is a web server, a MySQL database for WordPress to talk to and of course the WordPress software itself.

Unzip the WordPress download and rename the wp-config-sample.php file to wp-config.php.

Drop that file in your favorite text editor and fill in the details about your database so WordPress can connect to it properly.

Now you just need to upload WordPress using an FTP program. Upload all the files to where ever you'd like you new blog to live. For instance, if you want your blog to be the root of your domain, upload all the files to your root web directory. If you want your blog to be at, say, mysite.com/blog, just upload all the WordPress files to a "blog" directory within the website's root directory.

Now you just need to run the install script by pointing your browser to:

http://mysite.com/blog/wp-admin/install.php

Just adjust that URL to fit wherever you placed WordPress.

The install script will walk you through naming your blog and creating a username and password for accessing the administration panel.

Once that's done, log in to WordPress and you're ready to roll. If you run into any problems, have a look at the official WordPress installation guide, which covers most of the common installation issues.

Digging In

When you log in to WordPress for the first time, you'll encounter what's known as the Dashboard. The Dashboard tracks your recent activity and lets you know about and manage comments your visitors have left and tracks any incoming links from other sites.

In order to have some content for when we start customizing our installation, go ahead and click the "Write a new Post" link and, well, write a quick post or two. Once you have a couple of posts done, click the "Write a new page" button.

Now what's the difference between a "page" and a "post," you ask? Well, a post is an entry on your blog, whereas a page represents something static like a contact page or an "About me" page. Go ahead and create a couple of pages so you can see how they work in the next section.

The other section that might catch your eye is "Links." Older versions of WordPress referred to this section as the Blogroll, but the name change reflects the more general purpose usefulness of Links. While you can still use Links to generate a blogroll linking to your friends' sites, you can also do other things like create an entire site navigation system for your sidebar.

If you click the "visit site" button from any of the Admin pages, WordPress will dump you onto your live site so you can see what your changes look like.

Customize WordPress

The default look for WordPress is a blue header above a two column layout -- you'll probably recognize it since many sites don't bother to customize the plain installation. It's OK for a default layout, but if you want to personalize your WordPress site a bit, read on.

Themes

Customizing WordPress's look happens through "themes." If you log in to your WordPress dashboard and select the Design tab, you'll see the main themes panel. Also check out the Header Image and Color tab which features a very nice inline theme editor, complete with color pickers and other tools that make it easy to customize the default theme.

But frankly, one of the advantages of WordPress is the number and variety of custom themes that members of the community have created. The official repository of themes is the WordPress Theme Viewer, so browser through that list, find something you like and download it.

Then just unzip and upload the theme to the wp-content/themes directory provided by WordPress. Then, just head over to the Design tab inside the WordPress admin interface and select your new theme.

From there, you can customize and tweak the theme to fit your whims. Different themes offer different levels of customization so what you can and cannot do will depend on the theme you're working with. In general, you should be able to change the header image, layout options and colors on any theme.

Also note that themes don't have to be site-wide. If you happen to blog about both cupcakes and software, you can assign your archive pages for cupcakes to use one theme and the software posts to use another.

If you'd like to create your own theme, it isn't too difficult. The best place to start is to open up an existing theme and study how it works.

You'll notice it's more complex than just throwing together some HTML and CSS in a template. It helps to have a decent knowledge of PHP, and if you need help getting up to speed, Webmonkey has you covered. Read our PHP Tutorial for Beginners

Plugins

One of the chief appeals to powering your blog with WordPress rather than building your own system is that you can take advantage all of the cool tools that other people have developed. The WordPress plugin universe offers something for everyone, whether you just want to add some photos or turn your blog into a proto-social network using the plugins from the DiSo project.

To get you started, here's a few of our favorites:

  • WP-Cache - Caches your pages for much faster loads. An absolute must, this should be part of WordPress by default. It works by caching WordPress pages and storing them in a static file for serving future requests directly from the file rather than loading and compiling the whole PHP code and the building the page from the database. Your site will thank you when Digg and Slashdot readers start pouring in.
  • Twitter Tools enable you to integrate your WordPress blog and your Twitter account. Pull your tweets into your blog and create new tweets on blog posts and from within WordPress.
  • EasyTube - post YouTube videos using just the URL. This plugin takes the URL and uses it to embed the actual video.

Suggested Reading

Other WordPress Links


Other Blogging Tutorials

Get Started With Movable Type

Edit this article
Reddit Digg
 
Subscribe now

Special Offer For Webmonkey Users

WIRED magazine:
The first word on how technology is changing our world.

Subscribe for just $10 a year