Archive for the ‘Wordpress’ Category

Things to do this week

Monday, July 20th, 2009

Here's my checklist/ to do list for the week to ensure things get done:

  • Sort out the registration for a .ie project that I'll be involved in. I'm partnering up on this project with someone else and plan on releasing it in August or September. More on this one later...
  • Get to the bank and sort out the money to pay my company taxes for the second quarter of 2009.
  • Stop neglecting TopCommentator.com and start making some progress on it. You won't see this on the site but I'll be writing some articles for it behind the scenes. I think I need to move the launch date for Top Commentator to pressurise myself into getting things done!
  • Discuss other projects that I've partnered up on. I'm already on top of this one as I've been having some pretty good ongoing talks about a few projects that I've teamed up over the last few weeks. I just want to continue this good work and keep the ideas moving forward.
  • Complete the styling on CallumPhotography.com and hand version 1.00 of the site over to the owner.
  • Day 092/366 - To Do List
    Creative Commons License photo credit: Great Beyond

  • Lay down some plans for kicking off my first WordPress plugin to display random images on your blog. There's already plugins there to do this and I'm normally not one for re-inventing the wheel but this is a learning based project to hopefully give me the experience to create more custom ideas later on. I'm pretty confident I can do this, but I want to spend some time on it and make sure it's correct as I'll be trying to get it added to the WordPress plugins directory. I need to specify exactly where I want to take this project. I was thinking about it over the weekend and there's loads of ways I can go to make the plugin as adaptable as possible but I need to set limits to get things done. I know myself from working on previous projects that I might delay things to add in lots of features in search of perfection and to cover all eventualities/scenarios. Sometimes working like this is a good trait and sometimes it's not! For this project I need a version 1.00 spec., I want to keep things simple and I need to work towards getting that done within the next month.
  • Sort out passwords and ftp details for a couple of sites that I've partnered up on and pass them on to my partner.
  • Add some more content to RudeVid.com. I've made a start on this one already.
  • Make a list of things that I want to change on the appearance of this blog. There's things I'm not happy with and I'll want to resolve them and release another version of this blog before the end of the Summer. If I make this list not it sets the wheels in motion.
  • Spend some time off the computer. I found that I spent loads of time last week on the computer and didn't really get a lot done for the time I spent. If I take a bit more time away I'll be thinking about what I'm getting back to and will become more focused on getting things done fast. One of the reasons for putting this list up here is to focus on changing this this week and getting things done correctly one step at a time.
  • http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/digg_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/reddit_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/stumbleupon_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/delicious_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/blinklist_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/blogmarks_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/furl_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/newsvine_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/technorati_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/google_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/myspace_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/facebook_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/yahoobuzz_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/sphinn_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/twitter_32.png

    The power of WordPress for building a website

    Thursday, July 16th, 2009

    Two days ago, I mentioned that I was working on a new photography based website for a friend. I've known the guy I'm doing it for for years and even before we discussed the site in any detail, I think I had an idea of the kind of look he'd be after. After talking with him, he confirmed I was right.

    The spec. for a the site was a really clean and simple look that he could use to showcase his photography work. He wanted the first page to show a single shot which linked in to a list of galleries. In my previous post, I had a look at some of the gallery plugins available for WordPress and decided to go with kPicasa that links in to Picasa. I'm really happy with how simply this plugin works.

    Anyway, getting back to how powerful WordPress is, I was looking for a really simple theme and came across the sliding door theme. I thought, it would be nice to use customised images in the sliding header to personalise the site for Ciaran, strip away the sidebar and just run with a nice plain black site. I had this up and running on the site yesterday, but we had a talk about it and agreed that it wasn't right. I went theme hunting in the WordPress Theme Directory and within 5 minutes came back with the Capricorn Theme by Shaibani. It's really really simple, have a look at a demo of the original theme here and now look at CallumPhotography.com (or below) to see what I've done with it.

    CallumPhotography.com

    The site isn't finished yet but I'm happy enough to let you have a look. I'll be tweaking it over the next week to finish it off to Ciaran's liking and hopefully fix a few layout issues that I'm not happy with. What I like about it so far is that I was able to get this far in one day with WordPress using a very simple theme and a few plugins. That shows the power of WordPress. If I was trying to design a site like this from scratch, I'd be there for weeks, if not months doing it. Even for someone who's familiar with WordPress, it would be hard to spot that this is a WordPress site if I stripped away the links in the footer at the bottom. So with a few hours working on the site and a couple of talks with Ciaran and we're nearly there already. It might not be the best site in the world but he say's it's 'exactly' what he was after so that's good enough for me.

    Another great thing about using WordPress for this site (although it's not a typical blog) is that Ciaran can login in to the WordPress control panel and take ownership of the site. This is way better than me asking him for his photos, uploading a bunch of files on to a server and thinking that's the job done. That might work for some people, but for me that's not what it's about. It's Ciaran's site and I'll be helping him get to grips with WordPress and gain a better understanding of how he can edit the site himself to put his own spin on it and keep the site alive! If I handed over a static website that wasn't easily configured he'd get bored with it in a week, but if I give him something to play about with the site becomes his and he's gonna be more interested in growing it. The longer any I site I create remains active and online is only a good thing as far as I'm concerned.

    I've also done my first bit of custom coding for WordPress for this one. If you have a look at the homepage on callumphotography.com, you'll see that it displays a random image depending on the time that you load the page. Test this out by reloading the page after about ten seconds and you should see a new photograph up there (it's running 6 different images at the minute). It's nothing spectacular but I'm thinking of customising the code a bit more so that it's easily adaptable for Ciaran to change what images are loaded up at specific times. I'm even thinking of having a go at creating my first WordPress plugin from it. There will be a bit of work involved in this, if I go ahead, but it would be a great experience for me to make my own plugin freely available to the public and to myself for use on other sites.

    So this site demonstrates exactly what you can achieve with WordPress in a few days. The look and feel of a custom built site with functionality exactly as per the client requirements. I still have a few issues to iron out on this one and Ciaran needs to sort out his galleries to get some content up there and complete the site but it's not looking to bad at the minute. I also changed the front page on the WordPress site to a static page and included a blog space for him so he has the option of writing about his photographs. We will also look at integrating a way of selling his work from the site further down the line. I've enjoyed working on this one so far and you should expect a few updates on it over the Summer months!

    http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/digg_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/reddit_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/stumbleupon_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/delicious_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/blinklist_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/blogmarks_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/furl_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/newsvine_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/technorati_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/google_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/myspace_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/facebook_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/yahoobuzz_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/sphinn_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/twitter_32.png

    New photography website for a friend

    Tuesday, July 14th, 2009

    My mate who lives across the road is after a website to showcase his photography, so I've been working on it since yesterday. I was looking about for suitable gallery plugins for WordPress for it and there's plenty available, but to create something suitable for what I'm after wants it looks like I'd have to do a good bit of custom coding. I'm sure I can do this, but because this site will have a really clean look, I'm keeping things as simple as possible. The guy I'm doing it for Ciaran aka Kipper normally pops his pics up on his facebook or myspace profile so it'll be nice for him to have somewhere central to store them from now on. Doing this site is interesting for me as it's a photoblog as opposed to a writer's blog so I'll be stripping a lot of the normally functionality within WordPress back to the bare bones (we can add it back in later if he gets the blogging bug :) ). Have a look at some of Ciaran's pics here, I'm sure you'll agree there's some great shots up there! I'm gonna get him to show me a few tricks so I can get a few more 'good' pictures up on this blog too at some stage!

    Yes it is
    Creative Commons License photo credit: ohad*

    Anyway, getting back to the gallery plugins for WordPress, the one's I looked at were:

  • NextGen: by Alex Rabe. This looks really good and I was impressed by what you can do with it by adding a few other plugins. This site by A. Cemal Ekin shows exactly what you can do with it, I think it looks excellent! So what put me off it? The fact that there was no integration for Flickr or Picasa. Because I'll be hosting the site myself I was concerned that we'd use a lot of bandwidth due to the amount of images Ciaran has, so he's agreed that it's best to go with a third party hosting solution for the images.
  • PhotoQ Photoblog Plugin: by whoismanu.com. This one is very good too, but again there's no support for Flickr or Picasa.
  • kPicasa Gallery: by kag’s tech blog, this is the one I went for. It's easy to install and configure, note you need php5 enabled on your blog and it integrates perfectly with Picasa. Basically you can connect to your Picasa account using your Picasa web albums username. The plugin then automatically pulls in all public galleries that you have stored in your account and displays them on your site. Configuration is simple and there's a choice of 4 engines to show full sized images built in to the plugin.
  • As I mentioned, I'm keeping things simple so I'm on the look out for a nice clean WordPress theme and a few more plugins to complete the site. At the minute Ciaran's talking about adding a guestbook, contact form and might also want an online store to sell his work. I'm enjoying working on this one to date and should have something to show in the next few days. It's really handy being able to walk 20 metres across the road to make sure we're on the same wavelength for how the site should look. More on this later...

    http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/digg_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/reddit_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/stumbleupon_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/delicious_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/blinklist_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/blogmarks_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/furl_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/newsvine_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/technorati_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/google_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/myspace_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/facebook_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/yahoobuzz_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/sphinn_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/twitter_32.png

    Googles Analytics for WordPress

    Wednesday, July 1st, 2009

    I installed Google Analytics a while back. When I launched my new blog theme a few days ago, I've since realised that I overwrote all the files for my theme and therefore replaced the Google Analytics code. I don't know if many people have made this mistake before, but it took me a few days to pick up on what I'd done. My Google Analytic stats weren't rising and I knew there was something wrong as I was checking my AWS stats that I installed as part of my hosting plan and this blog actually had it's best day of traffic since I started out. So this is just something to be aware of, if you're updating your WordPress theme. Yeah I know I'm spending lots of time looking at stats :) but I'll be making more of an effort to boost traffic very soon so it's something I need to be looking at.

    Geographic distribution of visitors
    Creative Commons License photo credit: richardmasoner

    It's easiest just to place the Google Analytics code in footer.php as the footer shows up on every page and therefore this tracks all hits on your website. There's a nice article on exactly what to do over at ThemePlayground.com. It cleared things up for me as I previously thought I needed to put the Google Analytics code in a few different files, but it turns out that footer.php is the only place it needs to go! If you're using WordPress, there's lots of other nice tips on ThemePlayground and I'll be checking back there for a few tips and tricks as I continue to update this site.

    http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/digg_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/reddit_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/stumbleupon_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/delicious_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/blinklist_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/blogmarks_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/furl_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/newsvine_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/technorati_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/google_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/myspace_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/facebook_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/yahoobuzz_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/sphinn_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/twitter_32.png

    New blog theme launched

    Sunday, June 28th, 2009

    I just uploaded my new blog theme. Everything seems to be working fine for now so hopefully I don't find too many problems along the way :) It's based on the default WordPress wide theme that I had been using previously and I've customised the header image, sidebar and added some links to my social networking profiles. There's now links to my Twitter and Facebook accounts and others in the nav bar... expect more stuff here soon!

    Last week I added the countdown timer to pressurise myself into getting this done and I'm launching a few hours ahead of schedule. Although there's a bit more I'd like to have done, putting the countdown timer there made sure the theme got uploaded today and saves me tweaking for weeks on end trying to make everything 100% perfect and putting off the launch date again and again. I'll definitely be using this method again to get things done!

    This is only version 0.1 of my customised wordpress theme and I have lots of changes still in mind for it.

    Things I'm happy about:
    I'm pretty happy with the general look and feel of the design. It's now a more personalised site which I thought it should be, as after all it's my online cv and I'm the man responsible for getting things done on this site and on other projects I'm working on. I had always intended to create a caricature of myself on the site and tried to give it a 3d like look by leaning over the navigation bar into my site to let readers know who's behind it. I think I've achieved this by gripping my hand over the nav bar. In general, I think the style and layout of the header looks good.

    Happy now?
    Creative Commons License photo credit: Netream

    Things I'm not happy about:
    As I mentioned above this is only version 0.1 of my updated WordPress theme and there's lots more still to do. I think the cartoon that I created of myself needs some more work and I'd like to brighten it up a bit. I'll be styling the sidebar on the right hand side of the site to fit in a bit more with the look and feel of the rest of the site. I'll also be changing the style of the post titles and maybe the font used in the posts themselves. There's lots of other stuff too that I want to update pretty soon. One thing that is really annoying me is the way that the images for the site load up. It doesn't look good at the minute but I'll get this fixed by changing the background colours etc. to match a bit more. There's also some colour mismatch at the top of the page but these are simple fixes and I'll get them all sorted. The size of the images I'm using can also probably be reduced and I'll look in to doing this too.

    So along with the update to version 2.8 of WordPress, my first major site update seems to have went smoothly enough. Here's a look back to what my site looked like at the very beginning. And I'll add a screenshot below here to to show how the site looks at the time of writing this on the 28th of June 2009. I like doing this as it tracks progress on how this blog is evolving:

    blog screenshot june 2009

    You can see the comparison in the screenshot above on how the blog looked original and how it looks after my first major update. I think it's come a long way! I'm coming up to my 50th post and hopefully this and the theme update proves my commitment to developing my online presence with even more projects. I've talked before about potential partnerships. I'm hoping this level of commitment and the design of the theme itself gives others an idea of what I'm capable off. I'll be meeting face to face with a potential partner on Tuesday this week regarding multiple projects. As soon as we get things sorted officially, I'll be updating the new ads section on this site with details of these new projects that I'll be involved in!

    So things are moving on for me and my online ventures. I was reluctant to push too hard and try to begin new visitors to this site until I had customised the theme, but there's no stopping me now and I'll be trying to boost traffic to this blog now that it gives more of an idea of who's behind iliveontheweb.com. This is version 0.1 and I wont be leaving things like this! Expect version 1 proper... maybe not today.. maybe not tomorrow... but it'll be here!

    http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/digg_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/reddit_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/stumbleupon_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/delicious_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/blinklist_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/blogmarks_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/furl_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/newsvine_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/technorati_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/google_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/myspace_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/facebook_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/yahoobuzz_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/sphinn_32.png http://www.iliveontheweb.com/wp-content/plugins/sociofluid/images/twitter_32.png