WordPress - Lansing Web Design and Development Professional

Posts Tagged ‘WordPress’

October Activity

October 20th, 2009 by Brian under News | No Comments »

I haven’t had time to write a nice article in a while, so I wanted to throw something out here to let everyone know how business is doing. First of all, I finished up a large e-commerce project at the beginning of the month for The String Collector. I enjoy rock and roll music and have a bass guitar, so this was a fun project for me to work on. The website can be seen in my portfolio, and you can read about it here: The String Collector

I am currently working on a web store for a band called The Vala. One of the members is a personal friend of mine, and he came to me for help with this project. The design was largely done by him, with input from myself along the way. The test website is still in its initial stages of setup, so you’ll have to wait a bit to see more from this one. This website will be using WordPress and WP e-Commerce just like the store that I put together for The String Collector.

On a different note, I’m about halfway into the school semester, my last semester at WMU, and I can’t wait to be done! It’s exciting to finally be graduating and truly moving into the work force. I know my web design and development skills will continue to expand, and I will use everything I have to help my customers create successful websites.

If you enjoyed this article then please share it!

Tags: Client Update, e-Commerce, Graphic Design, WordPress

Client: Allen’s Photography

September 14th, 2009 by Brian under News | No Comments »

A co-worker of mine at Landscape Forms was looking for some help updating his photography website. When I first looked at the website, I noticed that the entire thing was written with static HTML pages. This type of site is very hard for any non-technical user to update. So I offered to help him migrate his website to WordPress, where it would be much easier to update and manage.

The whole process went really smoothly. I was able to install WordPress on his web host with no problems, configure all of the necessary plug-ins, and apply the theme from his HTML website without any trouble. He is very happy with the new features, and I hope that the work I have done for him makes his job easier, and helps to bring in new business to his company.

Link: http://www.allensphotography.net

If you enjoyed this article then please share it!

Tags: Client Update, WordPress

Back to Work

August 18th, 2009 by Brian under News | 1 Comment »

Now that I have moved in to my new apartment, I am back to working on web design projects. I recently finished the first draft of a design mockup for an eCommerce guitar website for a shop based in Battle Creek, MI. I have not heard back from the owner yet, but I’m confident that he will like the direction I have taken with the design. Once the design is exactly how he wants it, I can begin the implementation process on top of WordPress and the WP-eComerce plugin. I’m excited, because I think this will turn out to be a very nice web store in the end. I am also currently working on transferring a co-worker’s photography website to a WordPress install. I think that he will benefit greatly from the migration.

As always, Fro Designs is giving out free quotes for web design and development work. If you have any questions relating to the web, we are happy to try and answer them for you. Designing web sites is a great passion of mine, and I’m happy to share my skills with business and people whether they are located in the Kalamazoo area, or anywhere else in the United States or even the world.

If you enjoyed this article then please share it!

Tags: Client Update, e-Commerce, Graphic Design, WordPress

Moving Saturday

August 4th, 2009 by Brian under News | No Comments »

Just a quick update. I’ll be moving to a new apartment on Saturday, and that will involve lots of packing this week. I don’t expect to get any work done until next week after we’re settled in. However, I will still be available to answer quote requests and e-mails during this time.

Once the move is completed, I have a wonderful project to begin working on. This project is an e-commerce store for a music shop located in Battle Creek, MI. I’ll be designing a whole new look for this site, and implementing it on top of WordPress with the WP-eCommerce plugin. Exciting times are ahead, and I’m always looking forward to new projects!

If you enjoyed this article then please share it!

Tags: Client Update, e-Commerce, Graphic Design, WordPress

Image Rollovers in WordPress

July 28th, 2009 by Brian under Web Development | 12 Comments »

This article is an expansion upon my last article which discusses how to set up jQuery in WordPress. In this article, you will learn how to create a simple rollover image using jQuery.

First of all, you need to have your images created of course. For the sake of this article, the images should be named imagename.png, and imagename-hover.png (or any other picture file extension).

As you learned in the previous article, you need to enclose your jQuery function in a special function of its own.

This is called from an external .js file, and will work for any images inside of a div called #quote (or whatever fits your website).

jQuery(function($) {                    < --This is the enclosing function
    $(document).ready(function(){       <--This is the overall jQuery function
 
        $("#content #quote img").each(function () {    <--This function determines img src
            rollsrc = $(this).attr("src");
            rollON = rollsrc.replace(/.png$/gi, "-hover.png");
            $("<img>").attr("src", rollON);
        });
 
        $("#content #quote a").mouseover(function () {  < --This displays the -hover image
            imgsrc = $(this).children("img").attr("src");
            matches = imgsrc.match(/-hover/);
            if (!matches) {
                imgsrcON = imgsrc.replace(/.png$/gi, "-hover.png");
                $(this).children("img").attr("src", imgsrcON);
            }
        });
 
        $("#content #quote a").mouseout(function () {  <--This returns the image to normal
            $(this).children("img").attr("src", imgsrc);
        });
 
    });
});

The first part of each of the 3 functions that actually change the image contain a css path to the hyperlink (‘a’ tag). This will vary depending on the structure of your website. A good way to find the css path is to use the Firefox plugin called FireBug.

I hope this helps other developers in their WordPress and jQuery endeavors!

If you enjoyed this article then please share it!