By default, your Magento store will include a default thumbnail image, not that great in my opinion, you should be customizing it as you are. To change it, login to your admin area: 1. Navigate…
By default, your Magento store will include a message that says, “Welcome to Magento”. To change it, login to your admin area: 1. Navigate to: System > Configuration > Design > 2. Change “Welcome Text”…
I had to add a Facebook like button into the product page of an Magento ecommerce website Im working on today. At first, I was getting the URL of the help page (if you can…
I’ve been working away on implementing our current web design theme on one of our websites at work this past week. Magento is definitely not easy and the resources online are just as difficult if…
A beginner’s guide to Magento Commerce themes. Magento Commerce is the fastest growing open source e-commerce platform on the web (did I mention it was open source?). Through the years of my web development experience,…
Sometimes the first time you type the title of your blog post on WordPress you’ll go back and edit it or create a new title entirely. One of the great things about WordPress is that…
In WordPress 2.9+, the get_the_post_thumbnail is a new function that was added to allow you to select and display a post’s thumbnail image. If you have a version of 2.9+ installed, in your wp-includes folder,…
How to use your post’s first image’s thumbnail in WordPress. This is a great tutorial because once you upload an image to your post, it’s thumbnail version will be shown wherever you choose to display…
Text Links vs. Image Links. This is not a new concept. In fact, I debated about writing this post simply because of its elementary SEO level. However, The reason why Im writing this post is because a) I was recently tested on this SEO foundations level question and b) there are still many people learning SEO today and can teach them how to create SEO Friendly websites. In this post, I’ll provide an example of how a images within your website can be optimized using a combination of CSS and SEO basics.
Recently, I was tested on how I would optimize a catalog page on a website. The page was comprised of 12+ image-based links. At first glance, each link 1) had the text as part of the image and 2) switch when you hovered your mouse over it. So, my solution was use a technique that incorporates an Image Replacement Technique (read Mezzoblue on this technique) which does away with using an image tag within the link structure and replaces it with anchor text and then using CSS display the image in the background. But, after viewing the source code, it was easy to see that these links were more complex and that screen dithering can be deceiving.
So here’s the scenario: You’ve created a flash-based website or your XHTML Strict website content is only 500px tall and the visible browsing area you’re designing for varies from being 600px to 1000px high. I’ve…