I’ve hardly slept over the last week bashing my fingers against my keyboard trying to get this site out as quickly as possible. The site is called fani.am, (That’s Fan i am), which is a 2010 World Cup Accommodation site. This one really challenged me with some of the intricate post associations I had to string together, and with the addition of a couple of extra plugins to add some key features I’m really excited about this one.
Take a quick look Design and I’ll explain a bit about what’s under the hood of this one.
Homepage of the fani.am fan accommodation site
I really enjoyed designing this one and also trying out a few CSS3 features like rounded corners & Text Shadows. IE6 users, there’s a special treat for you as well. 
Custom Fields
The most hectic part of this site by far was the wordpress wrangling which takes place in the background. Using loads of WordPress custom fields, some for data and some for associating certain post types like matches, with accommodations and with the teams playing the matches, we were able to weave separate categories of posts into an intuitive mixture of information. Custom field have been managed entirely by the flutter plugin’s write panels, which helped make this site extremely easy for novice user to populate with content.
Fan i am Team Facts sidebar widget
Conditional Statements
Using WordPress conditional statements, as well as some conditional Custom field statements we were able to easily pull the correct set of posts for each team, venue or accommodation. The sidebar also gets populated with related widgets displaying content for each type of page you arrive on.
Associated Matches, accommodations & attractions
Dealing with images
I was a little disappointed about the current state of the built-in WordPress gallery system. You’re still not able to easily pull individual images based on their order in the gallery and can only really pull an entire gallery. The attached image plugin helped pull the first gallery image which was great. Flutter’s image management and upload functionality was ok but could do with the auto generation of thumbs & other sizes which the built in WordPress image uploading performs. Flutter’s image crop & resize functionality just doesn’t work at the moment, though the rest of it’s functionality, mainly write panels played a hige role in this website’s configuration.
This site relies heavily on plugins for various features, which is one of the great things about WordPress. I know some geeky developers who swear they never use plugins, and that’s fine with me, though I or one love the fact that so much freely available functionality is just lying around ready to take advantage of.
Plugins I’ve used & abused Include:
- Flutter – custom write panels
- Live Coundown Timer – counting down time to the Kickoff
- My Favourite Posts – allows user to add their favourite accommodations to a sidebar bucket
- Send to a Friend
- Tweet News – Footer feed of tweets about FIFA
- Google News – feed of news about the world cup from google
- Twitter Widget Pro – Worked better than Twitter Tools
- IE PNG fix – no need to fiddle with code
- Sidebar Login – check the login panel top right
- Cforms II – contact & booking forms
- DISQUS – Advanced commenting system
- WP Table Reloaded – Check the Match Schedule (quick & easy manageable tables)
So far it’s been a really great project and Phase 2 promises to include some even more exciting social media additions. What do you think of this one?
Similar Posts
Latest Work here at nomad-one.com
The last few months have been really hectic for me as I posted here before with a few setbacks but I’m glad to say I’ve bounced back and things have returned to normal. I’ve completed a few nice little WordPress design projects all with their own interesting twists to them. I’m always amazed at just
branding collapsing-categories customization e-commerce Education gd-star-rating plugin theme Web Design woo-themes Wordpress wp-ecommerce
The benefits of a free wordpress.com website for startups
Whether you are a small business just starting out, or an organisation which does not currently have the funds to develop or host your own website, you’re probably still investigating ways of getting online in some way or another. It’s a fact of life for most businesses in this modern age, that being online is
free domain free hosting free website rss startup website Wordpress
WordPress keeps going, WP 2.6 is well on it’s way
One of the great things about wordpress is the speed at which it has developed over the last few years from a simple blogging platform to a much more advanced system that can be used as a CMS as well. WordPress 2.6 Beta has been released with a few minor updates and functional improvements. Ryan Boren
WordPress 2.5 has hit the shelves – I’ve just upgraded
So finally, and with a day to spare before the end of the month the much hyped and long awaited wordpress 2.5 is officially available for download as a “stable” release and it’s looking like it’s packed with alot more value than expected. I’m going through the motions right now of backing up, and getting
2.5 happy_cog Wordpress wordpress_2.5_released wordpress_upgrade
How can we make WPCPT meetup #3 rock?
All you wordpress superstars, Planning for wordpress meetup 3 is under way. We can’t do a thing without wordpressy peeps though. Check out the latest post on how we can make the next meetup Rock Big Time. We got some ideas to start you off, first off we’d like some feedback if you were at the
cape_town meetup planning Wordpress wpcpt
