Creating Custom Content Type with Flutter Plugin

Overview

There has been a lot of buzz regarding using WordPress as a CMS lately, with many clever solutions that come up. Today, we will be a bit lazy try to use a plugin that is made precisely for CMS-making instead.

One of the important feature of a CMS is the capability to create different content types. Say we want to make an “Events” content type. Here, we will probably need to make it so that user can input a title, a description, and the date/time for that event. Under WordPress, you can trick this by using the custom field to store that date and time value, and calling them within the theme’s code.

This practice, of course, is tedious, error-prone (mistypings, etc), and generally inconvenient.

Enter Flutter.

Flutter allows you to create what it calls a Write Panel. This, basically, is a custom content type in which you can add your own fields. So, if a vanilla WordPress installation gives you two different content types (Post and Page), Flutter enables you to add more Write Panels to your likings. Now let’s go make ourselves an Events Write Panel!

Let’s Try This!

The steps to create a Write Panel will be like this:

Install and activate Flutter. This will Create two different menu on your dashboard: A “Flutter” menu and another one under “Settings > Flutter”. Create a category. Name it ‘Events’, for our example. Create the Write Panel. Go to “Flutter > Write Panels” and click the “+ Create a Write Panel” button.

Next is the Write Panel setup page:

What happened here? First, you decide whether this Write Panel should mimic the Write Post or the Write Page panel. Assuming we’re going to have multiple Events posted, we go with Post. This choice also affects what Advanced Fields options are available for this Write Panel (try toggling between the Post and Page option). For the Assigned Categories, we give it “Events”. We didn’t just make this category previously for nothing, right?

Now, the Standard and Advanced Fields are interesting. These are basically the default fields you get when you open Write Post (or Page). If we don’t tweak this, then the Write Panel will look exactly like a Write Post page. If you want to make things simpler for your user, for example, you might consider removing some of them. For our example here, I remove everything from the Advanced Fields (I’ll show you the result soon). Click Finish when you’re done.

Get back to “Flutter > Write Panels“. Our Events Write Panel should be there, and there’s an “Edit Fields/Groups” option next to it. Go there. On the next page, you have the option to create a Group or Field. A Group is basically a box that contains one or more fields. For simplicity sake, we go straight to creating a new Field.


Name it, label it, and see that there’s even a built-in Date field type already. How convenient! Continue and you will be given a option to choose how to format the Date. Pick one and finish it. That is all!

Now let’s see the result of our work so far. Pick the topmost “Write” option, and you should see a new submenu named “Events”. Could this be…?

Oh yeah. Very nice. At the bottom of this page, you should see the Date field we just made. Also notice that the usual options (Trackbacks, etc) are gone, because we opt not to display it back at the Write Panel setup page.

Displaying the Custom Fields’ Values

The documentation (PDF file) does a good job explaining it. Go to part 3. Flutter Reference and you will se the three functions (get(), get_image() and get_audio()) needed to grab the value of the custom fields in our Write Panel. This comment thread could also be some help, too.

Conclusion

Geared towards making WordPress a powerful CMS, Flutter does a lot of things right. In fact, Write Panel is just one of its strong feature; there’s also a layout and module management built into this plugin as well. As of this writing, Flutter is currently in beta, so there are plenty areas where it can be polished (uninstallation apparently does not work cleanly, for example). Nevertheless, I believe this is a plugin worth keeping an eye on.

And who knows? Before getting acquired, BuddyPress was once just a set of plugins too, right?

Better E-mail Notifications with Clean Notifications

As we all know, the default WordPress notification e-mails, sent out for things such as comments, trackbacks, and new users, aren’t the cleanest e-mails we’ve ever received. They’re complete with the author’s name, e-mail, website, and even IP address, all listed on their own lines. And when you’re running a popular blog with lots of comments and trackbacks, it can get quite annoying to sift through all the information, especially when reading these messages on a mobile device.

Thankfully, Mike Davidson, author of the handy text replacement tool, sIFR, has created a plugin to clean up these e-mails. The aptly named Clean Notifications plugin cleans up those notification e-mails into a cleaner, to-the-point notification in your inbox.

Before:

After:

Photos courtesy of MikeIndustries.com

The Clean Notifications plugin is a free download from Mike’s site.

Download Mike Davidson’s Clean Notifications plugin

COLOURlovers Admin CSS Designer Tool

A few weeks ago I posted a list of 30 improvements I’d like to see in WordPress 2.6. Item number one? Customizable color schemes - possibly with COLOURlovers integration. Two weeks later, I’ve found a plugin that hits the nail on the head. The Admin CSS Designer Tool is an amazing new plugin that introduces the ability to change your site’s admin colors with built-in COLOURlovers functionality. Looking at the video demo on Ozh’s blog, it looks like a pretty functional plugin. Here’s what we think. Read more…

Personalized Widgets With AdaptiveBlue

There are many different widgets available for you to use throughout the world of WordPress, but AdaptiveBlue makes their presence known by giving WordPress bloggers the opportunity to use a personalized widget on their blog. AdaptiveBlue is a company which is focused on helping to create the semantic web by using their own methodology:

We think that Semantic Web is really about leveraging existing information to create a better online experience for everyone today.

Out of the gate, AdaptiveBlue offers up to 50 different SmartLink Widgets for you to use. These widgets consist of displaying Amazon Best Sellers, your NetFlix Queue, the top artists on Last.fm and a host of other widgets which utilize a number of different TOP lists from various websites.

Read more…

Viddler Video Commenting Plugin 1.1 Beta 1

This is a guest post by Chris Thomson.

Viddler has just put out a new beta release (1.1 beta 1) of their video commenting plugin. The new version really extends the functionality to do much more than just video commenting.

Dashboard Widget

The new version of Viddler video commenting now includes a WordPress dashboard widget. That means that on the front page of your WordPress dashboard, you can view the most recent featured videos from Viddler. The handiest part of this new feature, is that there’s a little “Blog This” link below each of the featured videos. If you click the “Blog This” link, you’ll be presented with the write post page, with the Viddler video already embedded.

Read more…

Socialize Me! Plugin

Socialize Me is a new WordPress plugin created by Wayne Smallman that lets your readers connect to you easily. Socialize Me detects the referring page, and if it finds that the referring page is from a social network, such as Twitter, it’ll display a link to your profile on that network.

Read more…

Custom Smilies Plugin Review

Since I promised to post more about our submissions, I’ll begin with the Custom Smilies Plugin. It’s one of the only few plugins we have had submitted. We get a lot of themes and sites but hardly any plugins. Note: If you’re looking to catch my attention when you submit, try sending in some plugins!

Anyways, you’ve probably guessed by now that this plugin is all about smilies. Keep on reading to find out more.

Read more…

Exec-PHP WordPress Plugin

Now this is an interesting plugin. One, for its features and two, because of the way the author has documented the plugin. It’s amazing how much time they must have spent on documenting it all. Take a look for yourself Exec-PHP.

The idea of this plugin is that you can add and execute PHP code to static pages and even blog posts through your WordPress site. If you didn’t have this, you would have to enter to code by editing the files of your theme and it may not work the same way as you might possibly want it to.

Exce-PHP

Read more…