In this article tripwire magazine provides one of the most comprehensive compilations of Tutorials for WordPress. The article is mainly focused on version 2.7+ but most resources will be relevant for earlier versions as well. WordPress is without discussion one of the most popular blogging and publishing platforms ever. Mastering both simple and advanced WordPress techniques will enable you to create blog solutions that are highly accessible and attractive to your target audience. Today WordPress is also the primary content publishing platform for business websites as well a online magazines, and you can get high quality WordPress themes and HTML5 website templates without being ripped off. Read on and take control over WordPress.
Advertisement
WordPress Tutorial Introduction
WordPress have been around for some time now and this means that there are nearly endless ways to achieve specific design or functionality goals. Also WordPress is constantly developing and the thing you could do in earlier versions may need new skills and knowledge in the most recent trunk. Whether you’re going to set up a new blog, go through a site wide redesign or just want to add a single new feature to improve an existing solution this article will give you access to the resources and tutorials you will need. Be aware that not all tutorials in this article has been written specifically to latest version of WordPress Even though some of these may not be applied directly they serve as great inspiration and most of them can be tweaked to work in latest version. If you find this article useful or if you have input, know valuable resource that where missed then please post a comment. Are you really new to blogging and want to learn the basics of blogging before continuing then start here What is a blog?
If you’re looking for tutorials on WordPress then read on!
Index
This article has been organized into the following sections. Just click the links in this index to jump to the section you wanna investigate.
Getting to know the WordPress basics and the new features in WordPress
Creating and optimizing WordPress Themes
Extensions and Plugins for WordPress
Optimizing for traffic and Search Engines
Getting to know the WordPress basics and the new features in WordPress
The Many Ways to Configure Your New Dashboard
Back in the day (a week ago), what you saw was what you got when it came to your dashboard. Now, you’ve got total freedom to move things around and get rid of the stuff you don’t use. First, there’s dragging and dropping modules (boxes of content). Just grab the title bar of a module and drag it anywhere to customize your dashboard to your workflow and style. You can even put all your modules in one column, which will stretch them to be twice as wide.
5 Amazing New WordPress Features
WordPress is to be publically released in the next week, and a whole bunch of features have been packed in, looking past the obvious such as the new redesign. The new dashboard, Screen options, Plugins, Themes and Core upgrades and the media library!
WordPress general settings
The General Settings let you change many of the items that control how your blog is displayed, such as the title, tagline, timezone, and date/time formats. Click Settings and then General from the left hand menu in your Dashboard to access these settings.
WordPress Reading settings
The Reading Settings control how a blog is displayed to visitors.
WordPress Discussion settings
The Discussion Settings are used to control how visitors and other blogs interact with your blog. 
WordPress Ten useful new features
The first public beta of WordPress 2.7 was released on 1 November 2008. This new version of WordPress comes with an extensive UI rearrangement in the administration area and with many new features. Some elements of the UI rearrangement will probably not please everyone, but most of the new features seem to be unequivocally useful. Almost all were already possible in WordPress, supplied by several good plugins. Now they are incorporated. I have been using WP 2.7 since September 2008. There are several new features I like a lot in it, and several more that are obviously useful additions even if not needed for every installation or use of WordPress. This is a list of ten such features.
WordPress 2.7 – Overview
Really comprehensive overview giving a good introduction to WordPress 2.7+.
How to login to WP Dashboard
Learn to login using WordPress and get familiar with the dashboard.
How to Activate Your Theme
Learn how to use Themes in WordPress and how to activate a new one.
How to write a Post
In this tutorial you will learn the basics of writing a post in WordPress.
How to write a Page
In this tutorial you will learn how to create and edit a page in WordPress.
How to Add New Users
Learn how to add and and edit users in WordPress.
How to Moderate Comments
In this tutorial you will learn how to moderate comments in WordPress.
How to use Widgets
Using widgets is important to make your blog stand out. Learn how to do the basics in WordPress. 
How to use the Links feature
Learn to use the Link feature in WordPress.
Using the Media Library
Learn to use the Media Library in WordPress.
Using the WP Gallery Feature
Learn to use the Gallery Feature in WordPress.
WordPress Add an Image
Learn how to add media files like images to a post in WordPress.
WordPress Embed a Video
In this tutorial you will see how a video file from fx. youtube to a post.
WordPress: 20 answers… to 20 questions, in alphabetical order. How do I…
- Add a category link to the navigation bar?
- Add a favicon to my site?
- Add a Home link to the navigation bar?
- Add CSS or JavaScript to individual pages/posts?
- Back up my WordPress data?
- Change default category?
- …
- …
More basic stuff tutorials
HTML & QuickTags vs. Visual Editor
WordPress lets you edit your post using either a WYSIWYG visual editor, or in good old fashioned HTML (with a bit of help from QuickTags if you prefer to speed things up). The following short screencast walks you through the two alternatives
How do I add more authors / users to my blog?
If you’d like your blog to feature posts from multiple authors, you can add as many administrative accounts to your blog as you like. There are two different ways to add a new user to your blog, depending on whether or not that person already has an account at WordPress.com.
Where’s my dashboard (and what’s it for)?
The Dashboard is the first screen you see when logging into the administration area of your blog. The main idea of the dashboard is to give you a place where you can get an at a glance overview of what’s happening with your blog.
How can I edit the title and permalink of my post?
The Title and URL of a post are related by default. When you initially type the title of your post, the post slug (used in the permalink/URL) is automatically created.
How do I add links to other sites using the HTML or Visual editor?
There are a couple of ways to add links to your posts or pages.
Having a static page at the front of the blog
With a default WordPress blog setup, the front page (”Home”) of your blog will display the latest posts. You can change this so readers see a static page instead.
How do I manage (organize, edit, delete) my posts after they’ve been written or published?
To access the Edit Posts screen, click Posts->Edit on the menu.
How do I manage (organize, edit, delete) pages after they’ve been published or saved?
To access the Edit Pages screen, click Pages->Edit on the menu.
How do I save and manage draft posts? How does auto-save work?
When you are writing or editing your posts and pages on WordPress.com, the changes you make are automatically saved every 2 minutes. In the lower right corner of the editor, you’ll see a notification of when the entry was last saved to the database.
How do I change the time or date for my post? How do I set my post to publish in the future?
You can schedule posts for the future on your blog. When the time and date comes around, the post will automatically be published to the blog. If you want to schedule a post, click the Edit link next to the date/time in the Publish module.
How do I manage (approve, unapprove, mark as spam, delete) comments made to my blog?
Comments are an important part of blogging. They extend the discussion beyond a blog post and allow your visitors to interact with you and other readers. There are numerous ways to access your comments and some easy ways to work with them. We’ll explain them all and you can decide what works best for you.
How do I add video files to my posts?
Videos are a great way to enhance your blog posts. We use videos all the time on the WordPress.com blog and in our Support documentation. So can you.
How do I post a Youtube video?
Visit a video page on YouTube. Copy the URL from the address bar.
How do I add an audio file to my post?
You can share music on your blog by linking to an audio file, by purchasing the space upgrade and uploading music files to your media library, or by using a third-party service.
Creating and optimizing WordPress Themes
Mastering Your WordPress 2.7 Theme & Admin Area: Tips and Tricks
Styling Author Comments
Using Custom Fields to Display Post Thumbnails
One of the most interesting features in WordPress is using Custom Fields, which can turn your WordPress blog into a fully customizable CMS website. I use custom fields to create image thumbnail for each post here on Noupe and on Devsnippets as well and display the thumbnails on the home page and the Archive page. 
Styling Your WordPress Comments
A fun part of customizing WordPress themes is designing a comments format which complements the rest of the site. Darrenhoyt has shared his three examples from recent projects, including code samples and downloads to the original .PSDs on ‘Styling Your WordPress Comments’. All of them looks stunning, are you ready to customize your comments template now?
Alternating Colors For Comments
Separating Pings from Comments in WordPress
WordPress has introduced many new features surrounding comments. Of these is AJAX commenting and threaded comments. To take advantage of the later, you must use a function wp_list_comments instead of the old way of looping through the comments array with a foreach
Need to Block & Exclude Categories in WordPress? Here is the Solution
Sometimes we need to create a special category to feature posts or other information in the homepage or somewhere else, but don’t want it to appear in the template under the category list or get indexed by Search Engines because of potential duplicate content issues. One alternative is to block that category from being indexed. The other option is to completely remove it from the template to limit any possibilities to be found and indexed. I will explore both techniques in this post. 
How To: Avoid Duplicate Posts
Reducing Duplicate Content on WordPress Blogs
The topic of the day is duplicate content, its definition and how you can reduce its occurrence on WordPress blogs.
WordPress Theme Hacks
In this article, I’m going to share some of my WordPress tricks with you on how to make a better WordPress theme. I’m not a programmer nor developer, so I will focus more on the frontend development. Oh yeah, I forgot to mention that WordPress has made it so easy that even a non-programmer (designer like me) can build a wonderful website. 
Developing a WordPress Theme
Instead of coming up with some more themes, we decided to write a tutorial on how to develop a wordpress theme which we are sure will help a lot of you to design as you wish and bring them out into wordpress. We are not too advanced wordpress developers but still we are sure the below tutorial will help you successfully develop a wordpress theme. Below you will learn to convert your xHTML CSS site into a Compact WordPress Theme (final output is same as the normal theme but here code is shorter and easier to understand).
Duplicate Content Cure Plugin for WordPress
It is an effective SEO plugin that prevents search engines from indexing wordpress pages that contain duplicate content, like archives and category pages. It does this by adding the noindex,follow meta tag on the problem pages.
<meta name="robots"content="noindex,follow">
Two tips to avoid Duplicate Content
Paginated Comments
Give you the ability to break your comments into a number of search engine optimized pages. 
Sidebar With Dynamic Contents
Every blog visitor has different habits, but many tend to ignore sidebars because they are always the same. Mixing things up and keeping the contents of the sidebar relevant to the post can make them a bit more likely to be noticed.
Adding Tabs to Sidebar
Creating tabs on
WordPress sidebar with Yahoo! UI Library
Separating Your Author Comments in WordPress
Have you noticed while visiting some of your favorite blogs that many author comments are styled differently to help the authors comments to stand out? This is something that isn’t overly difficult to implement on your WordPress blog, so I decided to write a quick how-to post explaining how you can easily adjust your WordPress theme to display different styles for each author.
Numbering Your Comments
Comment And Ping Count In WordPress
The comment area changed a lot in WordPress. A good reason to check your comments.php and make some changes to it. Especially I like to seperate the comments from Ping- and Trackbacks
Use Twitter Avatars In Comments
Do you enjoy Twitter? Yes, so what about displaying Twitter avatars in your comments, instead of gravatars? It’s fairly easy to integrates Twitter avatars on your comments.
Exclude certain categories from being displayed
2 ways to hide posts from certain categories to be displayed on the blog. You can either put this code inside the loop 
Making Your Theme Comments Compatble with & Earlier Versions
Justin Tadlock delves into this nice topic and shows you how you can make your theme compatible with WordPress as well as make it backwards compatibe with earlier versions. Aimed at theme developers.
Displaying Total Number Of Comments On Your Blog (or trackbacks)
WordPress Tutorial: Category Trick for WP
A lot has been written about the recent release WordPress, and I think most WordPress users and developers understand that this release adds some significant features that open up some new options for theme development. I did a little bit of experimenting with one of the changes and I wanted to write a brief tutorial that demonstrates a real-world situation for taking advantage of a new feature.
Displaying The Allowed Tags
Gilles Maes at NetTut shows how to display the code that visitors are allowed to use in their comments. It takes only one line of code in comments.php and you’ll simply get a list of the tags that are allowed in your comment.
How to make the most out of your sidebar
Embed Google Ad in First WordPress Post
Getting Your Plugins & Themes Ready for WordPress 2.7
Again WordPress Codex is the best place for any info related to WordPress. This post shows you how to migrate your plugins and themes so it’s compatible with WordPress. Top Level Menu in WordPress WP Engineer shows us how to add icons to menus in the top level in the admin interface.
WordPress Menu Tricks
In this post I’m going to show you how to take WordPress Menu Editing to the next level. You’re going to learn how to use Primary and Secondary menus in your WordPress theme; Add descriptive sub-title links to your menu items like some popular WordPress themes and sites; Filter the menu of a WordPress theme; Add special CSS classes to wp_page_menu; and finally, how to hand-code your own WordPress menu for the ultimate in control. Here’s how to make your WordPress menu jump through hoops. 
Archive that works
Noura of Noupe.com shows various ways you can style your WordPress Archive page. Techniques and guides includes:
- Listing all Posts
- Display monthly or Yearly Archive
- Archives Ordered By Category
Display The Most Commented Posts
Do you want to display a list of the 10 most commented posts of a year to your readers? That’s obviously a great way to give a second life to your old posts.
Custom Tweetbacks with Simple Pie and Custom Fields
Since Mashable’s post on 10 ways twitter will change blog design, quite a few WordPress plugins have been released with the purpose of provided “tweetbacks” for posts. These plugins work quite well, however they lack in true customization and flexibility. So, in order to archive this, we’ll implement a solution of our on.
Comment Classes
Fun with WordPress blog explains how the new WordPress Comment Classes look when you view it visually. This would help anyone tweaking the comments.php file for styling.
Definitive Sticky Posts Guide for WordPress
As the blogosphere is abuzz about all the cool new features in WordPress, I’ve seen very few (if any) good posts on the new Sticky Posts feature that will allow you to take any story, or stories, you’ve published and place them at the top of your homepage without editing the timestamp. This new feature will allow you to take posts that you’re especially proud of and display them for all the world to see for as long as you want. But for many theme and plugin developers, and even users who may want to do a little DIY theme hacking, there is very little documentation for getting the feature set up to do the things you want it to. That’s where this guide comes in. 
Separate WordPress Comments and Trackbacks
Trackbacks are the messages displayed in the comments list whenever another blog links back to one of your posts. If you use trackbacks on your blog, it is best if they are not mixed with the comments. The comments are a conversation between real people. Having machine-generated links in the middle of that will only serve to disrupt the conversations.
Add meaningful tooltips to your WordPress menu links with Page Menu Editor
By default, WordPress takes the title we give to a page and uses it in four different places: 
Blogging Tips Themes Enhancements – I
Shows you how to enhance your theme for WP 2.7.
Blogging Tips Themes Enhancements – II
Sarah shows you how to make use of the new comment options.
Blogging Tips Themes Enhancements – III
Sarah shows you how to make use of the new comment features.
New page menu function in WordPress 2.7
There are several new features for theme authors in WordPress 2.7 that should be covered, but I believe one that might be useful is the new wp_page_menu() function. It’s nothing special, but it does take a lot of the work out of coding that we do over and over in every theme we create when using the wp_list_pages() function. 
WordPress 2.7 Comments Enhancements
WordPress 2.7 includes a lot of new enhancements, but one of the big ones is the new comment functionality. Comments can be threaded, paged, etc. This is all built in, but unfortunately, your theme must support it. So, for theme authors, I’d suggest getting to work on making your themes compatible right away. 
How to Create a WordPress Theme from Scratch / part2
Following on from the recent article on “PSD to HTML”, this tutorial will look at taking a HTML/CSS template and turning it into a functioning WordPress theme. There is so much you can do when creating your own theme we couldn’t nearly cover it all. So, we’re going to look at how themes are structured, creation of the core files and splitting up that index.html file. 
Author Comment Styling In WordPress
An often-used feature in WordPress blogs is the ability to style comments made by the post’s author differently from the others – helping replies to stand out. Here, we will edit the default WordPress to add some subtle styling to author comments.(not written specifically to support WordPress 2.7+) 
Is My Theme 2.7 Compatible?
Let me go ahead and answer the question that a LOT of people are going to be asking over the next several weeks as the release of WordPress 2.7 draws closer. Yes. Your theme, more than likely, will be compatible with WordPress 2.7. That is to say, it won’t break under 2.7. However, this latest version of WordPress does add a good many NEW features to themes that, unless properly accounted for, your theme probably won’t be taking advantage of immediately.
Extensions and Plugins for WordPress
Anatomy of a WordPress Plugin
WordPress is well known for its amazing collection of free plugins. There is one for almost every need you can think of, from backing up your WordPress installation to asking for a cup of coffee or fighting spam. But there are times when none of the available plugins seem to quite do the trick you are looking for. To help you in moments like that, this tutorial will guide you through every step of building a simple, widgetized WordPress plugin with settings. (not written specifically to support WordPress 2.7+) 
Add any link to your WordPress navigation menu with Page Links To
Adding custom links to the navigation menu of a WordPress site is a common need, but not easy to do in the current version of WordPress. Sometimes it is done by editing template files, which is not good. “Page Links To” is a plugin by Mark Jaquith (supports WordPress 2.7+) that offers a nice and quick workaround to do this without modifying any code. 
Social Networking with BuddyPress
Automattic, the company behind WordPress, has recently acquired and will be releasing social networking software called BuddyPress. The software, built on top of WordPress, was created by Andy Peatling as way to start your very own social network similar to Facebook. Today, we will take a look at installing BuddyPress. 
Add Breadcrumbs to Your WordPress Blog
Breadcrumb trails are a good supplementary navigation system that aid in site usability. This plugin allows you to add breadcrumbs to your theme. 
Optimizing for traffic and Search Engines
Ultimate Guide to WordPress SEO – Optimized Titles
Arguably, one of the most important elements of a website from an SEO perspective is what comes between the <title></title> tags in the header of your page. Take a look at any search result page in Google and you’re probably looking at a list of websites with big blue links … and the text of those links is none other than the text Google found between the <title></title> tags when crawling the page. So, this next post in our WordPress SEO series will cover how to control what gets displayed in that section of our site, and thus not only controlling what the Search Engines display as the title of our post/page in results pages, but also leveraging a powerful tool for ranking for those keywords we’re targeting.
Ultimate Guide to WordPress SEO – META Descriptions
One of the tricks to WordPress SEO is understanding that it’s not all about rankings. Sure, high rankings for your target keywords are awesome, and they definitely produce great returns, but lower rankings aren’t bad all the time either. If we think about a search engine results page (SERP) as a billboard for our content, then sure, position matters, but so does the content of our billboard.(not written specifically to support WordPress 2.7+)
Ultimate Guide to WordPress SEO – Keyword-Rich Permalinks
WordPress.org describes permalinks as “the permanent URLs to your individual weblog posts, as well as categories and other lists of weblog postings.” But permalinks themselves won’t help if you haven’t optimized them. Understanding the role your permalinks play in your WordPress SEO starts with understanding the methods for permalink optimization. Keyword-rich permalinks, along with the other ingredients in this series, will help search engines determine the kind of content in your posts/pages, and rank them accordingly.(not written specifically to support WordPress 2.7+)
Ultimate Guide to WordPress SEO – Keyword Density
I’ll admit that I’m no SEO expert. When I started this series on WordPress SEO, my goal was to outline steps that I have taken in my web experience that have helped me rank for target keywords time and time again. In reality, SEO is a lot bigger than just making a few theme modifications and optimization. Keyword density is one of those things that I understand very little about, but am very aware of its importance. Keyword Density has to do with making sure your static pages and blog posts have a good ratio of content to keywords. For instance, if you were writing a blog posts about common diseases in Golden Retrievers, you would want to first, identify what keywords you believe describe your content well and that you would like to rank for, and second, make sure that you insert those keywords regularly in your post content.
Ultimate Guide to WordPress SEO – Deep Linking
You might have noticed that throughout this series on WordPress SEO, I’ve been doing something rather peculiar. I’ve been linking to my own content far more than I’ve been linking out. Now, this isn’t because I’m a stingy linker. I just happen to have a goal in the methodology I’m using in this series with links. That strategy is called deep linking, and it is one of the best ways to not only increase SEO, but also drive visitors deeper into your blog or website. Deep linking is the art of linking relevant keywords to related content within your own site. Essentially, you are leveraging your own site’s equity for gain. What gain? In order to understand what is to be gained, one must first understand how links affect SEO.
Ultimate Guide to WordPress SEO – Indexing Control
OK, so you’ve got yourself an XML Sitemap, and you’ve told Google where to find your sitemap using Google Webmaster Tools. So far, you’re well on your way to optimizing your WordPress site. The next thing in your journey to the ultimate in WordPress SEO is telling the Search Engines what they need to index.
Ultimate Guide to WordPress SEO – META Keywords
Up until this point in the WordPress SEO series, I’ve been very confident in the power of the methods I’ve outlined. I really don’t believe a plugin should control your TITLE, I do believe you can increase search engine click-throughs by using the META description tag, and I do believe that Heading structure and hierarchy are important for keyword ranking. (not written specifically to support WordPress 2.7+)
Advanced techniques
Using a WordPress Page as your home page
I’d like to use something other than my recent posts as my home page. Is that possible within WordPress? It’s not only possible it’s relatively easy.
Code for 404 Page in WordPress 2.7.1
If someone types in an address or follows a link that no longer exists, it will remove the “slug” from the domain name and do a search within your blog for similar posts, then redirects them to the first match. If it cannot find anything, it will redirect to your custom 404 page.
Displaying The Allowed Tags
Gilles Maes at NetTut shows how to display the code that visitors are allowed to use in their comments. It takes only one line of code in comments.php and you’ll simply get a list of the tags that are allowed in your comment.
How to Remove rel=’external nofollow’ from Comments
For those of you who wish to join the I-Follow Movement and have WordPress blogs on your own domains, good news is that the rel=”nofollow” attribute can easily be removed without the need for additional plugins or software. In fact, it only takes about 5 minutes and one line of code but keep in mind that this can result in increased spam attempts.
Howto: WordPress 2.7+ User Link Feed Submit Form and Widget
In this article tripwire magazine provides a mini-tutorial on how to setup a User Link/News Feed solution in WordPress 2.7+. I really think it is a nice feature as it gives a blog dynamic content and it it may actually drive traffic from bloggers looking for sources to get some easy and free traffic for their own site. You may also yourself find useful ressources by follwoing the links that your users submit.
Howto: WordPress 2.7+ Most Popular Posts Widget
In this article tripwire magazine provides a mini-tutorial on how to setup a Most Popular Posts Widget in WordPress (hit based). In my opinion it is a good feature to have on a blog as it may trigger visitors to click to see a few more articles. At the same time I found that it is not that simple and out of the box to create it for WordPress as I was expecting. I managed to get a working solution for tripwire magazine that I’m still testing and keeping an eye on, but I think it is stable enough to share with you.
Improve WordPress .htaccess
Url rewriting is very (very very) important for seo and WordPress users can easily avoid ugly urls like ?p=43 using permalinks in their installations. To achieve the result of a true rewrite (no index.php file in the url) wordpress requires apache mod_rewrite module, and uses an .htaccess file that has the only purpose to redirect everything that does not exists physically to your index.php file. The default htaccess file looks something like that
The A to Z of .htaccess
Alex of Nometech has published an excellent post covering a bunch of information about the .htaccess file. Useful resource to bookmark for any webmaster!
Preventing Direct Access To Comments.php
comments.php is meant to be included in a post page, not separately. You could consider this a security measure. Inside the statement, you could insert any message you’d want to be displayed to the person viewing the comments.php file, preferably a die statement.
Change a Post’s RSS Permalink Using Custom Fields
If you’re subscribed to John Gruber’s Daring Fireball RSS feed, you’ve probably noticed that most of his posts are links to other sites. Instead of linking back to his site first and then to the site he’s referring to, you’re simply taken straight to the topic website from the RSS post. In other words, his RSS permalinks are modified to link to the source site instead of his blog, saving an extra click and page load for his readers. John’s site runs on Movable Type, but this function can be easily done with WordPress as well. Read on to find out how to write this simple function. Thanks to Ryan McCue for the code for this tutorial.
How To Add A Forum To WordPress
For those interested in learning how to add a forum to your WordPress site or blog, bbPress is a nice program from the creators of WordPress to help you do just that.
Resources: WordPress Themes
- 23 Best Church Website Templates for Religious and Non-Profit Websites
- 30+ Best Free and Premium WordPress Business Themes
- Themeforest – Last Week’s Top WordPress Sellers
- 29+ Awesome and Elegant WordPress Restaurant Menu Templates
- 35 Best WordPress Photography Website Templates
Do you have a Ebook reader? There is a lot of awesome Nook color covers that will personalize and protect your Nook color.
Thanks for this great collection. I’m going to go through some of the tutorials to get more experience with Wordspress.
Terima kasih atas penjelasannya…
Thanks for this awesome list of tutorials. I have been looking to find something like this post to help me with my new blog. There is so much powerful information packed into this post!
Thanks. Great list.
Amazing list of tutorials. Thanks so much for posting these. Will be a great help to many.
i like your blog good hehe
Good. Thanks
http://www.emrearici.com
great list for learning the layout of wordpress! If you need help making themes, hit up my website and follow some tuts for Photoshop
i like your blog good
i like your blog good
i disagree with most things said! but then again who am i to decide, some good points taken though
{ 5 trackbacks }