Author Archive

100 Great CSS Menu Tutorials


  

Navigation is such an important part of your website. It’s how your visitors navigate to the main areas of your site and makes it easy for them to find your good content.

CSS is of course the perfect language for designing beautiful navigation menus. It can be applied to any type of website and is very flexible. Don’t be alarmed if your own CSS skills are fairly limited as there are a lot of great tutorials out there that walk you through how to add clean and professional looking CSS menus to your website. You can either copy and paste the code into your own design or modify the menu to suit your needs.

Today we would like to show you 100 of these tutorials; 75 horizontal CSS menu tutorials and 25 vertical CSS menu tutorials.

Horizontal CSS Menu Tutorials

1. Advanced CSS Menu Trick

Advanced CSS Menu Trick

View Tutorial | Demo

2. Elegant Drop Menu with CSS Only

Elegant Drop Menu with CSS Only

View Tutorial | Demo

3. Bulletproof CSS Sliding Doors

Bulletproof CSS Sliding Doors

View Tutorial & Demo

4. Tabbed Navigation Using CSS

Tabbed Navigation Using CSS

View Tutorial | Demo

5. Create an Advanced CSS3 Menu – Version 2

Create an Advanced CSS3 Menu – Version 2

View Tutorial | Demo

6. Create a Slick Menu using CSS3

Create a Slick Menu using CSS3

View Tutorial | Demo

7. How to Make a Smooth Animated Menu with jQuery

How to Make a Smooth Animated Menu with jQuery

View Tutorial | Demo

8. How to Make a CSS Sprite Powered Menu

How to Make a CSS Sprite Powered Menu

View Tutorial

9. Simple jQuery Dropdowns

Simple jQuery Dropdowns

View Tutorial | Demo

10. Designing the Digg Header: How To & Download

Designing the Digg Header: How To & Download

View Tutorial | Demo

11. Dynamic Page / Replacing Content

Dynamic Page / Replacing Content

View Tutorial | Demo

12. Create a Fun Animated Navigation Menu With Pure CSS

Create a Fun Animated Navigation Menu With Pure CSS

View Tutorial | Demo

13. How-to: DropDown CSS Menu

How-to: DropDown CSS Menu

View Tutorial | Demo

14. Flexible CSS Menu

Flexible CSS Menu

View Tutorial & Demo

15. Creating a glassy non div navigation bar

Creating a glassy non div navigation bar

View Tutorial | Demo

16. CSS Sliding Door using only 1 image

CSS Sliding Door using only 1 image

View Tutorial | Demo

17. CSS UL LI – Horizontal CSS Menu

CSS UL LI - Horizontal CSS Menu

View Tutorial

18. How to Build a Kick-Butt CSS3 Mega Drop-Down Menu

How to Build a Kick-Butt CSS3 Mega Drop-Down Menu

View Tutorial | Demo

19. A Different Top Navigation

A Different Top Navigation

View Tutorial | Demo

20. Create a Cool Animated Navigation with CSS and jQuery

Create a Cool Animated Navigation with CSS and jQuery

View Tutorial | Demo

21. Navigation Bar

Navigation Bar

View Tutorial & Demo

22. CSS: drop down menu tutorial

CSS: drop down menu tutorial

View Tutorial | Demo

23. RocketBar – A jQuery And CSS3 Persistent Navigation Menu

RocketBar – A jQuery And CSS3 Persistent Navigation Menu

View Tutorial | Demo

24. A Great CSS Horizontal Drop-Down Menu

A Great CSS Horizontal Drop-Down Menu

View Tutorial & Demo

25. Overlay Effect Menu with jQuery

Overlay Effect Menu with jQuery

View Tutorial | Demo

26. Grungy Random Rotation Menu with jQuery and CSS3

Grungy Random Rotation Menu with jQuery and CSS3

View Tutorial | Demo

27. Rocking and Rolling Rounded Menu with jQuery

Rocking and Rolling Rounded Menu with jQuery

View Tutorial | Demo

28. Slide Down Box Menu with jQuery and CSS3

Slide Down Box Menu with jQuery and CSS3

View Tutorial | Demo

29. Advanced CSS Menu

Advanced CSS Menu

View Tutorial | Demo

30. CSS3 Dropdown Menu

CSS3 Dropdown Menu

View Tutorial | Demo

31. How To Create A Simple Drop Down Menu With CSS3

How To Create A Simple Drop Down Menu With CSS3

View Tutorial | Demo

32. Pastel color menu with dynamic submenu using CSS

Pastel color menu with dynamic submenu using CSS

View Tutorial | Demo

33. Creating an Animated CSS3 Horizontal Menu

Creating an Animated CSS3 Horizontal Menu

View Tutorial | Demo

34. Tutorial to create a Beautiful, simple, horizontal CSS menu

Tutorial to create a Beautiful, simple, horizontal CSS menu

View Tutorial & Demo

35. CSS Sprites2 – It’s JavaScript Time

CSS Sprites2 - It’s JavaScript Time

View Tutorial | Demo

36. Image Menu with Jquery

Image Menu with Jquery

View Tutorial | Demo

37. How to Code an Overlapping Tabbed Main Menu

How to Code an Overlapping Tabbed Main Menu

View Tutorial | Demo

38. Pure CSS Horizontal Menu

Pure CSS Horizontal Menu

View Tutorial | Demo

39. Pure CSS Menu With Infinite Sub Menus Tutorial

Pure CSS Menu With Infinite Sub Menus Tutorial

View Tutorial | Demo

40. Animated horizontal tabs

Animated horizontal tabs

View Tutorial & Demo

41. CSS Sprite Navigation Tutorial

CSS Sprite Navigation Tutorial

View Tutorial | Demo

42. Create your own drop down menu with nested submenus using CSS and a little JavaScript

Create your own drop down menu with nested submenus

View Tutorial | Demo

43. CSS Drop Down Menu Tutorial

CSS Drop Down Menu Tutorial

View Tutorial & Demo

44. Nicer Navigation with CSS Transitions

Nicer Navigation with CSS Transitions

View Tutorial | Demo

45. CSS Navigation Menus

CSS Navigation Menus

View Tutorial

46. Pure CSS Fish Eye Menu

Pure CSS Fish Eye Menu

View Tutorial | Demo

47. How to Create a CSS3 Tabbed Navigation

How to Create a CSS3 Tabbed Navigation

View Tutorial | Demo

48. Create an apple style menu and improve it via jQuery

Create an apple style menu and improve it via jQuery

View Tutorial | Demo

49. Create a multilevel Dropdown menu with CSS and improve it via jQuery

Create a multilevel Dropdown menu with CSS and improve it via jQuery

View Tutorial | Demo

50. Sweet tabbed navigation using CSS3

Sweet tabbed navigation using CSS3

View Tutorial | Demo

51. Create an Advanced CSS Menu Using the Hover and Position Properties

Create an Advanced CSS Menu Using the Hover and Position Properties

View Tutorial | Demo

52. Sexy Drop Down Menu w/ jQuery & CSS

Sexy Drop Down Menu w/ jQuery & CSS

View Tutorial | Demo

53. How to Create a Horizontal Dropdown Menu with HTML, CSS and jQuery

How to Create a Horizontal Dropdown Menu with HTML, CSS and jQuery

View Tutorial | Demo

54. CSS Express Drop-Down Menus

CSS Express Drop-Down Menus

View Tutorial | Demo

55. Professional Dark CSS Menu

Professional Dark CSS Menu

View Tutorial | Demo

56. Creating a Simple yet Stylish CSS Jquery Menu

Creating a Simple yet Stylish CSS Jquery Menu

View Tutorial | Demo

57. jQuery Drop Line Tabs

jQuery Drop Line Tabs

View Tutorial & Demo

58. Animated Menus Using jQuery

Animated Menus Using jQuery

View Tutorial | Demo

59. Make a Mega Drop-Down Menu with jQuery

Make a Mega Drop-Down Menu with jQuery

View Tutorial | Demo

60. Animated Navigation with CSS & jQuery

Animated Navigation with CSS & jQuery

View Tutorial | Demo

61. Horizontal Subnav with CSS

Horizontal Subnav with CSS

View Tutorial | Demo

62. Mega Drop Down Menus w/ CSS & jQuery

Mega Drop Down Menus w/ CSS & jQuery

View Tutorial | Demo

63. CSS dropdown menu without javascripting or hacks

CSS dropdown menu without javascripting or hacks

View Tutorial & Demo

64. CSS Drop Down Navigation Tutorial

CSS Drop Down Navigation Tutorial

View Tutorial

65. Sleek Pointer Menu 2

Sleek Pointer Menu 2

View Tutorial & Demo

66. CSS Overlapping Tabs Menu

CSS Overlapping Tabs Menu

View Tutorial | Demo

67. Horizontal CSS Menu With Icons

Horizontal CSS Menu With Icons

View Tutorial | Demo

68. Creating a Multi-Level Dropdown Menu using CSS and jQuery

Creating a Multi-Level Dropdown Menu using CSS and jQuery

View Tutorial | Demo

69. Create The Fanciest Dropdown Menu You Ever Saw

Create The Fanciest Dropdown Menu You Ever Saw

View Tutorial | Demo

70. Create A Speaking Block Navigation Menu Using Pure CSS

Create A Speaking Block Navigation Menu Using Pure CSS

View Tutorial | Demo

71. Horizontal CSS List Menu

Horizontal CSS List Menu

View Tutorial | Demo

72. CSS3 dropdown menu

CSS3 dropdown menu

View Tutorial | Demo

73. Making a CSS3 Animated Menu

Making a CSS3 Animated Menu

View Tutorial | Demo

74. How To Create A Clean CSS3 Navigation Bar

How To Create A Clean CSS3 Navigation Bar

View Tutorial | Demo

75. How to Create a Modern Ribbon Banner Navigation Bar with Pure HTML/CSS3

How to Create a Modern Ribbon Banner Navigation Bar with Pure HTML/CSS3

View Tutorial | Demo

Vertical CSS Menu Tutorials

76. CSS Pop-Out Menu Tutorial

CSS Pop-Out Menu Tutorial

Tutorial | Demo

77. CSS graphic menu with rollovers

CSS graphic menu with rollovers

Tutorial | Demo

78. Vertical CSS Menu With a ‘Behavior’ File

Vertical CSS Menu With a ‘Behavior’ File

Tutorial | Demo

79. Super Fantastic CSS Navigation Image Rollovers

Super Fantastic CSS Navigation Image Rollovers

Tutorial | Demo

80. Vertical Menu with Hover Effect using CSS

Vertical Menu with Hover Effect using CSS

Tutorial | Demo

81. How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery

How To Create A ‘Mootools Homepage’ Inspired Navigation Effect Using jQuery

Tutorial | Demo

82. Simple CSS Vertical Menus

Simple CSS Vertical Menus

View Tutorial | Demo

83. Create a Social Media Sharing Menu Using CSS and jQuery

Create a Social Media Sharing Menu Using CSS and jQuery

Tutorial | Demo

84. CSS3 Minimalistic Navigation Menu

CSS3 Minimalistic Navigation Menu

Tutorial | Demo

85. Beautiful Slide Out Navigation: A CSS and jQuery Tutorial

Beautiful Slide Out Navigation: A CSS and jQuery Tutorial

Tutorial | Demo

86. Awesome Cufonized Fly-out Menu with jQuery and CSS3

Awesome Cufonized Fly-out Menu with jQuery and CSS3

Tutorial | Demo

87. Two CSS vertical menu with show/hide effects

Two CSS vertical menu with show/hide effects

Tutorial | Demo

88. Animated Drop Down Menu with jQuery

Animated Drop Down Menu with jQuery

Tutorial | Demo

89. Clean and Attractive jQuery Vertical Menu Tutorial

Clean and Attractive jQuery Vertical Menu Tutorial

Tutorial | Demo

90. Nested Side Bar Menu

Nested Side Bar Menu

Tutorial & Demo

91. CSS menus

CSS menus

Tutorial | Demo

92. Simple Vertical CSS Menu

Simple Vertical CSS Menu

Tutorial

93. Sliding Jquery Menu

Sliding Jquery Menu

Tutorial | Demo

94. Reinventing a Drop Down with CSS and jQuery

Reinventing a Drop Down with CSS and jQuery

Tutorial | Demo

95. Drop-Down Menus, Horizontal Style

Drop-Down Menus, Horizontal Style

Tutorial | Demo

96. CSS Vertical Navigation with Teaser

CSS Vertical Navigation with Teaser

Tutorial | Demo

97. jQuery style menu with CSS3

jQuery style menu with CSS3

Tutorial | Demo

98. Green Vertical Navigation Menu

Green Vertical Navigation Menu

Tutorial | Demo

99. CSS: Sexy Vertical Popup Menu with CSS

CSS: Sexy Vertical Popup Menu with CSS

Tutorial | Demo

100. Uberlink CSS List Menus

Uberlink CSS List Menus

Tutorial | Demo

Overview

We hope you have enjoyed this list of CSS navigation menus and found something useful for your site (We made a point of including a mix of different menu styles: basic menus, flashy menus, menus which use jquery, menus that use pure CSS etc). If you know of any other great CSS menu tutorials, please feel free to share them in the comment area. :)


Extending the Functionality of WordPress Pt.2


  

Previously, on Noupe. We brought you a handful of ways to expand on the functionality of any WordPress based site using some inspired plugins and/or themes to elevate this CMS beyond its humble beginnings as a blogging platform. With ways to turn WP into a Discussion Forum, an Online Shop, and a Helpdesk. Today, that mission continues.

Excerpt from Part One

Theme designers and plugin developers have been pushing the boundaries of what WordPress can do for some time. This has accelerated since the introduction of Custom Post Types into the WordPress core as it allows developers to use WordPress in a lot of weird and wonderful ways.

Today we will begin showing you examples of themes and plugins that let you use WordPress in ways you may have never thought possible.

As we mentioned last week, in this installment we will show you how to extend the possibilities of your WP site to make it a Wiki, an Arcade, a Job Board, a Membership based site, a Review site, or just a Q&A site. Now let’s get at it.

Wiki

Due to the sheer amount of content they contain, Wikis are a good way of making money online (take Star Trek fan wiki Memory Alpha for example). They are also a useful addition to blogs and websites as it allows readers to contribute to the site. As you would expect from a CMS, WordPress handles Wikis easily.

Theme

WikiWP – FREE

In A Nutshell: A free WordPress theme that’s based on the Wikipedia design.

WikiWP

Pros

  • SEO friendly.
  • Clean design (though perhaps a little dated).

Cons

  • Hasn’t been updated for years so new WordPress features aren’t built into this theme.

WordPress Wiki Theme – $30

In A Nutshell: A premium WordPress design that uses WordPress to create a wiki.

WordPress Wiki Theme

Pros

  • 6 colour schemes to choose from.
  • Features sliding sidebar menus and a dedicated FAQ page.

Cons

  • Hasn’t been updated with WordPress 3.0 features such as featured images.

Plugins

Wiki – $39

In A Nutshell: A premium WordPress plugin that lets you convert any post or page into a Wiki.

Wiki

Pros

  • Entries can be edited directly on the page without having to access your admin area.
  • Works with WordPress, WordPress MU and BuddyPress.
  • Perfect for adding a Wiki to an existing website.

You May Also Want To Consider…

  • eSimple Wiki – A basic free Wiki plugin for WordPress.
  • Wiki Embed – Lets you embed wikis onto any WordPress page or post.
  • WikiPress – An open source plugin that lets you collaborate with other users in your admin section via a Wiki.

Arcade

There are quite a few premium products that allow you to build an arcade website using WordPress. Most plugins come packaged with a theme and charge a little extra for the games to be included in the zip file.

MyArcadePlugin Lite – FREE | My Arcade Plugin – €29.95

In A Nutshell: A feature rich arcade WordPress plugin that lets you install a whopping 29,000 games.

MyArcadePlugin

Pros

  • Games can be downloaded and posted automatically.
  • Great looking design and can be customised with your own brand in minutes.
  • Leaderboard support to encourage visitors to come back.

Cons

  • Free version of the plugin is very limited.

WP Arcade – $33

In A Nutshell: A premium arcade theme store that comes packaged with a plugin that automatically grabs games from MochinMedia.

WPArcade

Pros

  • All themes come with 5 colour schemes.
  • Advertising and Google Analytics integration.
  • Huge amount of customisation through the themes unique options page.
  • Good price for an arcade solution.

Cons

  • There are currently 10 themes available however they are all very similar.

WP Arcade Engine – $29

In A Nutshell: A premium arcade plugin for WordPress.

WPArcadeEngine

Pros

  • The plugin can be set to publish new games every day automatically.
  • Support for any type of game type.
  • Includes a 30 day no questions asked money back guarantee.

Cons

  • The plugin retails for $29 however you don’t get any games for this price. You will need to pay an additional $29 to get a game pack.

You May Also Want To Consider…

  • WP Mini Games – Allows you to easily embed flash games onto posts, pages and sidebars.
  • ArcadePress – An fulley fledged open source arcade solution.
  • WP Games Embed – Lets you embed flash games into your posts and pages using shortcodes.

Job Board

There are a lot of job related plugins available for WordPress though 3 stand out from the rest: the Job Board and Jobroller designs and the very useful Job Manager. I recommend Job Manager for those of you who want to add a job section into an existing WordPress website.

Themes

Job Board – $65

In A Nutshell: A premium theme that uses WordPress to power a job board.

Job Board

Pros

  • Complete control using a dedicated theme options page.
  • Coupons feature to allow certain customers discounts.
  • Automated payment collection via PayPal.
  • Very easy to brand.

Jobroller – $99

In A Nutshell: Turn your WordPress website into a fully functional job board.

Jobroller

Pros

  • Easy to use theme options area.
  • Options for job seekers and employers. Job seekers can also upload their resume/CV for employers to see.
  • Five different colour schemes.
  • Social media integration.

Plugins

Job Manager – FREE

In A Nutshell: An open source job plugin that doesn’t scrimp on features

Job Manager

Pros

  • Can create multiple job boards.
  • Applicants can apply directly through the website.
  • Good template system that allows you to customise the job area into your existing WordPress design.

Cons

  • If you are looking for a dedicated job website, it may be better to use an all in one job solution such as the premium themes mentioned as you would need to use this plugin with an existing design.

WPCareers – FREE

In A Nutshell: A free plugin that lets you create a searchable resume (CV) database.

WPCareers

Pros

  • Users can modify descriptions at a later date and upload their own photos/images.
  • Can manage job seekers and employers.

Cons

  • Limited features when compared to other options.

You May Also Want To Consider…

Membership

WordPress is the perfect platform for a membership website. The premium member plugins are better supported however free alternatives have a huge range of features too.

Members Only – FREE

In A Nutshell: Make your content viewable only by signed in members.

Members Only

Pros

  • Can specify what page the member is redirected to when they log in.
  • Can protect RSS feeds for members too.

User Role Subscriptions – FREE

In A Nutshell: A user role subscription plugin that allows you to restrict content to paid subscribers.

User Role Subscriptions

Pros

  • Can modify the email template for new subscribers.
  • Automatically deletes expired subscribers.
  • Can accept payments via PayPal.

Cons

  • Quite limited. There are better alternatives available.

WP-Members – FREE

In A Nutshell: A membership system that restricts content to signed in users.

WP Members

Pros

  • Can block pages, posts, both or neither by default.
  • Registration process can be changed to suit your needs.
  • Private member area can be determined.
  • Well documented.

Cons

  • No support for paid membership.

Members – FREE

In A Nutshell: A user role and content management plugin.

Members

Pros

  • Capabilities of users can be modified.
  • You can control what user groups can see specific content.
  • RSS feeds can be restricted.

s2Member – FREE | s2Member Pro – $69

In A Nutshell: An feature rich membership plugin.

s2Member

Pros

  • Includes 4 membership levels: Free, Bronze, Silver, Gold, and Platinum.
  • Works with multiple payment gateways.
  • Can setup one off or recurring payments.
  • Can restrict content and downloads to specified member levels.

Membership – FREE | Membership Premium – $39

In A Nutshell: Transforms WordPress into a fully functional membership site.

Membership

Pros

  • Can offer free memberships that turn into paid memberships after a set number of days.
  • Unlimited membership and subscription levels.
  • Can restrict access to members only in lots of different areas including posts, pages, comments, categories, galleries and more.
  • Well documented, well supported and updated regularly.

WP-Membership – $25

In A Nutshell: Sell your content with this premium membership plugin.

WP Membership

Pros

  • Can setup unlimited membership levels.
  • Payments can be made via PayPal and the dashboard shows sales for that month.

Cons

  • Limited number of member options compared to other paid membership plugins.

CMS Members – $59.50

In A Nutshell: A solid membership plugin that boasts some great features.

CMS Members

Pros

  • Create unlimited memberships.
  • Built in mass mailer.
  • Accepts PayPal and 2Checkout as payment from new members.
  • Content within a post or page can be restricted to different member groups.

MagicMembers – $97

In A Nutshell: A premium membership plugin that has a huge amount of features.

Magic Members

Pros

  • Works with a huge number of payment gateways.
  • Integrates with popular auto responders.
  • Premium content can be restricted on a ‘Pay Per Post’ basis.
  • Categories can be protected and RSS feeds can be restricted to paying members too.

Wishlist Member – $97

In A Nutshell: One of the most popular premium membership plugins available today.

Wishlist Member

Pros

  • Sequential content delivery for those who want to drip-feed content to members.
  • Flexible membership options including free, trial or paid. Members can also migrate to other membership levels after a set period of time.
  • Works with many shopping cart systems.
  • Integrates with many popular WordPress plugins.

You May Also Want To Consider…

Review Website

The surge to make money through review websites has died down a little however there are still some good premium plugins out there for those of you who are looking to launch a review website.

My Review Plugin – $90

In A Nutshell: A flexible rating plugin that can add ratings to any WordPress post, page or product.

MyReviewPlugin

Pros

  • Can use stars, letters or percentages to grade items.
  • It’s easy to build horizontal and vertical comparison tables.
  • Add ratings to any area of your site automatically with a one-click install.
  • 45-day money back guarantee.

WF Review – $89

In A Nutshell: A review plugin that was created specifically for affiliate marketers.

WF Review

Pros

  • Import CSV feeds from affiliate networks such as Commission Junction and ShareASale to create thousands of products in seconds.
  • Support for comparison tables.
  • Amazon ratings stars are fully customisable via CSS.

WP Review Engine – $99.95

In A Nutshell: A premium rating plugin that can be customised easily.

WP Review Engine

Pros

  • Rating comments and rating tables can be styled easily via the admin area.
  • 13 star images, 23 buttons, and 6 comparison table image sets are included with the plugin.
  • Add comparison tables to any post or page on your site.
  • 30-day money back guarantee.

Q & A

The following themes and plugins allow you to create a question and answer website. This type of website has become very common due to the popularity of sites such as Yahoo Answers, Stack Overflow and Quora.

Themes

WP Answers – $89

In A Nutshell: Turn WordPress into a cash generating question and answer website.

WP Answers

Pros

  • Pull content directly into your website from Yahoo Answers.
  • Full Facebook and Twitter integration.
  • Packaged theme comes in 6 custom colours.
  • Intuitive points system that gives members points for answering questions.

Plugins

Q&A Lite – FREE | Q & A – $39

In A Nutshell: Add a questions and answers section to your existing WordPress website.

Q and A

Pros

  • WYSIWYG editors for both questions and answers.
  • Integrated reputation points system.
  • User profile pages for those who use the question and answer service.

You May Also Want To Consider…

Overview

Throughout the course of these two articles we have shown you how flexible the WordPress is and how it can be used for a variety of purposes. The products that have been listed in this article can be split into two categories: plugins that integrate with your existing WordPress powered website to add extra functionality to an area of your site and themes or plugins that use WordPress to completely change how WordPress is used (e.g. a discussion forum).

When you are using a product that uses WordPress to power the main areas of your website, you need to consider the stand alone scripts that are available. For example, The G Forums uses the WordPress platform to create a discussion forum. It achieves this through custom theme templates therefore it couldn’t be integrated into an existing WordPress website. The script retails for $29 and has very basic features therefore, in my opinion, you would be better off using a PHP bulletin board such as phpBB or Simple Machines instead. If however you wanted to integrate a forum into your existing website, a plugin such as bbPress may be better than phpBB or Simple Machines.

Another factor to consider is plugins. The official WordPress plugin directory has over 15,000 plugins. The number of add ons available for stand alone scripts is sometimes poor therefore if you need additional functionality on your website, a WordPress product is a good choice (e.g. one click installs of forums, sitemaps, member areas etc).

Also, if you know of any great free or premium WordPress products that extend the functionality of the platform, please share it with other readers in the comment area.

(rb)


Extending the Functionality of WordPress (Part 1)


  

For a platform that started its life as solely a platform for blogging, WordPress has come a long way over the last few years. It’s certainly earned the right to be known as the most popular Content Management System (CMS) on the net with speculation that between the self hosted script and its hosted service WordPress.com, it powers over 25% of the web (WordPress.com exceeded 50 million websites last week!).

Theme designers and plugin developers have been pushing the boundaries of what WordPress can do for some time. This has accelerated since the introduction of Custom Post Types into the WordPress core as it allows developers to use WordPress in a lot of weird and wonderful ways.

Today we will begin showing you examples of themes and plugins that let you use WordPress in ways you may have never thought possible. Most of the newer themes and plugins in this list use custom post types however some older scripts still use a custom solution.

One of the main benefits of using WordPress instead of a stand alone script is the versatility it offers you. You quite literally have thousands upon thousands of plugins and themes that you can use on your site. You shouldn’t underestimate how useful this is!

Many plugin developers use the freemium business model so if a lite version of the plugin you want to purchase exists, it makes sense to download that first and try it out.

In this first installment we will look at ways to expand your WP site into a Discussion Forum, an Online Shop, and a Helpdesk. So without further ado, let’s get the show on the road

Discussion Forum

Due to the popularity of WordPress, there are bridges available for most popular discussion forums such as IP Board, phpBB and vBulletin. These bridges allow you to merge the user database from WordPress and the forum software.

Sadly, most forum solutions for WordPress are quite basic. This is not necessarily a bad thing in my opinion as there are lots of stand alone alternatives available with many features. They do however tend to have more features than is always necessary therefore if you are looking for a lighter solution you may want to try one of the solutions below. Here’s hoping that the conversion of Automattics forum bbPress from a stand alone script to a WordPress plugin will prove to be a success.

Themes

The G Forums – $29

In A Nutshell: A premium design that uses WordPress as a backend for a discussion forum.

The G Forums

Pros

  • PSD of theme and icons included with purchase.
  • Ability to add a slideshow on set areas of the forum.

Cons

  • Basic design.
  • Better free stand alone alternatives available therefore no real need for using WordPress instead of a more developed feature rich script.

Plugins

bbPress – FREE

In A Nutshell: Automattics forgotten bulletin board project.

bbPress

Pros

  • Allows you to add a WordPress forum to your existing WordPress site at the click of a button.
  • Forum integrates directly into your existing design.

Cons

  • Very slow development and the community is very quiet.
  • Very little documentation.
  • Very few plugins available at the moment.

Simple Press – FREE

In A Nutshell: A forum plugin that integrates with your WordPress website.

Simple Press

Pros

  • Integrates with your existing WordPress installation.
  • Updated regularly and well supported by its developers.
  • Boasts many features that simple solutions such as bbPress lack.

Cons

  • Forum design feels a little outdated.

Mingle Forum – FREE

In A Nutshell: Another open source forum solution that plugins directly into your existing WordPress design.

Mingle Forum

Pros

  • Works with WordPress 3.0+.
  • Integrates with your existing WordPress installation.
  • SEO friendly URLs.
  • Can create a corresponding forum post whenever a new post is added on your WordPress website.

Cons

  • Default forum design looks very dated.
  • Developer has indicated he no longer has time to update plugin.

WP Forum Server – FREE

In A Nutshell: A WordPress 3.0+ compatible discussion forum plugin.

WP Forum Server

Pros

  • Integrates easily into your existing WordPress website.
  • A basic forum though it should be more than sufficient for many users.

Cons

  • Default forum design is very basic looking.
  • An improved version of the plugin exists. Strangely, the purchase link does not work therefore there is no way to actually buy and no details of what the price is.

You May Also Want To Consider…

Online Shop

E-commerce is one of the areas where WordPress is leading the pack with many solutions matching or even bettering popular free alternatives. There are a few good plugins available however most developers tend to be integrating their shopping cart into a unique theme. With more than 50 premium e-commerce themes available and more being released every month, WordPress is a great choice for launching an online shop.

Themes

SimpleCart – FREE

In A Nutshell: A free e-commerce theme from developer Chris Wallace

SimpleCart

Pros

  • One of the few existing free e-commerce designs.

Cons

  • A very basic design.
  • Hasn’t been updated for years.

ShopperPress – $79

In A Nutshell: A premium e-commerce solution for WordPress.

ShopperPress

Pros

  • Product is open source therefore can be used on an unlimited number of websites.
  • Package comes with over 20 online shop designs.
  • Huge amount of features. Is Google Adsense and Analytics ready, works with over 20 payment gateways and has data import tools for Amazon, eBay and CSV files.

Cons

  • Many designs have a similar feel and look.

eStore – $39

In A Nutshell: A beautiful e-commerce design from theme developers Elegant Themes.

eStore

Pros

  • Comes with 5 unique colour schemes.
  • Comes with it’s own unique options page to give you complete control over your site.
  • Additional features such as shortcodes, thumbnail resizing and advertisement integration.

Cons

  • Is not a complete e-commerce solution. You will have to find a suitable e-commerce WordPress plugin in order to use the design efficiently.

Store Front – $65

In A Nutshell: A complete e-commerce solution from theme developers Templatic.

StoreFront

Pros

  • Store lets you sell physical products or digital products such as e-books, digital art etc.
  • Includes 5 colour schemes.
  • Multiple payment gateways.
  • Built in affiliate module

Plugins

DukaPress – FREE

In A Nutshell: An open source e-commerce solution.

DukaPress

Pros

  • Allows you to sell physical or digital products.
  • Multiple payment gateways available.
  • Integrates with your existing WordPress website.

Cons

  • Lacks many advanced features.
  • Default design is very basic.

eShop – FREE

In A Nutshell: A versatile open source e-commerce solution.

eShop

Pros

  • Various methods for listing products.
  • Multiple payment gateways.
  • Includes stock and tax options.

Cons

  • Default design is very basic so best used with a good e-commerce theme.

GetShopped – FREE

In A Nutshell: A feature rich free e-commerce solution that’s been downloaded over 750,000 times.

Pros

  • Integrates with any WordPress design.
  • Multiple payment gateways.
  • Marketing tools built in that allow you email customers, blog and post about your products on Facebook.
  • Well documented, regularly updated and active support community.

Cons

  • Would have to customise your existing design or purchase a suitable e-commerce design in order to launch your shop.

WP Store Cart – FREE | WP Store Cart Pro – $29.99

In A Nutshell: A flexible, featured rich e-commerce solution for WordPress.

WP Store Cart

Pros

  • Easy to setup due to a web based ‘Setup Wizard’.
  • Size and colour of products can be set.
  • Can be used to sell physical or digital products (or both).
  • Coupon and discount system bult in.

Cons

  • Limited number of payment gateways currently available.

JigoShop – FREE

In A Nutshell: Another great open source e-commerce solution that you should consider.

Jigoshop

Pros

  • Localisation options that allow you to set your currency, tax by location and modify shipping costs accordingly.
  • Very easy to setup and use.

Cons

  • Limite number of payment gateways compared to alternatives that are available.
  • Integrates perfectly with the Jigotheme however that will set you back $79.

Cart66 Lite – Free | Cart66 – $89

In A Nutshell: A good premium e-commerce solution which has a limited version of the script available for free.

Pros

MarketPress – FREE | MarketPress Premium – $39

In A Nutshell: A flexible e-commerce solution that integrates with WordPress, WordPress MU and BuddyPress.

MarketPress

Pros

  • Can be used to sell physical or digital products.
  • Free version of the script boasts a lot of great features such as temporary sale prices, coupon codes, order management alerts and much more.
  • Ability to link to external websites such as Amazon, ClickBank and E-Junkie in order to increase affiliate commissions/li>
  • 3 CSS themes included with the premium version.

Cons

  • In comparison to some other e-commerce plugins, the number of payment gateways available to you is quite limited.

WordPress eStore – $49.95

In A Nutshell: A premium e-commerce plugin that fails to justify its price.

WordPress eStore

Pros

  • Easy to use.
  • Will work with your existing WordPress design.
  • Integrates well with a number of other WordPress plugins.

Cons

  • There are free alternatives that have more features.

Shopp – $55

In A Nutshell: A feature rich premium e-commerce solution for WordPress.

Shopp

Pros

  • Supports the sale of physical and digital products.
  • Automatically calculates shipping rates for numerous mailing services.
  • Works with a huge amount of payment gateways.
  • Regularly updated and quick response times for customers who need support.

You May Also Want To Consider…

  • Ecwid Shopping Cart – A fully functional e-commerce solution that lets you add a shopping cart to your website in minutes.
  • WordPress Simple Paypal Shopping Cart – Lets you add an ‘Add to Cart’ button to any page or post.
  • ArtPal – Integrates PayPal into your WordPress powered website.
  • Google Checkout Shopping Cart Plugin – Easily add Google Checkout buy buttons to your website.
  • TheCartPress – A flexible open source e-commerce solution.
  • Zingiri Web Shop – A free e-commerce plugin that lets you sell digital or phyiscal products online.
  • Quick Shop – A WordPress MU compatible e-commerce plugin that shows what the user has in their cart via a sidebar widget.
  • FoxyShop – A plugin that lets you integrate the FoxyCart shopping cart into your website.

Helpdesk

There haven’t been too many A+ helpdesk products released for WordPress as yet though WooThemes recent release SupportPress is encouraging and is a great example of what can be achieved using custom post types.

Theme

SupportPress – $100

In A Nutshell: A premium design that uses WordPress to power a fully functional helpdesk.

SupportPress
Pros

  • Has a fantastic knowledgebase feature built in. Customers are asked to check the knowledgebase before submitting a ticket and existing tickets can be converted into knowledgebase entries too.
  • Email notifications can be customised.
  • Optimised for use on mobile phones.
  • Very easy to use.

Cons

  • Those of you on a budget may find $100 expensive for this product when there are free stand alone alternatives such as SysAid and SpiceWorks.

WebHelpDeskHQ – $55

In A Nutshell: A premium WordPress helpdesk design.

WebHelpDeskHQ

Pros

  • Support requests can be turned into knowledgebase entries.
  • Support tickets are stored in a forum and can be set to be viewed publicly or just privately by staff.
  • Includes a WordPress iPhone application.

Cons

  • Not as advanced as some other helpdesk solutions.

Plugins

WordPress Advanced Ticket System – FREE | WordPress Advanced Ticket System Premium – €50

In A Nutshell: A free plugin that adds a complete ticket system to your existing WordPress website.

WordPress Advanced Ticket System

Pros

  • Users can create tickets without having to sign up as a member.
  • Each ticket can be assigned a category and priority.

Cons

  • Basic looking design.
  • Most features are only available in the premium version of the script.

Zendesk for WordPress - Plugin is FREE though ZenDesk prices start from $9 per month

In A Nutshell: A plugin that helps you integrate the feature rich ZenDesk helpdesk service into your WordPress website.

Zendesk

Pros

  • Logins are synced between your website and ZenDesk i.e. no need for customers to sign in twice.
  • Can turn blog comments directly into helpdesk tickets.
  • Access tickets directly from your WordPress dashboard.

Cons

  • Whilst the plugin is free, ZenDesk packages start from $9 per month. The service is worth the money however those on a budget may prefer a solution with no recurring costs.

You May Also Want To Consider…

To Be Continued…

That wraps up this installment of ways to expand your WP based site. Be sure to check in next week as we deliver more ways you can use this powerful CMS to create a Wiki, an Arcade, a Job Board, a Membership based site, a Review site, or just a Q&A site.

(rb)


  •   
  • Copyright © 1996-2010 BlogmyQuery - BMQ. All rights reserved.
    iDream theme by Templates Next | Powered by WordPress