I have been in Round Table for a few years now, and really should have known better than to admit I worked in the computing industry – I got “volunteered” to manage the existing website. Me and my big mouth… But after a while I decided I would like to modernise the rather traditional and static website that I had inherited. The main constraints of this revamp were (a) it had to be cheap, and (b) I’m no web designer! In other words – no money and no talent. The reason for “cheap”, by the way, is that Round Table is a voluntary service organisation – we have a good time doing all sorts of things, but primarily we raise funds for charity and help out in our community. For more information on Round Table and what we get up to, follow this link.
So my challenge was how to put together a community website using – ideally – one of the free or very cheap services out there “in the cloud”. It had to look reasonably good, and also include an email infrastructure to help keep the 200+ members in touch.
This article describes the software and services used to create and manage a modern community website, and the reasons for choosing them. I describe the basic steps to get up and running quickly, including optional links with Twitter and Facebook. There are doubtless a number of alternatives, and I make no claims to my solution being the best or being suited to the needs of everyone. But in explaining the choices made I hope to at least help guide those who want to do something similar.
A quick follow up on the post a couple of months ago about my quest to find a simple way of embedding Google Maps in WordPress blogs. Just to recap, the main issue I had was finding a way of embedding custom maps.
While I still have yet to find a solution to self-hosted WordPress blogs like this one, there is a good solution for anyone who has a blog hosted at WordPress.com. For those of you that don’t know, this is a site that looks after thousands of WordPress blogs for free. They run their own specific version of WordPress – you can’t get at the PHP code or install your own plugins. But it’s a great way to host sites at little or no cost. I run a couple of community sites hosted there, both for the Round Table organisation – see Long Eaton Round Table and also the Area 14 sites.
That version of WordPress provides a tag – “googlemap” – that can take any Google Map reference including custom maps and embed them in the page properly. It works really well – for an example, see the About page on my Area 14 site. Instructions for using the tags can be found here.
Now all we need is the same thing on the regular version of WordPress, and I’ll be a happy bloke.
Just a quick note to describe some recent changes to this site.
I’ve changed the template from the attractive but not easily configurable “Feather” theme to Chris Pearson’s “Cutline 3 column” one. The initial advantage of this was it was easy to set up my own header images to be my own photos rather than someone else’s. All the headers are my own.
While it was nice to have each individual page type (posts, archives, pages, about etc) have their own header image, Chris posted a simple mod to the header PHP file that randomly selects an image from a set. Every time you visit the site or refresh a page you’ll get a different header. I intend updating the image set as often as I can. If you read further down this post I have described the header images currently in use.
But there have been more changes than this.
I have been creating my own Google maps a lot recently, largely in support of an upcoming attempt at the 3 Peaks 24 hour challenge – hiking up the three highest mountains in the UK all in 24 hours. I’ve got various maps for the three hiking trails, plus a few put together to help plan training walks.
I’ve been scratching around for a while experimenting with various ways of sharing these maps, and embedding within a WordPress blog seems a good thing to do.
What a pain in the rear! WordPress appears nice as a blogging tool, but my attempts to format some code snippets was painful beyond belief.
Every time I pasted some code in and surrounded it with the code tags, the generated HTML had extra paragraph markers and line breaks, and screwed up the position of the closing code marker.
Even a search for plugins did not cure things. I installed one or two “code formatting” plugins that made things a little better, but still required a lot of post-paste editing of code to get anything like presentable.
It turns out that the Rich Text Editor in WordPress 2 is to blame – it completely messes up. So my advice is to disable this from your user profile.
The thing that rankles is that the rich editor is enabled by default. I did not even know it was optional until I did a Google on code formatting in WordPress. It all just seemed much much harder than it should.
Anyway, hopefully this snippet will save others the problem in the future.