NetExUrl | Web Development Tutorials & Design Resources

Top 50 Wordpress Tutorials

admin — Mon, 21 Dec 2009 17:18:45 +0000

It’s certainly no secret that I think the WordPress platform is the way to go in developing a web presence for any design professional who wants to do it on their own and control the result. What sets Wordpress apart from other blogging software are the many free templates, tutorials and extensions available through plug-ins to help you to achieve your goals.

With so many blogging software programs available, its often difficult to choose which is the right one for you. It’s important to take into consideration not just the up-front cost but also your future needs for advertising, categorizing, updates etc.

On this occasion, I will share 50 WordPress Tutorial Tutplus version.

Wordpress Basics

1. Unraveling the Secrets of the comments.php FileNettuts+ author Gilles Maes has written an in-depth overview of the comments.php file and how to make the most of the template.

2. How to Become a Wordpress Developer

iThemes has a tutorial on how to become a Wordpress developer. The article covers development tools, best plugins, suggestions for getting clients, and more.

3. Multiple Wordpress Installations Using a Single Database

Streamline your Wordpress set-up by installing multiple instances of Wordpress on the same database.

Theme Tutorials

4. How to Create a Wordpress Theme from Scratch

Nettuts+ author Sam Parkinson gives a thorough overview of how to make your own custom theme from scratch, complete with source code.

5. So You Want to Create Wordpress Themes, Huh?

A lengthy and thorough series of tutorials covering nearly every aspect of Wordpress theme development. A must-read for beginners.

6. WordPress for Designers: Video Series

Drew Douglass will teach us, using easy to understand screencasts, exactly how to design for WordPress.

7. Wordpress Theme Hacks

A collection of simple Wordpress hacks that you’ll find yourself reusing all the time when working with themes.

8. Designing for Wordpress Screencast

CSSTricks has an excellent 3-step screencast that starts with the basics of solid theme design (step 2 and step 3).

9. Turning a Web Template Into a Wordpress Theme

Instead of using one of the many standard Wordpress themes, you could convert a web template into a Wordpress theme with this video tutorial.

10. Wordpress CSS Guides

A slightly-dated but still useful guide on how to alter the CSS on default themes to create your own personalized theme.

11. How to Create a Wordpress Theme in 5 Minutes

Bothack has a quick-n-dirty rundown on how to create your own Wordpress theme in 5 minutes.

12. Mastering Wordpress Theme Hacks and Techniques

Nuope has a 4-part series on Mastering CSS, one of which is how to master Wordpress theme hacks.

13. Blog Posts in Different Columns

If you’re wanting a little more advanced look and feel to your blog, try setting the posts to display in different columns.

14. Adding Tabs to Your Theme’s Sidebar

Here’s a quick hack that adds tabs to your sidebar using Yahoo! Tab View.

15. Category Styling

This tutorial shows how to add messages in the theme for posts in a certain category using CSS.

16. Multiple Page Layouts in a Single Template

If you’re looking for a more diversified template for sub-pages in a template, check out this quick tutorial for mutiple page layouts in a single template.

17. Rounded Corner Tab Menus

Rubique has a quick tutorial on how to use CSS to make rounded corners for your Wordpress menus.

18. Dynamic Classes or ID’s

Elliot Jay Stocks as a useful tutorial on how to apply a dynamic body class or ID to your templates, for styling purposes.

19. Formatting Images for Feed Readers

How to make sure your images are looking good in many of your blog follower’s favorite medium: the feed reader.

20. How to Highlight Author Comments in Wordpress

Google blogger Matt Cutts offers some advice on how to style your author comments differently than the rest of the reader comments.

21. Customizing Widgets Using CSS

Widgets are a great way to quickly add information to your layout (namely the sidebar). Here’s a tutorial on how to style the widgets using CSS.

22. Using Sliding Doors with Wordpress Navigation

The Sliding Doors technique is a great way to utilize CSS and background images to make tabbed navigation. WPHacks shows us how to utilize Sliding Doors to enhance Wordpress navigation.

23. Wordpress Categories in a Horizontal Drop-down Menu

How to use CSS and Javascript to make a horizontal drop-down menubar.

24. Separate Comments from Trackbacks

It’s a good idea to separate trackbacks from your comments.

25. Creating a Widget Ready Footer

There’s a trend for blogs to have footers that feature columns of extra information. Learn how to create a widget-ready Wordpress footer.

26. Make a Featured Post Carousel

Many blogs use a featured post carousel to show recent posts or flagship content. Learn how to create this nifty feature with Nettuts+ author James Lao.

27. How to Lay Text Over Images

Add a little flair to your blog and add some text to your flagship images by only using Wordpress custom fields.

28. The Date/Image Hack

Interesting tutorial on how to combine a combination of images, CSS and Wordpress hooks in order to graphically display the date of the published post.

29. Dynamic Sticky Pages

Learn how to dynamically make posts stay on top longer in category and archive listings using multiple loops.

Plugins

30. Your First WP Plugin

Mark Jaquith has a short-and-sweet screencast on how to create your first Wordpress plugin in under 5 minutes.

31. How to Write a Simple Wordpress Plugin

A step-by-step guide to a simple and fun Wordpress plugin.

32. Screencast on Writing a Wordpress Plugins

If you’re rather see a visual demonstration of how to write a Wordpress plugin, look no further than the Weblog Tools Collection screencast.

The Backend

33. Custom Write Panels in the Wordpress Backend

Design blog WeFunction shows us how to create extra write panels for adding extra bits to the “Write” page of the admin area.

34. Wordpress as a CMS

Wordpress isn’t just a blogging tool, it can also be a CMS with the help of some plugins and theme retooling.

35. Exporting Wordpress Data

Learn how to import and export your Wordpress posts and comments with this handy screencast.

Miscellaneous

36. Embedding Wordpress into OS Commerce

OS Commerce is a popular open source ecommerce shopping script that many web developers use to sell goods. Here’s a tutorial on how to embed a Wordpress blog into an OS Commerce installation.

37. Creating An Automatic Sitemap

Sitemaps help users navigate the site, as well as allow search engines to have quick access to all of your blog’s pages. Here’s a tutorial on how to create an automatic sitemap for your Wordpress installation.

38. Build a Dynamic Design Portfolio

A terrific guide on how to utilize the query_posts tag to create a design portfolio with Wordpress.

39. Create a User Contributed Link Feed w/ Wordpress Comments

If you’re wanting to add a Nettuts+ style link feed, Collis has an excellent tutorial on how to utilize Wordpress comments to create the feed.

40. A Wordpress-Powered Membership Directory

WPDesigner shows us how to create a membership directory using a standard installation of Wordpress and some customization.

41. Remove Categories in the Wordpress Loop

Sometimes excluding certain posts in categories from showing in the Wordpress loop is important. Here’s a quick tutorial with sample code on how to exclude certain categories in your templates.

42. Add a Twitter Field to your Form

How to install the twitip-id plugin to include a field for commenters to leave their Twitter ID.

43. Enabling HTTPS for Wordpress.com Blogs Screencast

The Wordpress team has put together a how-to video on enabling HTTPS on Wordpress.com blogs.

44. How to Add Photo Captions

Good photo captions aren’t that something that Wordpress themes usually come with out of the box. This screencast shows how to correctly add photo captions into your posts.

45. Make a Random Post Button

Adding a random post button is only a SQL query and PHP snippet away.

46. RSS-Only Posts

This tutorial shows you how to create posts that only appear in RSS feeds, in hopes to improve RSS subscriber counts.

47. Wordpress SEO

Yaost has a lengthy tutorial on how to squeeze the most SEO out of your Wordpress blog.

48. Learn How to Make Your Blog Accessible

Most blogs don’t conform to WAI/WCAG standards in terms of accessibility. Learn how to meet these standards with Bruce Lawson’s accessibility hacks.

49. Definitive Guide to Semantic Web Markup for Blogs

Although not strictly a Wordpress tutorial, Chris Pearson’s guide to semantic web markup for blogs is a must-read for anyone wanting to maximize their results in search engines.

50. Digg-proof Your Wordpress

Learn how to configure MySQL, Apache and other things to keep your site humming when it lands on the front page of Digg.

Manual Installing WordPress

admin — Tue, 10 Nov 2009 17:24:57 +0000

This tutorial will show you how to install WordPress. If your web hosting control panel happens to include a script auto-installer, you can simply click to install WordPress automatically. Otherwise, you can visit www.wordpress.org and download/install the script manually. Save the file to your hard drive. Then use any zip utility program (eg., WinZip) to extract the files. Once the files are extracted, open Windows Explorer and rename wp-config-sample.php to wp-config.php. You will now open this file in any text editor to configure it. Before you do this, be sure to first create a database in web hosting control panel. If you do not know how to do this, ask your Site Administrator to do it for you.

Now enter your database details in wp-config.php. Great! Now open up your favorite FTP program to upload the script files to your site. If you would like to use the weblog as your main site, upload it directly to your root directory. In this example, we will create a new folder for the weblog. so in this example, the blog will be located at www.yoursite.com/blog/. Let’s upload the script files to this folder. To select all the files, highlight the first file/folder… then either hit Ctrl-A or highlight the last file in the list while holding down the Shift key. Click to upload files. We’re almost done! Now point your browser to the script installation page. In this example, it will be www.yoursite.com/blog/wp-admin/install.php.

Simply proceed through a few steps to complete the installation. Enter a title for your new weblog as well as your email address. don’t worry, you can always modify this later. The database tables have been successfully created and populated. You can now login to your Admin area using the default username and password. You can do this by clicking this link In this example, the URL is www.yoursite.com/blog/wp-login.php. You can click to “remember” your login details for future visits. A few steps ago, we saw that a default username and password were automatically generated. For security reasons, it is highly recommended that you change your password. Well, that’s it! Let’s take a look at the weblog in a browser.

Congratulations! As you can see, the weblog has been successfully installed. It is now ready for your posts. Happy Blogging!

Writing a New Post

admin — Sat, 19 Sep 2009 17:32:40 +0000

This tutorial will show you how to write a new post to your weblog. Start by :

creating a title for the new post.
Now enter the content of your post. You have several options to configure when creating the new post. Decide if you world like to allow visitors to post comments and/or pings. If you password protect the post, visitors will need to enter a password to view it. You can enter a slug. This will apply if you are using Permalinks to create a link to your post. Essentially, it will remove all non-HTML-friendly characters, and it will add a hyphen in between each word of your title. You will need to assign the post to existing category, or enter the name of a new one. Draft will save the post in draft mode, while Publish will actually publish the post when you save it. Private will (obviously) keep the post private.
By default, at the time the post is saved, that will be the date and time of the post. Alternatively, click the checkbox and change the date and time. All future posts will not appear on the site until that time has passed.
And finally, select the author from the drop down list. You can optionally upload a file to include in the post. You can add an expert, or a teaser that is displayed on the front page of your blog as well as on archive and category pages. Trackbacks let other blogs know you’re referenced one of their articles. To send trackbacks from this post, enter the URL or web site addresses in the box, separating each one by a space. You can also add custom fields. For instance, you can add a field called Mood, and as a value you can enter Grumpy and tired. At this point, you can save the post for future edit.
In this example, we are done so we will immediately publish it to the weblog. Let’s take a look at the results. As you can see, the post has been successfully added. Well, that’s it! You are now able to write posts in your weblog.

Managing Pages Wordpress

admin — Sun, 09 Aug 2009 17:32:48 +0000

This tutorial will show you how to manage pages. Pages, unlike posts, reside outside the blog chronology. While posts are date driven, pages are static informational pages that you add to your site (eg., Policies, About, Copyright, Contact, etc.). Let’s go ahead and create one now. Start by :

Giving the new page a title and adding content to the page.
Specify if you wish to allow visitors to add comments and/or ping the page. Visitors will need to enter a password to view a password protected page. Specify if the page is top level page or if it is a child page to an existing one.
You can use the default template, or you can automatically format the page as an Archives or Links page.
You can enter a slug. This will apply if you are using Permalinks to create a link to your page. Essentially, it will remove all non-HTML-friendly characters, and it will add a hyphen in between each word of your title. Specify an author for the page. You can specify the order in which pages are listed. You can optionally upload a file to be included in the page.
When you’re done, click to create the new page. Let’s take a look at the results in the site. As you can see, the new page has been successfully added. At any time, you may return here to create a new page… or view an existing one… or edit an existing one… or delete one altogether.