wordpress

Manage Events Like A Pro With WordPress


  

If you’ve ever tried working with, coding for or just thinking about anything to do with events, you know they are a total nightmare in every possible way. Repeating events, schedules, multiple days, multiple tracks, multiple prices, multiple speakers, multiple organizations, multiple payment options — the list goes on on for quite some time.

Today we’ll show you how to make event management an easy — nay, enjoyable — task by making WordPress do the grunt work for you. We’ll be looking at out-of-the-box WordPress features, plugins and themes and a DIY approach to managing events. Please do let us know if you have more or better ideas.

In A Nutshell

I know some people don’t like to read lengthy reviews, so here are my recommendations in the shortest possible form. We’ll look at all of these recommendations in depth, so read on if you want to know more about them.

If money is not an issue or you just want the best possible combination of products, I recommend using Event Espresso to manage the events and Eventure from ThemeForest to display them. This will set you back at least $125 (more if you need add-ons for Event Espresso), but it will give you one of the most powerful event-management setups you can get without touching any code.

If you don’t need a payment gateway, multiple-day event-specific options or other advanced features or you’re on a budget, you could use Events Manager Free Version, Event Espresso Lite or Events Made Easy. These are all free and easy to use, providing roughly the same functionality. You might also want to purchase a theme to display your events nicely, which will set you back at least $35, but this is in no way required.

Event Management Features

Before we get to specific tools, let’s look at some of the features we get from an event-management system. You might not need all of these, but looking at them is useful when planning your system.

Events

Obviously, our event-management plugin should at least support events. The ability to create events that are separate from your regular posts is a powerful feature, allowing you to add events to your website’s existing content.

Event Taxonomies

Regular posts can be ordered into taxonomies — categories and tags. Having separate taxonomies for events (i.e. event categories and event tags) is useful for separating them from your regular content. If you organize Web development conferences, you might want to differentiate between design- and coding-related ones, or you might want to single out JavaScript- and Ruby-related ones. Your regular content might have nothing to do with Web development, so having separate taxonomies would come in handy.

Registrations

Allowing people to register for events right there on your website can greatly boost attendance. The path a user has to take from discovering your event to participating becomes that much shorter, which translates into a better user experience and more registrants.

You will also need to be able to manage registrations through the back end. Registrants should be listed somewhere, with easy access to their details.

Payment Gateways

The ability to accept payments online breaks down another barrier between your events and potential attendees. A feature that allows you to accept the widest variety of payment methods would be ideal.

Speaker Management

As a software programmer, I don’t like when I enter data somewhere and it’s not stored in an easily reusable way. The ability to manage speakers across your events is a big plus because it opens up access to powerful features later on. This feature should include the ability to add biographies and photos of speakers to the website.

Venue Management

As with speaker management, having all your locations stored properly will make them ease to reuse in future. If you need to schedule another event at the same venue, there’s no need to reenter the details; just select it from a menu, and off you go.

Participating Organizations

Another nice feature is being able to attach companies to events. Companies will often host events, and giving them some recognition for it is a nice thing to do in return.

Sponsors

Almost all major events have sponsors that contribute in some way (usually with money). They often require you to add their logo in various places. Being able to add the names, descriptions and logos of sponsors for an event would be handy.

Notification Management

There are two kinds of notifications we might want to control. On-site notifications are shown to users once they perform specific actions. When a user successfully pays for a ticket or encounters an error while registering, an on-site notification should pop up to let them know what’s going on. Being able to tailor the language of these to your style would be a nice feature.

The second type of notification are email messages to participants. Confirmations, reminders and so on would all be customized to your style.

Form Management

Controlling the information to gather from registrants is key to finding sponsors and making the lives of users easier. Being able to control this on an event-by-event basis would be best. Some events require less information from users, others more.

Coupon Management

Many events offer coupons for promotional purposes. If you want to engage users beyond your website, then giving coupons for third parties to distribute is a great tactic. Creating multiple coupons for various events would enable you to manage a full-blown coupon campaign.

Price Management

Another way to persuade visitors to register is to offer different price options, such as early-bird pricing, student discounts, last-minute offers and so on.

Multiple Day Events

Many events have so much going on that splitting them into multiple days is the only way to go. Being able to control this from the administration section would be a great plus, especially when coupled with price-management options (such as registration for one day only).

Repeating Events

If you are organizing a repeating event, you wouldn’t want to have to create it from scratch a hundred times a year. Scheduling and repeating tools would help minimize your effort.

Powerful Global and Miscellaneous Settings

A great event-management system has to have great global and miscellaneous settings. Settings for creating an events listing page, changing currencies, setting time zones and so on are all part of a complete system.

Complete Solutions

All of the WordPress plugins in this section are paid plugins, but if you’re running a serious operation, then the first two listed here are well worth the money.

The three best plugins around are Events Planner, Events Manager and Event Espresso. Event Espresso is by far the best of the lot, but all three are versatile and under constant development.

Event Espresso

Event Espresso is the cream of the crop. It has built-in support for almost all of the features mentioned above (except perhaps sponsor management) — and much more! It enables you to set up multiple forms of payment, multiple event dates and times, multiple prices, discounts, promotions (coupons), locations (even virtual ones) and emails. It also creates posts for events automatically and does so much more!

Event Espresso also has a free “Lite” version, which gives you a taste of the solution. The lite version is actually pretty robust and can be used for simple situations. It includes event and attendee management, automated emails, customizable registration and PayPal Standard Payment.

You can easily tailor the design of event listings to your current theme. If you are willing to dish out the money for this plugin, I recommend getting a premium website theme as well and modifying that as needed.

Event Espresso is not cheap, but its feature set is top notch, so the price is justified. The basic version costs $89.95, which contains all of the features that 95% of people will need. From there, you can download free and paid add-ons to the basic system. Some free add-ons are for payment gateways, social media and calendars.

MailChimp integration, recurring events management, developer customization options, WordPress integration, Groupon integration, multiple event registration and shopping cart integration (coming soon) is available at between $25 and $35 a pop. Most of these are well worth their money, although getting the WordPress members integration for free would have been nice, because that’s not a huge programming leap.

A gallery will be added here with 3-4 images of how an event is displayed by default, a screenshot from the admin, etc. The images can be found in the images/gallery/ folder of this draft

Events Planner

Events Planner is another well-rounded system. It doesn’t have all of the features of Event Espresso, but it does give you a lot to work with. Event categories, tags, instructors, locations, companies, notifications, payments, registrations and more can be managed with ease.

The main difference between Events Planner and Event Espresso is that the former’s UI is less polished, and some features found in both are not as well implemented in it. Despite this, Events Planner remains extremely flexible and robust. If you don’t want to part with almost a hundred bucks, you’ll be able to grab Events Planner for $39, plus another $24 if you need plugins that supports advanced date- and time-specific functions.

Events Planner does not have a lite version, but you can create a custom installation yourself and test drive the pro version. This is a little unusual for plugins, but it does mean you can fully test it before purchasing.

A gallery will be added here with 3-4 images of how an event is displayed by default, a screenshot from the admin, etc. The images can be found in the images/gallery/ folder of this draft

Events Manager

Events Manager is very similar to Events Planner in many ways. Some features have a better UI in Events Planner, while others are better in Events Manager. Were the price not so different, it would be a matter of preference, but because Events Manager costs a lot more than Events Planner, I would not recommend this solution.

Events Manager will set you back $75, and the price buys you only one year’s worth of upgrades. There are no plugins or add-ons here (which could be a good thing), but the higher price and losing access to updates after a year seems a bit cheeky at this price point.

Events Manager has a free version that gives you a lot of functionality. It supports event and booking management, recurring events, locations and more.

A gallery will be added here with 3-4 images of how an event is displayed by default, a screenshot from the admin, etc. The images can be found in the images/gallery/ folder of this draft

Final Verdict

Of the three, Event Espresso is the clear winner. It supports every feature the other two do and a lot more. It also has handy (albeit slightly expensive) plugins, with more to come. Even at $89, if you run a successful business (or plan to), it isn’t a high price to pay for the features you get.

If you can’t spend that much on a plugin, then Events Planner is a very capable alternative that will not leave you wanting. When all is said and done, it does cost less than half of Event Espresso and still has 80% of its features. I would still heartily recommend it.

If you don’t need payment options, however, and you need a free solution, the free version of this plugin might be your best option. Have a look at the partial solutions below.

Partial Solutions

Quite a few solutions do not offer advanced features such as payment gateways and coupon management but do allow some flexibility and customizations for events.

The best options for a simpler approach are All-in-One Event Calendar, Event Organiser and Events Made Easy, as well as the free versions of Event Espresso and Events Manager. In a showdown, it would be a close call between Event Espresso and Events Manager.

All-in-One Event Calendar creates a new post type for your events, allowing you to keep blog posts and events side by side. It supports event categories, tags and a few other options. Because it allows you to create a calendar page, it’s a great solution if you need something simple and workable in minutes.

Event Organiser has all of the same functions plus a lot more! It has permission settings, permalink settings, importing and exporting options and even venue support. In addition, it has an admin calendar view that gives you a useful overview of your events.

Events Made Easy has all of the features of All-In-One Event Calendar (except event tags), and it supports registrations and locations. If you absolutely need to support on-site registration, this would be the easiest to use. The UI is the least polished, though, so it won’t look as pretty in the administration section, but the features are solid.

Final Verdict

Despite the great features offered by these plugins, I would stick with Event Espresso Lite or the free version of Events Manager. Apart from offering more functionality, they will also ease your transition if you need the full-blown system later on.

Using WordPress Out Of The Box

If you don’t need to manage data for each event, WordPress’s core functionality will do just fine. Here are a few ideas to get you started:

  • Use posts to store events.
  • If you want to be able to have regular posts as well, distinguish them using categories.
  • Create top-level categories for distinguishing organizations, sponsors and venues.
  • Use your website’s registration functionality to manage past attendees, or use it as a master attendee list if separate registration is not required for your events.
  • Create pages for important information such as payment options.
  • Use PayPal buttons in event posts to let people register and pay directly through PayPal.

Many of these features are far from optimal for event-intensive websites, but if you just need something simple that you can set up in 10 minutes, give it a go.

If you do choose this option, pay close attention to consistency. If your goal is expansion, you are guaranteed to want a better system later on, and consistency will ensure that you can make the switch without a hiccup.

Comparing All Of The Options

There is a lot to learn and a lot of options if you want to get started with event management. To make your life easier, here is a table with all of the features discussed, along with the solutions that support them. Click on the image to go to the large version (it’s a bit small to look at here).

Event-Friendly Themes

While the plugins do a nice job of helping you manage events, they are not designed to make your website pretty, which is equally important. No matter which route you take, you will need to do some work to make things fit perfectly, but some premium themes out there will shorten this process.

Eventure

$35 | Large screenshot | Live preview

Diarise

$70 | Large screenshot | Live preview

Events (from Elegant Themes)

Large screenshot | Live preview

Eventure

Large screenshot | Live preview

Conclusion

Whichever solution you choose, you will have to put in a few hours of work to make your website work well and look good. I usually advise using free software whenever possible, but this happens to be one of those areas where I would go with a complete solution. Getting it right from the get-go will save you a lot of headaches in the long run.

If you can afford to spend over $100 on managing events, go for Event Espresso, coupled with one of the premium themes mentioned above.

If you want to spend as little as possible, then try Events Manager Free Version, Event Espresso Lite or Events Made Easy. If you don’t plan on expanding a lot or you need multiple price points, go with Events Made Easy because it is completely free, with no paid version, so supporting the developer by using his product would be a nice gesture.

If you do plan on expanding, go with Event Espresso Lite because the pro version will have everything you need when you’re ready to buy it and you won’t have any migration or data problems.

(al)


© Smashing Editorial for Smashing Magazine, 2012.

Useful WordPress Tools, Themes And Plugins


  

If you’re looking for some great ways to improve your WordPress workflow, read on for a massive collection of free themes, plugins, tools and tutorials. These resources were all linked via the Smashing Magazine Twitter stream, Facebook stream, and other social-media streams around the Web.

These awesome resources have now been organized and consolidated for easy reference to help you get the most out of the world’s #1 publishing platform. Enjoy!

Free WordPress Themes

There are probably a billion WordPress themes available these days. But not all of them are worth using or even looking at. Fortunately our readers send in some amazing and beautifully designed themes for us to check out and share. So without further ado, here are some of the best WordPress themes we’ve discovered along the way, neatly summarized and linked for your surfing pleasure.

Grid Portfolio Theme
Beautiful minimal and modern WordPress themes. Design for illustrators, photographers and graphic designers.
The focus should be on your work, not the theme.

Grid Portfolio Theme

Foghorn Theme
Foghorn is a minimalist WordPress theme built off of the foundation of Twenty Eleven. It has a custom options panel for switching layouts, removing sidebars, uploading a logo, and changing footer text.

Foghorn Theme

BonPress: WPZOOM
BonPress is the perfect personal blog theme. Packed with a post formats feature (for audio and video) and multiple custom widgets, like Twitter, Flickr, it will offer you a unique experience from blogging.

BonPress - WPZOOM

Roots WordPress Theme
Roots is a starting WordPress theme made for developers that is based on HTML5 Boilerplate, Starkers, and the most popular CSS frameworks.

Roots WordPress Theme

NeueGrafik: A Free Modern WordPress Theme
This theme is totally unique and simple, it’s great for any graphic designer, illustrator or photographer to showcase their portfolio.

NeueGrafik: A Free Modern WordPress Theme

Free Minimal Swiss Design WordPress Themes (4 Themes)
In this post the authors release yet another freebie: an original set of four exclusive minimal, clean WordPress themes designed by Marios Lublinski and released for the Web design community.

Free Minimal, Swiss Design WordPress Themes (4 Themes)

Free HTML 4.01/HTML5 WordPress Theme: Spectacular
A free WordPress theme that aims to provide a warm and pleasurable atmosphere for personal musings and ramblings.

Free HTML 4.01/HTML5 WordPress Theme: Spectacular

Scherzo: Free WordPress Theme
A clean, readable theme. Boasts a responsive design, which means it displays perfectly on all devices, including mobile phones (not just iPhones), tablets and desktops.

WordPress › Scherzo « Free WordPress Theme

Unspoken WordPress Theme
Advanced WordPress Premium theme that was developed from your proceeding wishes. Unspoken is our first, clean, simple and easy to customize premium WordPress theme specifically designed for your news or magazine website.

Unspoken WordPress Theme

Free WordPress 3.1 Theme: Splendio (With PSD Sources)
A new freebie: a beautiful theme, designed by Vlad and Elena Scanteie which was developed exclusively for Smashing Magazine and its readers.

Free WordPress 3.1 Theme: Splendio (With PSD Sources) — Smashing Magazine

Suburbia 1.1 WordPress Theme
Suburbia is a free premium WordPress theme for magazines. The layout is very clean and flexible and designed in a modest and minimalistic style.

Suburbia 1.1 WordPress Theme

Portfolium 1.1 WordPress Theme
Portfolium can be used on portfolio websites or blogs and has a minimalistic design that is perfect as is or as a foundation for your custom design.

Portfolium 1.1 WordPress Theme

Typominima: A gorgeous typography-based minimal WordPress theme
Neat and flexible grid-based theme for WordPress CMS and Portfolium that can be used on portfolio websites or blogs. If you are designer, artist, photographer, or other creative specialist, you can take a full advantage of Portfolium’s fresh minimalistic design — perfect as is, or as a foundation for your custom design.

Typominima — a gorgeous typography-based minimal WordPress theme

Modernist: Free WordPress theme with focus on typography
Yet another freebie: a beautiful Modernist WordPress theme, designed by Rodrigo Galindez, and released for Smashing Magazine and its readers. This theme is based on the design ideas of Jan Tschichold, Josef Müller-Brockmann, Dieter Rams, and other modernists.

Modernist: Free WordPress Theme with Focus on Typography

Free HTML 5 Responsive WordPress Theme for Photographers
Photum is a theme to use with WordPress that will turn your site into a clean portfolio that you can use to show off your photos.

Free HTML 5 Responsive WordPress Theme for Photographers

Renova WordPress Theme
Renova, a new single column theme for WordPress. The main design of Renova concentrates on a minimal style dedicated to those writers who need a simple layout, without the useless stuff. Just words… your words.

Renova WordPress Theme

Free E-Commerce WordPress Theme: Balita: Smashing Magazine
In this post the authors release yet another freebie: the Balita WordPress theme, a theme dedicated to shops that sell products for children.

Free E-Commerce WordPress Theme: Balita — Smashing Magazine

Ari WordPress Theme
A free WordPress theme for WordPress 3.0+ and translation-ready.

Ari WordPress Theme

WordPress Anniversary Theme
On January 25, 2003, a seemingly one-off comment by “Mike” on Matt Mullenweg’s blog started a chain reaction that resulted in the creation of WordPress. Today, WordPress powers millions of blogs and websites, making it incredibly easy to build a website!

WordPress Anniversary Theme

Free WordPress 3.0 Theme for Portfolios and Magazines: JournalCrunch
In this post the authors release yet another freebie: JournalCrunch WordPress 3.0+ theme, a theme for either portfolios or magazines with an integrated journal.

Free WordPress 3.0 Theme for Portfolios and Magazines: JournalCrunch

Academica: Free WordPress 3.0 Theme For Educational Websites — Smashing Magazine
A free WordPress theme designed specifically for educational websites such as universities, schools, etc.

Academica: Free WordPress 3.0 Theme For Educational Websites — Smashing Magazine

Free Theme: Quality Control, a Simple Ticket or Bug Tracker
This theme allows for the easy creation of a ticket / support system right within WordPress, and for free.

Free Theme: Quality Control, a Simple Ticket or Bug Tracker

Free Designer Theme
Beautiful minimal and modern WordPress themes. Designs for illustrators, photographers and graphic designers. The focus should be on your work, not the theme.

Designer Theme (Free)

HTML5Press
HTML5Press lives here. HTML5Press is a WordPress theme based on the HTML5 template by Jesper.

HTML5Press

Landing pages, squeeze pages, sales pages, and A/B testing made easy for WordPress
The authors deliver high-quality premium WordPress themes and plugins that make it easy to take your website to the next level.

Landing pages, squeeze pages, sales pages, and A/B testing made easy for WordPress

Bubblog Theme
A modern, clean WordPress theme. It has a management console, is widget ready, advertisement ready, and is an easily customizable theme to use.

Bubblog Theme

WordPress Plugins

Besides themes, plugins are another way to customize your WordPress website with advanced functionality and interactivity. As with themes, there are plugins for just about everything you can possibly imagine. But also like themes, it can be difficult to sift through the fluff, and find those gems that truly improve your website.

When you do find a WordPress plugin that’s great, you just have to share it with others in the community. So put on your plugin-checking goggles, because it’s about to get interesting!

Event Organizer
Event Organiser adds event management that integrates well with your WordPress site. By using WordPress’ in-built ‘custom post type’, this plug-in allows you to create events that have the same functionality as posts, while adding further features that allow you to manage your events.

WordPress › Event Organizer « WordPress plugins

Ninja Forms: A New Free Plugin for Creating Forms in WordPress
Every website needs forms – it’s an integral part of visitor/customer communication. However, custom forms can be a downright pain to code.

Ninja Forms: A New Free Plugin for Creating Forms in WordPress

Bookings: Zingiri
Bookings is a WordPress plugin allowing you to provide online booking services for your website.

Bookings — Zingiri

How To Safely Store A Password
bcrypt uses a variant of the Blowfish encryption algorithm’s keying schedule, and introduces a work factor, which allows you to determine how expensive the hash function will be. Because of this, bcrypt can keep up with Moore’s law. As computers get faster, you can increase the work factor and the hash will get slower.

How To Safely Store A Password

WordPress › Welcome Pack « WordPress Plugins
Welcome Pack is a BuddyPress plugin that enhances the new user’s experience

WordPress › Welcome Pack « WordPress Plugins

WordPress › Pricing Table « WordPress Plugins
WordPress Pricing Table plugin will help the admin to publish a pricing table on your WordPress page, or even to post content to it. WordPress Pricing Table plugin has a full-featured (but easy to use) administration option to create a pricing table.

WordPress › Pricing Table « WordPress Plugins

WordPress › Anti-Splog « WordPress Plugins
The ultimate plugin and service to stop and kill splogs in WordPress Multisite and BuddyPress, from WPMU DEV.

WordPress › Anti-Splog « WordPress Plugins

WordPress › Email Address Encoder « WordPress Plugins
A lightweight plugin to protect email addresses from email-harvesting robots by encoding them into decimal and hexadecimal entities.

WordPress › Email Address Encoder « WordPress Plugins

The Sweet Plugin: User Switching
Today’s Sweet Plugin is User Switching, which has quickly become one of my all-time favorite plugins. It allows admins to easily switch to another user, skipping the log-in / log-out process, which can become quite time-consuming for testing the websites of different users. This is one plugin that is seriously worth checking out.

The Sweet Plugin: User Switching

welaika/wordless – GitHub
Wordless is an opinionated WordPress plugin that dramatically speeds up and enhances your custom themes creation.

welaika/wordless - GitHub

Pin, organize and show your favorite places through OpenStreetMap/WMTS, Google Maps/Earth (KML), GeoJSON or Augmented-Reality browsers » Leaflet Maps Marker WordPress Plugin
The WordPress plugin “Leaflet Maps Marker” allows you to pin, organize and show your favorite places through OpenStreetMap on your blog and via different APIs on external websites or apps

Pin, organize & show your favorite places through OpenStreetMap/WMTS, Google Maps/Earth (KML), GeoJSON or Augmented-Reality browsers » Leaflet Maps Marker WordPress Plugin

Front End Upload, a New WordPress Plugin — Monday By Noon
Announcing Front End Upload, a New WordPress Plugin

Announcing Front End Upload, a New WordPress Plugin — Monday By Noon

Simple:Press
Welcome to Simple:Press — the feature-rich, completely integrated and fully scalable forum plugin for WordPress.

Simple:Press

Types WordPress Plugin: Easy Custom Post Types

Types WordPress plugin — Easy Custom Post Types — Yoast

WordPress › Wordgento « WordPress Plugins

WordPress › Wordgento « WordPress Plugins

yolink — widgets / yolink Search for WordPress
Optimize your website search, maximize engagement, and position your website to drive organic search rankings with the most powerful search solution for WordPress.

yolink - widgets / yolink Search for WordPress

More Fields « More Plugins
More Fields is a WordPress plugin that adds boxes to the Write / Edit page. These boxes contains input fields, so that additional (more) fields can be added to a post. For example, if you write about books, you can add a box where you can enter the title and the author, etc. The boxes can be placed either to the right or to the left of the Write / Edit page.

More Fields « More Plugins

Usernoise Modal Feedback: A Free WordPress Contact Form That Just Works
WordPress websites are always in need of a good contact form. Are you looking for a feedback / contact form that works right out of the box? Should it have an attractive aesthetic, with a simple yet full-featured form? Look no further than the free Usernoise Modal Feedback Contact Form plugin.

Usernoise Modal Feedback: A Free WordPress Contact Form That Just Works

WordPress SEO by Yoast, version 1.0 — Yoast
The SEO plugin by Yoast helps all our editors add SEO juice to their post fast and easy. Editors should focus on writing content, not gaming results. But they are the ones most suitable to write descriptions and titles for their own stories. This plug-in allows them to do just that without needing an SEO expert to walk them through the process. An invaluable tool for any professional blog.

WordPress SEO by Yoast, version 1.0 — Yoast

Michael Fields » Post Format Queries

Michael Fields » Post Format Queries

WP Document Revisions — Document Management for WordPress
WP Document Revisions is a document management and version control plugin for the popular content management system, WordPress. Built for time-sensitive and mission-critical projects, teams can collaboratively edit files in any format — text documents, spreadsheets, images, sheet music… anything, while seamlessly tracking the document’s progress as it moves through your organization’s existing workflow.

WP Document Revisions — Document Management for WordPress

WordPress Tools

Beyond themes and plugins, there are tools and resources to further help with improving the presentation, organization, and functionality of your WordPress-powered website. Here is our growing collection of WordPress tools that we’ve collected from around the Web:

Manage WordPress Websites from One Dashboard — ManageWP.com

Manage WordPress Websites from One Dashboard — ManageWP.com

WordPress Mobile Pack
The WordPress Mobile Pack is a complete toolkit to help mobilize your WordPress website and blog. It includes a mobile switcher to select themes based on the type of user that is visiting the website, a selection of mobile themes, extra widgets, device adaptation, and a mobile administration panel to allow users to edit their website, or write new posts when they are out and about.

WordPress Mobile Pack

zencoder/html5-boilerplate-for-wordpress
This theme is built on the HTML5 Boilerplate by Paul Irish and Divya Manian. The sole purpose of this theme is to save developers the time it takes to apply the HTML5 Boilerplate to WordPress. The “HTML5 Boilerplate” name is used with permission from Paul Irish.

zencoder/html5-boilerplate-for-wordpress

Default WordPress Generated CSS Cheat Sheet for Beginners
The goal of this cheat sheet is to assist beginners who are looking to get into WordPress theme styling.

Default WordPress Generated CSS Cheat Sheet for Beginners

Reverie: Versatile HTML5 WordPress Framework

Reverie: Versatile HTML5 WordPress Framework

HTML Sitemap for WordPress
There are plenty of plugins out there that will help you make an HTML sitemap

HTML Sitemap for WordPress

Web Design WordPress Function List

Web Design WordPress Function List

WordPress TextMate Bundle
The WordPress TextMate Bundle is a TextMate bundle that is built with the sole purpose of reducing the amount of time spent digging around the WordPress core to look up those little things that we work with every day.

WordPress TextMate Bundle

WordPress 3 Template Hierarchy
The idea is that WordPress will look for files in a theme that will be used to render the current page in a specific order.

WordPress 3 Template Hierarchy

OnSwipe — Insanely Easy Tablet Publishing
Make your blog look beautiful on tablet Web browsers in under 3 minutes.

OnSwipe — Insanely Easy Tablet Publishing

WordPress Initialization

WordPress Initialization

Wonderflux — WordPress free, open source theme framework

Wonderflux — WordPress free, open source theme framework

WordPress Widget Boilerplate
The WordPress Widget Boilerplate features file organization, documented code, and is built with the WordPress API for best practices.

WordPress Widget Boilerplate

Force Reload of Scripts and Stylesheets in your Plugin or Theme — tutorial plugin theme — WP Engineer
Force Reload of Scripts and Stylesheets in your Plugin or Theme

Force Reload of Scripts and Stylesheets in your Plugin or Theme — tutorial plugin theme — WP Engineer

Instant WordPress
Instant WordPress is a complete standalone, portable WordPress development environment. It turns any Windows machine into a WordPress development server. It can even run from a USB key.

Instant WordPress

Reverie: Versatile HTML5 WordPress Framework
Reverie Framework is an extremely versatile HTML5 WordPress framework based on ZURB’s Foundation, a powerful tool for building prototypes on any kind of device. Reverie follows HTML5 Boilerplate standards, and is hNews microformat ready. It is optimized for search engines, while at the same time improves readability.

Reverie: Versatile HTML5 WordPress Framework

andreascreten/wp-cli — GitHub
A set of tools for controlling WordPress installations from the command line.

andreascreten/wp-cli — GitHub

WordPress Tutorials

Wrapping up these super-useful themes, plugins, and tutorials, here is a hand-picked collection of some great WordPress tutorials:

Using TextMate for WordPress Code Cleanup
In this post, the author will show you how to add two useful commands to TextMate, then move through the steps taken for theme code cleanup, finally putting the commands into practice.

Using TextMate for WordPress Code Cleanup

WordPress Internals: How WordPress Boots Up — Theme.fm
The authors have written their own Twitter (or other service feed plugins / widgets), to those who are simply interested in PHP and software architecture. They invite you to join us on a journey deep into WordPress core code.

WordPress Internals: How WordPress Boots Up — Theme.fm

Importing WordPress Users via CSV Files
Conceptually, the idea is simple: import the data to create actual users for a WordPress-powered website. The trick is to clean up the data as much as possible to ensure valid username and password information. Once the data is good, importing it is easy, using a plugin.

Importing WordPress Users via CSV Files

How to Redirect Logged-In Users
WordPress provides a variety of ways to redirect logged-in users. In this DiW post, we explain each of these methods along with some useful tips and tricks along the way. These techniques enable you to redirect logged-in users to internal pages, external pages, and even return them to the current page.

How to Redirect Logged-In Users

How to Build a Shortened URL Service with WordPress Custom Post Type
The point of this tutorial is to push the limits of WordPress, and that’s going to take some real thought!

How to Build a Shortened URL Service with WordPress Custom Post Type

Ajax-Powered Error Logs for WordPress
This tutorial shows you how to set up dynamic error monitoring on any typical website. But the script will require some tweaking to get it to work with WordPress.

Ajax-Powered Error Logs for WordPress

Scaling WordPress for High-Traffic
This talk (presented by Envato’s very own developer extraordinaire, Ryan Allen), will detail some of the potential pitfalls and solutions when maintaining massive WordPress blogs, such as “Tuts+”.

Scaling WordPress for High-Traffic

How to optimize plugin loading — Practical
This tutorial is primarily for plugin developers, but it can also be useful reading for anyone working with WordPress, to help them better understand how plugins load, and what can be done to improve them.

How to optimize plugin loading — Practical

WordPress Optimization — DreamHost
There are many reasons why you may want to optimize your WordPress blog — primarily, you want your website to load quickly. That of course encompasses a number of other things such as wanting to make sure your website can handle large volumes of traffic without choking, and making sure your website’s processes aren’t being killed due to using too many server resources.

WordPress Optimization — DreamHost

WordPress HTTP API — easily GET or POST in WordPress — Yoast
The WordPress HTTP API makes fetching from (or posting to) remote servers a breeze. It does this by allowing you to be transport agnostic when you either fetch or post something. The HTTP API will choose the fastest and most reliable method out of the five different transports available in PHP. It will take care of discovering what transports are allowed on that server at that time.

WordPress HTTP API — easily GET or POST in WordPress — Yoast

WordPress SEO Tips — WPShout.com

WordPress SEO Tips — WPShout.com

Admin Bar Tricks
In this DigWP post, the authors round up a ton of tips, tricks, and plugins for ultimately mastering the WordPress admin bar.

Admin Bar Tricks

Optimizing WordPress Permalinks with htaccess
The topic of this post is how to use htaccess to optimize WordPress permalinks.

Optimizing WordPress Permalinks with htaccess

Writing Unit Tests For WordPress Plugins
When my WordPress plugin had only three users, it didn’t matter much when it broke down. By the time I reached 100,000 downloads, every new update made my palms sweat. My first goal for the WordPress Editorial Calendar was to make it do anything useful. I was new to JavaScript as well as PHP, and didn’t really know what I could pull off. In a few days I had a proof of the concept. In a few more days I had a working version, and was asking friends to install it. The calendar worked… sort of. I spent three times as much time fixing bugs as I did with coding. Once the plugin worked, I wrote unit tests to make sure it kept working. The unit tests for my calendar use QUnit, but they really use just three functions: test, expect, and ok. This article shows you how to integrate unit tests into your WordPress plugin, where to write unit tests, and how they can help you.

Writing Unit Tests For WordPress Plugins

How to Setup Your Own Nginx Powered WordPress Server
Nginx is a Web server software that allows your server to serve files. Nginx is fairly new to Web server work, relative to other popular Web servers. If you look at the graph below, you can see Apache as the “top dog” (going all the way back to before 1995), while Nginx just started showing up in March, 2007.

How to Setup Your Own Nginx Powered WordPress Server

Group WordPress Project: A Purpose & A Name
This time, the author is looking to narrow things down a bit, and needs your help to determine the overall purpose of the theme, and to start thinking about a possible name.

Group WordPress Project: A Purpose & A Name

Inside WordPress Actions and Filters

Inside WordPress Actions and Filters

How To Create Custom Post Meta Boxes In WordPress
Creating custom meta boxes is extremely simple — at least it is once you’ve created your first one using the tools baked into WordPress’ core code. In this tutorial, the author will walk you through everything you need to know about meta boxes.

How To Create Custom Post Meta Boxes In WordPress

How to use Ajax in WordPress
AJAX is the technology that lets you update the contents of a page without actually having to reload that page in the browser.

How to use Ajax in WordPress

Limiting The Visibility Of Posts In WordPress Via Usernames — Smashing WordPress

Limiting The Visibility Of Posts In WordPress Via Usernames — Smashing WordPress

How to Sync A Local And Remote WordPress Blog
If you prefer to work on your WordPress projects locally, but have to get them to sync remotely, then this tutorial is for you.

How to Sync A Local And Remote WordPress Blog

WordPress Multisite: Practical Functions And Methods — Smashing WordPress
Multisite is a powerful new feature that arrived with the release of WordPress 3.0. It allows website managers to host multiple independent websites with a single installation of WordPress.

WordPress Multisite: Practical Functions And Methods — Smashing WordPress

The Definitive Check List for Publishing Your WordPress Plugin
This tutorial will guide you through publishing your plugin in the WordPress plugin directory. It works as a check list to help you make sure the plugin will be ready for the prime time by the time you hit publish.

The Definitive Check List for Publishing Your WordPress Plugin

Last Click

More than 40 Keyboard Shortcuts to Use in the WordPress Editor

More than 40 Keyboard Shortcuts to Use in the WordPress Editor

WordPress functions.php Snippets

WordPress functions.php Snippets

WordPress Snippets
Code snippets for WordPress developers

WordPress Snippets

Huge Collection of Code Snippets: HTAccess, PHP, WordPress, jQuery, HTML, CSS
There are all sorts of different types of code and snippets that just keep growing and growing… and finally it gets to a point where I just need to dump everything, and start over again fresh. That’s the purpose of this post.

Huge Collection of Code Snippets: HTAccess, PHP, WordPress, jQuery, HTML, CSS

(jvb) (il)


© Smashing Editorial for Smashing Magazine, 2012.

wordpress-logo

JQuery Bermasalah di WordPress versi 3.2 ke atas (Terbaru)

2

Jika Anda memiliki situs berbasis wordpress dan setelah upgrade ke versi 3.2.1 atau lebih (saat ini versi 3.3.1), beberapa plugin dan tampilan terkadang tidak berjalan sebagai mana mestinya alias bermasalah. Hal tersebut juga saya alami di situs ini, dan beberapa situs saya yang lain. Permasalahan yang muncul antara lain slider yang ada di themes jadi tidak jalan, menu admin pada dashboard sebelah kiri menjadi tidak berjalan, dropdown menu yang menggunakan JQuery menjadi tidak berjalan seperti biasa, dan lain-lain.

Bagaimana solusinya? Di postingan ini, dibahas salah satu solusi yang sudah saya coba dan berhasil. Solusi tersebut didasarkan pada postingan dari salah satu tulisan Velli Darman Domo di situsnya.

(more…)

Popularity: 6% [?]

Free Prestashop and WordPress E-Commerce Theme: Velvet Sky

Advertisement in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky  in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky  in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky

In case you’ve been looking for a nice e-commerce theme for your website or any ongoing projects, today we’ve got something for you. We’re releasing yet another freebie — a Prestashop and WordPress e-commerce theme called “Velvet Sky” which has exclusively been developed by DapurPixel for Smashing Magazine and its readers. The warm, natural brown colours within the theme portray much comfort and will hopefully provide your customers with a very calm and engaging environment in which they can find the items they’re searching for in no time.

Release in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky

Download the Theme for Free!

The Prestashop theme is released under Creative Commons; the WordPress theme is released under GPL. Both themes are free to use for private as well as commercial projects. There are no restrictions; you may modify the theme as you wish. Please link to this article if you want to spread the word!

Preview in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky

Features

  • WordPress 3.1+ compatible
  • Prestashop 1.4.2.5 compatible
  • Custom homepage
  • Horizontal menu and submenu integration
  • Custom slideshow module
  • Combo slider on the homepage
  • One page checkout and guest checkout supported
  • Custom advertisement block module
  • IE7+, Safari, Opera, Firefox, Chrome compatible

Blog-1 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Blog-1 (large preview)

Blog-2 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Blog-2 (large preview)

Blog-3 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Blog-3 (large preview)

Checkout-1 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Checkout-1 (large preview)

Checkout-2 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Checkout-2 (large preview)

Checkout-3 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Checkout-3 (large preview)

Checkout-4 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Checkout-4 (large preview)

Checkout-5 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Checkout-5 (large preview)

Detail-1 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Detail-1 (large preview)

Detail-2 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Detail-2 (large preview)

Detail-3 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Detail-3 (large preview)

Detail-4 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Detail-4 (large preview)

Detail-5 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Detail-5 (large preview)

Detail-6 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Detail-6 (large preview)

Detail-7 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Detail-7 (large preview)

Home-1 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Home-1 (large preview)

Home-2 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Home page 1 (click for a large preview)

Home-3 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Home page 2 (click for a large preview)

Home-4 in Free Prestashop and WordPress E-Commerce Theme: Velvet Sky
Home page 3 (click for a large preview)

Behind the Design

As always, here are some insights from the designer:

“Attractive! Alluring! Beauty! Desire! Glamour is an impression that we wanted you to have by looking at this theme. Velvet Sky has become an e-commerce theme that provides an atmosphere full of charm. We did a lot of customization; the featured product on homepage, the category product page, the product details. Velvet Sky is our humble attempt to provide a feeling of comfort in shopping experience. We worked hard to make sure that customers can found the items needed without being confused. Support your customers well, and start out by building a personal relation between you and your customers. We hope that you’ll find the theme useful for your projects.”

Thank you, Arrie. We appreciate your work and your good intentions.

Related Post

You might be interested in the following related post:


© Smashing Editorial for Smashing Magazine, 2011.

Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko

In this post we are glad to present to you yet another freebie: a responsive WordPress theme Yoko which was designed by talented designers Ellen and Manuel from Elmastudio and released for the Web design community. Of course, the theme is absolutely free to use in private as well as commercial projects.

Yoko is a modern and flexible WordPress theme. With the responsive layout based on CSS3 media queries, the theme adjusts to different screen sizes. The design is optimized for big desktop screens, tablets and small smartphone screens. To make your blog more individual, you can use the new post formats (like gallery, aside or quote), choose your own logo and header image, customize the background and link color.

Release in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko

Download the Theme for Free!

The theme is released under GPL. You can use it for all your projects for free and without any restrictions. Please link to this article if you want to spread the word. You may modify the theme as you wish.

Preview in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko

Features

The theme requires WordPress 3.1+ to run. It has following features:

  • Cross-browser compatible (tested in Chrome, Firefox, Safari, Internet Explorer 8+)
  • HTML5 (with fallback for IE < 9) and CSS3
  • Responsive layout (CSS3 media queries, not supported in IE < 9, but you can use libraries like Respond.js by Scott Jehl or CSS3-Mediaqueries-js by Wouter van der Graaf to make it work in older versions of IE.)
  • WordPress post formats (aside, gallery, image, video, link and quote)
  • Theme options page, custom background, custom header image
  • Optional sub menu
  • A custom social links widget to promote your RSS-Feed, Facebook, Twitter, Flickr, Vimeo, LinkedIn or Delicious profile
  • Full-width page template
  • Google Web fonts in use (Droid Sans and Droid Serif)
  • Threaded comments with Gravatar support
  • Shortcodes for multiple columns, info boxes in three colors and highlighted text
  • Currently available in English, German and French.

Screenshots

Three-column-layout in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko
Three-Column-Layout.

Two-column-layout in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko
Two-Column-Layout.

One-column-layout in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko
One-Column-Layout.

Comments in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko
Comments area.

Customheader in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko
Custom Header.

Post-format-gallery in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko
Post Format Gallery.

Themeoptions in Free HTML5/CSS3 WordPress 3.1+ Theme With Responsive Layout: Yoko
Theme Options.

Behind the Design

As always, here are some insights from the designers:

“Since the mobile Web is getting more and more popular every day, we think that it’s also time for WordPress themes to become more flexible and adapt to different devices and screen sizes. While designing the Yoko theme, our goal was to create a minimalistic design with focus on content and good readability on various devices. Also we wanted the theme to be easy to use and customizable for everybody, so we kept the theme options simple while still including the most important options to add a personal style to the theme.

The main problem to solve during the design and development process was to make sure that all the different contents and plugins that people will use still work in the responsive layout. Of course the responsive design approach is still in development but we think it’s a lot of fun to explore new possibilities and as doing so make Web design and WordPress themes more powerful and flexible to use.”

Thank you, Ellen and Manuel! We sincerely appreciate your work and your good intentions!


© Smashing Editorial for Smashing Magazine, 2011. | Permalink | Post a comment | Smashing Shop | Smashing Network | About Us
Post tags: , ,

Free WordPress 3.1 Theme: Splendio (With PSD Sources)

Today, we are glad to present a new freebie: a beautiful theme, designed by Vlad and Elena Scanteie which was developed exclusively for Smashing Magazine and its readers. As usual, the theme is free to use in both private and commercial projects. The theme is based upon the Twenty Ten WordPress theme and requires WordPress 3.0 to run.

Release in Free WordPress 3.1 Theme: Splendio (With PSD Sources)
Visit the demo or a large view.

The upper area contains a slider where you can place extra emphasis on your most important pages. The main area can include the content of your latest blog posts. On the right side you’ll find an overview of latest blog entries as well as the latest tweets.

The upper area of the sidebar features five latest comments. You can place any widget under it as it is defined as a dynamic sidebar. Also, right above the footer you’ll find a Flickr gallery in case you wish to showcase your latest shots. The footer itself is designed in a pronounced blue, giving it a nice contrast to the rest of the design. There you you can place your≈ widgets such as Pages, Categories, Archives, and others. A soft upper area, a useful middle area, and a strong footer are the essence of this theme.

Download the Theme for Free!

The theme is released under GPL. You can use it for all your projects for free and without any restrictions. Please link to this article if you want to spread the word. You may modify the theme as you wish.

Spl1 in Free WordPress 3.1 Theme: Splendio (With PSD Sources)

Screenshots

Spl2 in Free WordPress 3.1 Theme: Splendio (With PSD Sources)
The footer area.

Spl3 in Free WordPress 3.1 Theme: Splendio (With PSD Sources)
Main content area.

Spl4 in Free WordPress 3.1 Theme: Splendio (With PSD Sources)
The comments area.

Behind the Design

As always, here are some insights from the designer:

“Releasing a theme on Smashing Magazine is always a challenge for us at DesignDisease. A challenge we look forward to. ‘Splendio’ is a theme where we try to solve the empty space that exists around most themes with a joyful rhythm of lines and squares, complimented with a light color palette. The specialized header images complete the package, as it can be used both in a static or randomized manner.”

Thank you, Vlad and Elena! We sincerely appreciate your work and your good intentions.


© Smashing Editorial for Smashing Magazine, 2011. | Permalink | Post a comment | Smashing Shop | Smashing Network | About Us
Post tags: ,

New WordPress Power Tips For Template Developers And Consultants

It has been a big year for WordPress. If there were still some lingering doubts about its potency as a full-fledged content management system, then the full support for custom taxonomies and custom post types in WordPress 3.0 core should have put them to rest. WordPress 3.1 took those leaps one step further, polishing custom taxonomies with multi-taxonomy query support, polishing custom post types with native template support for archives and feeds, and introducing features (like the “admin bar”) that make it easier to quickly edit and add content from the front end.

In the broader community, we’ve seen incredible plug-in suites such as BuddyPress mature, and even the emergence of independent WordPress-dedicated hosting services, such as page.ly. To celebrate WordPress’s progress, let’s review some new tips that can help template developers and consultants up their game even further.

Foreword for New Developers: What is a “Hook”?

Most of these tips take advantage of core WordPress “hooks.” Hooks are points in the code that allow any number of outside functions to “hook in” and intercept the code in order to add to or modify behavior at a particular point. Hooks are the fundamental concept that enables virtually all plug-ins. WordPress has two kinds of hooks: actions and filters.

Action hooks are intended to allow developers to intercept certain activities and execute some additional functionality. For instance, when a new post is published, the developer may want to add some extra functionality, such as posting the title and a link to Twitter.

Filter hooks allow the developer to intercept and modify data that is being processed by WordPress for display or saving. For instance, the developer may want to inject an advertisement into the content before displaying the post on the screen.

Learn more about hooks on the official WordPress codex.

The Underused Pagination Function

Many great plug-ins are in the official WordPress repository. But using fancy plug-ins to add fairly basic functionality to your theme is often like driving a tractor trailer to go around the block. There’s usually a lighter, smarter way: a bike or even a car. And while plug-ins are a fine solution for consultants who are staging a complete roll-out, they’re awkward solutions for theme developers who want to sell standalone templates.

WP-PageNavi is one of the most popular WordPress plug-ins; and no doubt it is well developed. It is ideal for those who are uncomfortable digging into WordPress code. But did you know that WordPress has a function built right into core that (with a bit of savvy about its parameters) can generate pagination links for everything from comments to post archives to post pages?

The function in question is paginate_links(). (For those who like to fish around in the source, it’s on line 1954 of general-template.php in the wp-includes folder as of WordPress 3.1.) Believe it or not, this underused function has been around since 2.1. Another function, paginate_comment_links(), is actually a wrapper for this function that is designed specifically for paging comments, and it has been around since 2.7.

The function takes an array of parameters that make it versatile enough to use for any kind of paging:

  • base
    This is the path for the page number links, not including the pagination-specific part of the URL. The characters %_% will be substituted in that URL for the page-specific part of the URL.
  • format
    This is the “page” part of the URL. %#% is substituted for the page number. For example, page/%#% or ?page=%#%.
  • total
    The total number of pages available.
  • current
    The current page number.
  • show_all
    Lists all page links, instead of limiting it to a certain number of links to the left and right of the current page.
  • prev_next
    Includes the “Previous” and “Next” links (if applicable), just as you might normally do with the previous_posts_link() function.
  • prev_text and next_text
    Text to put inside the “Previous” and “Next” links.
  • end_size
    The number of page links to show at the end. Defaults to 1 (e.g. 1 2 3 … 10).
  • mid_size­
    The number of pages to show on either side of the current page. Defaults to 2 (example: 1 … 3 4 5 6 7 … 10).
  • type
    Allows you to specify an output style. The default is “plain,” which is just a string of links. Can also be set to list (i.e. ul and li representation of links) and array (i.e. returns an array of page links to be potentially outputted any way you like in code).
  • You can also add query arguments and fragments.

Because the function takes all of the information needed to generate page links, you can use it for pretty much any pagination list, as long as you have some key information, such as the number of pages and the current page. Let’s use this function to generate pagination links for an article archive such as a category or main post index:

// get total number of pages
global $wp_query;
$total = $wp_query->max_num_pages;
// only bother with the rest if we have more than 1 page!
if ( $total > 1 )  {
     // get the current page
     if ( !$current_page = get_query_var('paged') )
          $current_page = 1;
     // structure of “format” depends on whether we’re using pretty permalinks
     $format = empty( get_option('permalink_structure') ) ? '&page=%#%' : 'page/%#%/';
     echo paginate_links(array(
          'base' => get_pagenum_link(1) . '%_%',
          'format' => $format,
          'current' => $current_page,
          'total' => $total,
          'mid_size' => 4,
          'type' => 'list'
     ));
}

Here’s the HTML generated by that code on the first of 10 posts pages:

<ul class='page-numbers'>
     <li><span class='page-numbers current'>1</span></li>
     <li><a class='page-numbers' href='http://mysite.com/page/2/'>2</a></li>
     <li><a class='page-numbers' href='http://mysite.com/page/3/'>3</a></li>
     <li><a class='page-numbers' href='http://mysite.com/page/4/'>4</a></li> 
     <li><a class='page-numbers' href='http://mysite.com/page/5/'>5</a></li>
     <li><span class='page-numbers dots'>...</span></li>
     <li><a class='page-numbers' href='http://mysite.com/page/10/'>10</a></li>
     <li><a class='next page-numbers' href='http://mysite.com/page/2/'>Next &raquo;</a></li>

</ul>

Here’s a screenshot of the pagination on m62 visualcommunications, built using the em>paginate_links function.

M62-pages in New WordPress Power Tips For Template Developers And Consultants

“I Wish Posts Were Called Articles For My Client.”

Have you ever wished you could change the wording of a built-in menu item or notification? If you’re a bit WordPress-savvy, you may have considered generating your own translations file. But you might not know that you can actually “hook” the translation functions in WordPress, capturing their input and modifying their output.

Be careful with this one. The code you put in this hook will run every time WordPress runs a string through its translation filters. Complex cases and conditionals could add a considerable amount of overhead, especially when loading pages filled with translation strings, such as the administrative pages. But if you just want to rename one thing that confuses your client (for example, maybe changing “Posts” to “Articles” for that corporate client who doesn’t “blog” yet), then these hooks can be very handy.

// hook the translation filters
add_filter(  'gettext',  'change_post_to_article'  );
add_filter(  'ngettext',  'change_post_to_article'  );

function change_post_to_article( $translated ) {
     $translated = str_ireplace(  'Post',  'Article',  $translated );  // ireplace is PHP5 only
     return $translated;
}

Translations in New WordPress Power Tips For Template Developers And Consultants

Redirect Failed Log-Ins

Adding a log-in form to the front end of WordPress is pretty easy. WordPress 3.0 gave us the flexible wp_login_form() function, which displays a log-in form that can be customized with a number of arguments. By default, it will redirect the user back to the current page upon successful authentication, but we can also customize the redirect location.

wp_login_form(array( 'redirect' => site_url() ));  // will redirect back to the website’s home page

There’s just one problem: it will only redirect upon successful authentication! If your idea was to hide the default WordPress log-in screen, then sending users who fail at a log-in attempt back to the default log-in screen probably isn’t ideal. Here’s a hook and some code that you can put in your functions.php file that will redirect failed log=ins to any location of your choosing.

add_action( 'wp_login_failed', 'my_front_end_login_fail' );  // hook failed login

function my_front_end_login_fail( $username ) {
     $referrer = $_SERVER['HTTP_REFERER'];  // where did the post submission come from?
     // if there's a valid referrer, and it's not the default log-in screen
     if ( !empty($referrer) && !strstr($referrer,'wp-login') && !strstr($referrer,'wp-admin') ) {
          wp_redirect( $referrer . '?login=failed' );  // let's append some information (login=failed) to the URL for the theme to use
          exit;
     }
}

Adding Excerpts to Pages

With the addition of support for custom post types, content types (including the built-in Post and Page types) are more like abstract objects. Each content type can support any number of core features, such as the HTML editor, titles, featured images and so forth. One of these core features is the “excerpt.” By default, Pages do not support excerpts. Did you know that adding excerpt support to the built-in Page type is as simple as adding a single line of code?

add_action( 'init', 'my_add_excerpts_to_pages' );
function my_add_excerpts_to_pages() {
     add_post_type_support( 'page', 'excerpt' );
}

Technically, that was a couple of lines of code, but many themes already hook init, so the hook might not be necessary.

Page-excerpt in New WordPress Power Tips For Template Developers And Consultants

Add Body Classes Based on Special Conditions

If a theme is well constructed, then it would use the body_class() function to automatically generate classes for the body tag based on the properties of the page being viewed, like category, category-3, and logged-in.

Some websites may have sections that should share some styling but aren’t unified by any of the default classes generated by body_class. Say we want page ID 7, category ID 5 and the archive for the tag neat to share the body class neat-stuff, so that we can add a number of styling properties to them all without cluttering the style sheet.

Body-neat-stuff in New WordPress Power Tips For Template Developers And Consultants

Luckily, we can hook the body_class() output!

add_filter( 'body_class', 'my_neat_body_class');
function my_neat_body_class( $classes ) {
     if ( is_page(7) || is_category(5) || is_tag('neat') )
          $classes[] = 'neat-stuff';

     return $classes; 
}

“You Can Have Settings Access, But Don’t Say We Didn’t Warn You!”

Clients often expect full administrative access (and rightly so), including access to settings pages. Let’s look at how we can hook admin “notices” (those warning boxes generated by some plug-ins) to send some warnings to administrative users when they are on settings pages.

add_action( 'admin_notices', 'my_admin_notice' );
function my_admin_notice(){
     global $current_screen;</div>
     if ( $current_screen->parent_base == 'options-general' )
          echo '<div><p>Warning - changing settings on these pages may cause problems with your website’s design!</p></div>';
}

Warning-settings in New WordPress Power Tips For Template Developers And Consultants

Remove the “Links” Menu Item

With WordPress increasingly being used for full website implementations, the blog roll and links feature is being used less and less. Thankfully, a new, little-known function added in WordPress 3.1 makes it very easy to remove unwanted menu items such as “Links.”

add_action( 'admin_menu', 'my_admin_menu' );

function my_admin_menu() {
     remove_menu_page('link-manager.php');
}

No-links in New WordPress Power Tips For Template Developers And Consultants

Take Out the Dashboard News Feeds… and Add a New One of Your Own

If you build WordPress websites for clients, then the number of WordPress news feeds loaded by default in the dashboard might be an annoyance. If you’re clever, you might just inject some of your own client’s news.

add_action('wp_dashboard_setup', 'my_dashboard_widgets');
function my_dashboard_widgets() {
     global $wp_meta_boxes;
     // remove unnecessary widgets
     // var_dump( $wp_meta_boxes['dashboard'] ); // use to get all the widget IDs
     unset(
          $wp_meta_boxes['dashboard']['normal']['core']['dashboard_plugins'],
          $wp_meta_boxes['dashboard']['side']['core']['dashboard_secondary'],
          $wp_meta_boxes['dashboard']['side']['core']['dashboard_primary']
     );
     // add a custom dashboard widget
     wp_add_dashboard_widget( 'dashboard_custom_feed', 'News from 10up', 'dashboard_custom_feed_output' ); //add new RSS feed output
}
function dashboard_custom_feed_output() {
     echo '<div class="rss-widget">';
     wp_widget_rss_output(array(
          'url' => 'http://www.get10up.com/feed',
          'title' => 'What\'s up at 10up',
          'items' => 2,
          'show_summary' => 1,
          'show_author' => 0,
          'show_date' => 1 
     ));
     echo "</div>";
}

10up-news in New WordPress Power Tips For Template Developers And Consultants

Add Your Own Credits to the Administrative Footer

If you build WordPress websites for clients, then you should certainly make sure that WordPress gets its due. It wouldn’t hurt to sneak in a little credit to your agency either.

add_filter( 'admin_footer_text', 'my_admin_footer_text' );
function my_admin_footer_text( $default_text ) {
     return '<span id="footer-thankyou">Website managed by <a href="http://www.get10up.com">10up</a><span> | Powered by <a href="http://www.wordpress.org">WordPress</a>';
}

Admin-footer in New WordPress Power Tips For Template Developers And Consultants

Further Reading

Here are more tips for developers who build websites for clients:

More WordPress power tips from Smashing Magazine:

(al) (il)


© Jacob Goldman for Smashing Magazine, 2011. | Permalink | Post a comment | Smashing Shop | Smashing Network | About Us
Post tags:

Elastic: Visual Theme Editor untuk WordPress

2

Elastic pertama kali lahir dalam Google Summer Code 2009, tetapi masih terus dikembangkan setelah acara tersebut selesai. Elastic adalah theme editor visual dan theme engine untuk WordPress. Bagi Anda yang kurang mengerti atau kesulitan dalam mengedit maupun membuat theme WordPress, tools ini akan sangat berguna. Elastic memang dirancang semudah mungkin. Untuk membuat theme kita hanya perlu beberapa menit saja, karena tinggal drag-and-setting komponen-komponen yang diinginkan. Penasaran ingin mencobanya, silahkan download plugin ini dan install di WordPress Anda sendiri.

Saat ini memang Elastic masih berupa plugin WordPress, namun ada kemungkinan ke depannya akan diadaptasi oleh WordPress menjadi bagian dari file inti (core) WordPress.

Berikut ini video tutorial penggunaan Elastic dan beberapa presentasi yang menjelaskan cara kerja dan penggunaan Elastic. Semoga bermanfaat.

Elastic: One-Minute WordPress Theme

Elastic Overview: WordCamp NYC 2009 Lightning Round

Elastic: Why WYSIWYG is the future of WordPress themes — WordCamp NYC 2009

Popularity: 1% [?]

wp1

7 Fitur Terbaru yang akan ada di WordPress 3.0

2

WordPress 3.0 akan segera dirilis tidak lama lagi. WordPress sendiri sudah merilis versi beta dari WordPress versi 3.0 ini tanggal 3 April 2010 kemarin. Walaupun belum dirilis versi stabilnya, namun pembicaraan mengenai WordPress 3.0 sudah mulai rame di antara para pengembang web, termasuk di forum wordpress sendiri. Jadi, apa istimewanya WordPress 3.0? Fitur terbaru apa yang akan ada di versi 3.0? Penulis berusaha merangkum dari beberapa sumber mengenai fitur terbaru yang akan ada di WordPress 3.0 berikut ini.

(more…)

Popularity: 1% [?]

Smush.It

Optimasi Image Website dengan Smush.It

5

Smush.ItImage atau gambar merupakan salah satu komponen web yang tidak terpisahkan dari suatu halaman web (website). Keberadaan image akan menjadikan website lebih menarik, terutama dari sisi tampilan. Di dalam isi atau content suatu website, image juga sering digunakan sebagai cara untuk memberikan gambaran dari suatu maksud dan juga akan lebih menarik pengunjung untuk membaca keseluruhan content website. Di samping keuntungan penggunaan image di halaman web tersebut, kita juga harus bijaksana dan selektif jika akan menampilkan image di halaman web, karena image akan sangat mempengaruhi performa website. Semakin banyak image yang digunakan dalam suatu halaman web, maka dari sisi performa, terutama kecepatan akses halaman tersebut, akan semakin berkurang. Lalu bagaimana dengan suatu situs yang memiliki content utama berupa image, seperti situs album foto online? Bagaimana melakukan optimasi terhadap image di dalamnya?

(more…)

Popularity: 1% [?]

Go to Top