Posts Tagged ‘Web Development’

Example of a WordPress Integration.

Friday, August 1st, 2008

Recently we took on a client to implement WordPress blog into their already existing website. The thumbnail on the left below is a photo of their previously existing website. The thumbnail on the right shows their new WordPress blog implementing into their already existing design. (click on the images below to see an expanded example):

The Customization and implementation of the blog took us about a days work in order to get the formatting perfect. One of the biggest concerns is getting the the formatting and colours consistent throughout all of WordPress’s inner pages.

In more WordPress news we successfully implemented the JavaScript lightbox 2.0 image viewer used with the thumbnails above which was an extremely simple process. In the header file for your WordPress theme you include the reference to your Lightbox 2.0 pack which can be found here:

Lightbox 2.0

And then when including the anchor tag to link your thumbnail to your larger screenshot image, you include a rel=”lightbox” parameter, and to get images into a set, you include a common ID. An example of this is:

<a rel=”lightbox[sosm]” href=”../images/blog_assets/sosm1.jpg”>

<a rel=”lightbox[sosm]” href=”../images/blog_assets/sosm2.jpg”>

Wow, that is enough excitement for today! Enjoy yourselves out there.

~R. Charmley