Building a WordPress games arcade Part 2

27 04 2008

Like Clockwork

Welcome to part 2 in this series of posts on how to build a WordPress games arcade. If you missed Part 1 you can go catch up here. I had a little bit of spare time last night and this morning to start playing around with a default WordPress installation. I used it to evaluate the principal components that I’ll need to build my WordPress flash arcade.

I’m going to go over my ‘shopping list’ with you here but please note that this list is merely suggestive at this stage and by the time my arcade is up and running it will no doubt have evolved, by which point I will have written a ‘debrief’ that takes note of changes and additions.

WordPress Core

I’ll be using the latest release of WordPress to power my arcade. Currently it’s WordPress 2.5.1. I won’t go into all the features packed into the 2.5 branch of WordPress because it’s outlined very succinctly here. Instead I’ll focus on a few features that will be crucial to the operation of the games arcade.

Categories and tags: the main taxonomy of the arcade will fall back on WordPress’ build in category and tag system. Categories and sub categories will be used to organise games by genre and theme. Tags will offer a secondary layer of navigation and serve as a ‘wildcard’ search element. So for example, a typical games category would be ‘action’, this category could include the subcategories ‘shoot em up’ and ‘beat em up’ and then at a game-specific level you’d have tags such as ‘street fighter’, ‘karate’, ‘boxing’ etc.

Custom fields: built into the WordPress core are custom fields. These post-level functions allow you to append a unique field and value to any post and display the ouput once the post is published. An obvious example of a custom field in this arcade context would be embedding a flash game:

field: game_embed
value: /mysite.com/games/game.swf

By setting up custom fields you can control and enable special attributes in your posts, saving work on hard coding each new game page. For in-depth information on how to use custom fields in WordPress please read the WP codex entry here.

User Roles and Profiles: Part of my intention in building this arcade is to implement an array of user-oriented features. To do this in WordPress I’m going to make user of the built in roles and profiles structure. A user role is simply a level of authentication attributed to a user on sign up or delegated by an administrator. The default roles are (subscriber, Contributor, Author, Editor and Administrator). Each role will allow users to access different parts of the site. This is crucial if you’re thinking about setting up some exclusive user-only content.

Default user profiles are fairly basic, they allow users to change their password, input some information about themselves, provide links to their sites and various messenger services. To add more depth to user profiles, including custom fields, profile pictures and more, I’m going to be using the Userextra plugin that I’ve outlined below.

Custom Themes

Ideally I’d want to code a new theme from the bottom up, but I have neither the time nor the ability to do so. However, there is another way of going about this: search for existing themes that can be easily modified and that come with a GPL or creative commons distribution license. You then strip the theme bare and begin reworking the CSS and tweaking some of the php file code.

The following is a personal selection of free themes that could easily be used to run an arcade. As of yet, I haven’t decided which theme I’ll use, but I have begun some preliminary design sketches which I’ll be sharing with you in part 3 of this series.

  • The Morning After: A great 3 column magazine type WordPress theme by Arun Kale with impeccable user-friendly coding. Custom fields for featured posts and thumbnail images are already in place so it wouldn’t take much to tweak this for an arcade adaptation.
  • Mimbo: Another 3 column magazine theme, this time by Darren Hoyt. This is a flexible grid based theme that has undergone several revisions. It is spacious and simple and provides a solid canvas to build from. Like The Morning After, it also uses WordPress custom fields for featured items and thumbnail images
  • The Unstandard: this is a theme by a top notch designer called Derek Punsalan. It is another grid based theme with an emphasis on graphic content. It comes build in with an inline category footer feature that would be ideal for displaying games by category or latest games.
  • Monochrome Gallery: This is a theme by Thad Allender of Graph Paper Press. It is probably one of the strongest contenders for an arcade layout. It comes with an automated featured post carousel, an inline thumbnail galleery section and an extendable footer. This theme would probably require the least work to get it up and running as an arcade.
  • CSS Gallery: As its title indicates, this theme was intended for use with a style gallery, a site that would showcase other sites using thumbnail snapshots. This theme could be turned into an arcade, it supports user ratings, comes with an ajax sidebar and space for advertising. Another strong contender.
  • Further theme resource sites:

  • wpSnap: a good showcase of the best free WordPress themes.
  • Smashing Magazine: A series of 4 mash up posts outlining some of the best WordPress themes.
  • Unmatched Style: A neat collection of free themes.
  • Free WordPress Themes: a site that does what it says on the box.
  • Theme Prestige: showcasing free ‘premium’ WordPress themes.

Plugins

  • Akismet: “Akismet checks your comments against the Akismet web service to see if they look like spam or not. You need a WordPress.com API key to use it.” Akismet is the WordPress frontline against spam. It’s the bare minimum for any serious blog or WordPress powered site. As many of you will know, flash arcades invite a serious amount of spam on a daily basis. Many of the existing arcade scripts struggle to deal with spam. I doubt that Akismet will be enough on its own, but combined with a couple of other security measures it should do a pretty good job.
  • All in One SEO Pack: “Out-of-the-box SEO for your WordPress blog. By uberdose.” This is a fantastic plugin that does what it says on the box. It rewrites post titles, adds meta tags to all pages and is highly configurable. You can run it so that all SEO functions are automated. But if you really want to push your search engine rankings and make each post/content item unique, you can add SEO data straight into the WordPress page editor using this plugin. This little baby will be fundamental in getting my new arcade out and about across the Intarwebs :)
  • cformsII: “cformsII offers unparalleled flexibility in deploying contact forms across your blog. Features include: comprehensive SPAM protection, Ajax support, Backup & Restore, Multi-Recipients, Role Manager support, Database tracking and many more.” I’ll be using this plugin to power some of the user-side interactive functions such as game and video uploads, direct contact forms and more.
  • Kimili Flash Embed: If you want to embed flash games in your WordPress arcade you are going to need a plugin to handle it, because WordPress doesn’t support flash embed out of the box. Fortunately the kimili Flash embed plugin is the perfect answer. It is very straight forward, simply upload it and activate it, then use a single line of code to call the function within any post or page.
  • Post-Plugin Library: “Does nothing by itself but supplies common code for the Similar Posts, Recent Posts, Random Posts, and Recent Comments plugins.” This one is merely there to power the Similar Posts plugin that I’ve highlighted below.
  • Role Manager: Allows complete control over user roles and permissions from subscriber (level 0) to Administrator (level 10). As mentioned previously, this plugin allows you to give specific permissions to user roles on every aspect of the site’s functionality, from approving comments and reading private pages to writing new posts and uploading files.
  • Similar Posts: “Displays a highly configurable list of related posts. Similarity can be based on any combination of word usage in the content, title, or tags.” I’ll be using this plugin on game-specific pages to highlight other content in the arcade. Simple but necessary.
  • UserExtra: “Extends user profiles to include admin-defined attributes, and provides for category access controls with user-level granularity.” As I mentioned before, this plugin will allow me to extend user profiles and make them into something worth using. More to come on this as I work on it.
  • WP-PostRatings: “Adds an AJAX rating system for your WordPress blog’s post/page.” This plugin will allow me to set up user ratings and generate a most rated and most played list. It is highly customisable and comes with around 10 different icon sets for ratings (stars, hearts, thumbs up/down etc).
  • WP-Super Cache: “This plugin generates static html files from your dynamic WordPress blog. After an html file is generated your webserver will serve that file instead of processing the comparatively heavier and more expensive WordPress PHP scripts.” This plugin will help speed up operation time. A lot of people have commented on how slow WordPress would be as a games arcade. I don’t believe that’s necessarily true, as long as WordPress is properly configured and content is properly balanced.

So that concludes Part 2 in this series. Part 3 will take a look at some of the initial design elements of my new arcade and highlight some more key functions that come to light as I continue working on the project. So far I’ve been able to spare a couple of hours here and there to this new arcade. But over the coming weeks I expect to have a ‘beta’ version up and running. I’ll be looking for some beta testers to try out the new site and I’ll put a special call out for that. So if your’e interested in helping out, probably in exchange for some link love or something, drop me a line. Thanks for reading. Phew! That was a long one :)

Visit FingerMonkey.net for some free flash gamer madness!

About these ads

Actions

Information

21 responses

27 04 2008
Mike

Nice article man, keep going

27 04 2008
fingermonkey

Thanks for the support Mike. Glad to know someone’s actually reading this stuff…

28 04 2008
Lee Kelleher

Hi FingerMonkey… I’ve been reading since your last few posts.

Really interested to see how your WordPress games arcade project turns out!
All the best and good luck with it!

28 04 2008
Slovenc

I was just wondering how to convert WP to a game portal and i have come across your blog. Thank you for some good information (links to some useful mods etc.) and keep up the good work ;)

28 04 2008
fingermonkey

@ Lee: Thanks for the support and glad you found it interesting.

@ Slovenc: More information to come – as the process evolves new ideas and resources will come to light. If you build your own WP arcade, let me know and be sure to send me a link. Think I’ll start a WordPress arcade blogroll :)

28 04 2008
Deconstructing Arcade Classification « The FingerMonkey Flash Arcade Blog

[...] based on these ideas I’ve come up with a working classification for my new WordPress powered arcade. For obvious reasons, I can’t tell you exactly how this will work until my project has been [...]

28 04 2008
Raitendo

Really interesting read, I see you even made a reference to my own humble (and unfinished) WordPress arcade in the last post. I still have a lot of plans for my site but university, game development and work is keeping me from completing it.

I’m especially interested in how you’re going to integrate user profiles and such into WP. I was looking at a few plugins for customizing the dashboard etc. for normal users, I’m looking forward to see how you handle that part.

Best,
Marcus

28 04 2008
fingermonkey

@Marcus: Thanks for stopping by. I’m already a big fan of Doeo and it will definitely be one of the first games on my new arcade.

The user profile issue…mmm it’s tricky to say the least. There are a couple of solutions that I’m considering. First one is using the El Aleph plugin but the drawback is the difficulty in implementation. I’ve read through all the accompanying documentation of the plugin but it doesn’t mena much to me at this stage. Still I’ll keep hacking away at it and hopefully I’ll get somewhere.

The second possibility, but it is still in development, is BuddyPress. This is an extensive new plugin for WordPress Mu, in fact it’s almost like a new iteration of WordPress all together. The obvious problem there is the time factor.

There may be a couple of other solutions but in terms of connecting users and making the site truly socialble, that’s all I’ve got so far.

I’ll keep you updated as and when new stuff comes to light. Like you though.

28 04 2008
Tubbo & Dubba Tubba

Hey, great article! We just have a question.

Do you have any downloads to make/get games onto our site while we are using a Mac computer?

Thanks

The Tubbo Twins

29 04 2008
Building a WordPress games arcade Part 3 « The FingerMonkey Flash Arcade Blog

[...] If you’re new to this blog and you want to catch up on the series, read part 1 here and part 2 here. In this entry I will outline some of the initial design ideas for my new WordPress games arcade, [...]

7 05 2008
Vote My Thumb

Thanks for the post. It’s a great help.

7 05 2008
Eduardo

Hi, i’m the author of the plugin Aleph. If you have any doubts feel free to ask …

Good luck with your project, it looks interesting :)

7 05 2008
fingermonkey

Hi Eduardo,

Thanks for leaving a comment. I’ve emailed you with some questions about El Aleph.

11 05 2008
Building a WordPress games arcade Part 4 « The FingerMonkey Flash Arcade Blog

[...] and ideas behind the project in part 1, outlined the research and components to build the arcade in part 2, gave you a whole preview of the design process in part 3 and now in part 4, in keeping with my [...]

12 05 2008
Marko

What is the name of plugin you used to display games in lightbox style?
Thanks, Marko

19 05 2008
david windham

how did you use custom fields to show flash files using kimili?

23 06 2008
Jimmy

This article was great! I used it to create hyperfuntime.com. Check it out :)

10 07 2008
Triqui

Great article! You should use the MochiAds feed of free games to pull into your site. You can read more about it here: https://www.mochiads.com/publishers.html

I’m using it on my site. =)

2 09 2008
BoringClass

Hey, great article!
I really like the themes because I have just started a gamesite and still uploading games. Surfing to find resources on how I can improve my gamesite and make games. I think yours is the most resourceful! Keep on posting! And thanks for the plugins

19 10 2008
Dennis

thanks for this post, i think this will really help me improve my flash game’s blog. Plugins that i found in this post are really helpful. please post more about creating wordpress games arcade. thanks!!!

31 10 2008
kilwa

thank you for article,

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s




Follow

Get every new post delivered to your Inbox.

%d bloggers like this: