web development

My Recent Redesign pt. 2

Yesterday I began writing about the recent redesign of our church website, what platforms I considered and how I chose Joomla as our CMS.  Today I thought I’d write about the actual process of the redesign and move to Joomla.*  I will share the challenges and the things that made the move easier. Challenges

I should say that most of the challenges didn’t remain challenges for long, because the support for Joomla is truly amazing.  On 2 occasions I twittered about my frustration before I went to bed and when I woke up, there were @ reply answers.

Installing Joomla – I didn’t really know what I was doing and had never used Joomla at all.  So I started with the “Getting Started” articles on Joomla.org and I read the absolute beginner’s guide.  It was helpful.  I was originally planning to move our host, so I was reading up on other shared hosting when I happened across this article.  This made installing Joomla so simple it was unbelievable so I stuck with Go Daddy.  It would have been easy to do manually, but a bit more time consuming.  My only real fear was setting up the MySQL database.  The moral of the story is, Go Daddy set up Joomla for me.  All I had to do was tell it what directory.

Choosing a template – I said yesterday that there is a staggering number of free templates available for Joomla.  And there are several that cost just a few dollars.  I chose the template called Jamba from Joomlashack because I liked the modules and because it seemed very flexible.

Learning my way around the template – This was really the most difficult part of the entire process for me, things were just not quite as intuitive as I expected.  Mostly it was an exercise in trial and error.  I would change one parameter and reload the page to see what it did.

In particular I had great difficulty figuring out how to edit the footer.  Reply #5 on this post was helpful to solve that problem.

The only outstanding problem I have is in the twitter feed module.  It makes improper line breaks within web addresses and often flows over the boundaries of its enclosure.  I’d be glad to accept any help I can get for that one

Making iFrames and javascript work – This was by far the most frustrating issue I dealt with during the redesign.  Our messages page has a javascript player built in to each entry.  Joomla’s default was not to allow any code.  So the code of the script and the player’s parameters were just showing up as text on the page.  I read great things about a plugin called jumi.  All I can say is that it didn’t work for me.  It would hide the code from the script, but it didn’t actually process the code.  One night I twittered about this and went to bed.  When I got up I had a reply from @saadiallan recommending a plugin called Sourcerer.  It worked perfectly allowing me to embed the javascript player as well as the google map and calendar.

Installing plugins – I did not realize just how powerful joomla really is.  There are plugins to allow almost anything I desire and it is amazingly customizable.  If you use the dashboard, then installing plugins could not be simpler

Moving to the root directory – This was by far the most frightening thing to me in the site build.  Once I got to the point that I was ready for the public to see the new site I needed to move it all from the test directory to the root.  I copied everything to my hard drive then I moved the entire database to the root directory.  Then I edited the configuration.php file.  (there are many instructions in many forums about how to do this, but basically I edited every line that had http://domain/olddirectory to just say http://domain/)  It was also necessary to clear the cache, but with only one small panic I got it working.

Helpers – This is where I received the help that made everything do-able and pretty smooth

  • The forums at joomla.org are teh awesome
  • Ryan Thomas who designed our logo and generally gave design guidance
  • Paula Durand our church secretary who is keeping the Google calendar up to date and keeping content current
  • The readers of this blog who gave me editorial advice.  Especially Caroline who gave me 4 pages of copy edits which I am still not finished with
  • churchwebsitehelp.com who did a review of the site.  I haven’t implemented all his suggestions yet, but the review was very helpful and it was free.

* I know that much of this post is written in gibberish for most of my readers.  I'll try to get back to writing in English tomorrow.

Your Help Please

If you follow me on Twitter you know that I have been in the process of redesigning the church website.  I needed to move it to a content management system so that others besides just myself could update it .  I chose Joomla because of the amazing plethora of free templates, and the flexibility.  Also because I tend to think of wordpress.org as being just a blogging platform.  I will have a post later about the move, but in the meantime I need your assistance. I am close to going live with it, but it needs a once-over.

I'm not as far along as I thought I would be by the time of this post.  Some of it is unfinished, I think those parts will be obvious to you, (Like the ministries page which I've decided to reformat but haven't) but let me know your thoughts on the template, the functionality, how it can be improved, and obviously any errors or proofreading mistakes.  You have been very helpful to me in the past

I would like your suggestions of any way that the site can be improved, either through design or through content.  It's pretty easy to change things now that I have a feel for this template.

The new-and-improved site can be found at lagrangeparkbc.org/new. Check it out. Hit me with your suggestions.

Also.  I'm in the basement for a few days, so if comments need moderating it may take a while.

The Coolest Thing I've Seen In A Long Time

is Woopra. If you don't manage a website then this is rather useless to you. but for those of you managing a website the things it offers in analytics are downright amazing. woopra screenshotIt tells you all the things that you can get with your regular stats. But it does so much more. The desktop client allows you to see currently who is on the site. You can tag particular users. (Although I have only tagged myself to know what percentage of visitors I am to my own site.) It shows you search terms, browser, OS, and screen resolution, it shows you the length of stay on the site and what pages were loaded. How many average sites were visited. Even more impressive, you can chat with visitors to your site while they are there. (A little popup appears on the page) I cannot think of anything I would want to know that it doesn't tell me.

Woopra screenshotIt is truly amazing. And at least now, while it is in beta, it is completely free. I hope it stays that way.

I would compare it to Google Earth. You know how when you first saw Google earth it was mesmerizing and you could waste half a day on it. Same thing here. And I only get 20 hits a day on my sites.

My only complaint is that it doesn't work with wordpress.com so I can't use it for this blog. It does work with .org sites and seriously, it is incredible. Wordpress.com give us woopra as a plugin!

In case i haven't been clear, Woopra rocks, use it on your site.