Member Login

You are not currently logged in.






» Register
» Lost your Password?

Thesis Website Makeover Series

In October we hosted a series of live website makeover sessions for our members.  The purpose of these sessions is to help our members think about the design of their sites and to give them the opportunity to watch how a professional approaches the redesign of a website.

Fran owns a medical supply store that specializes in Oxygen machines. His Thesis website, http://mainclinicsupply.com, is both a regularly updated blog and a storefront.

Website Makeover Goals

We first review Fran’s current storefront. He tells us he knows that he needs larger images on his site to increase sales, but he has to take those himself because the manufacturers don’t have high quality pictures. His logo is simple and is similar to the universal symbol for hydrogen. He has looked at other similar businesses and seen that it is important for his logo to be simple and clear. He has tried to obtain that affect.

 

He hopes to maintain the current arrangement which has the online store products in a list. He is hoping to link each of the products to his blog, where he can provide more detailed information about the project. He needs the “Add to Cart” link to stand out prominently.

In the main page, it is not clear what the site purpose is. To remedy this, Kim and I suggest that he have a tag line near the header, so casual observers will know the purpose of the site. Because he is selling rather expensive products, he needs users to look through his site and feel comfortable doing business with him.

He says that many of his customers are at the Mayo Clinic, which is across the street from his physical store. These customers are visiting from out of town and would be accessing his site on mobile devices, so it is important that his site be accessible for those users.

Fran mentions that he also needs to add some information showing that it is safe to shop on his site. [click to continue…]

{ 0 comments }

Thesis Website Makeover Series

In October we hosted a series of live website makeover sessions for our members.  The purpose of these sessions is to help our members think about the design of their Thesis websites and to give them the opportunity to watch how a professional approaches the redesign of a website.

Jared has built a Thesis website for his wife, Polly, who is a passionate gardener of organic vegetables. They have a gardening blog called yourorganicgardeningblog.com. He submitted this site for a makeover.

Website Makeover Goals

Jared tells us that his wife keeps this blog because of her passion for gardening. While this is a labor of love for his wife, he hopes to make it a profitable pastime. Polly has an eBook called Breakthrough Growing Organic Tomatoes that they are selling for $19. They also offer a free eBook, which is more popular and has been receiving 5 to 15 users a week. It is clear that they need to establish a way to receive a better revenue stream through their website.

We clarify the main objectives:

  • To develop a site that Polly can use to share her passion for gardening
  • To include advertisements that allow small (and hopefully large) revenue streams
  • To increase the number of visitors to the site
  • To sell the eBook to a larger number of visitors

[click to continue…]

{ 0 comments }

A DJ’s Website Makeover

Thumbnail image for A DJ’s Website Makeover

Thesis Website Makeover Series In October we hosted a series of live website makeover sessions for our members.  The purpose of these sessions is to help our members think about the design of their Thesis sites and to give them the opportunity to watch how a professional approaches the redesign of a website. Sean Denard [...]

Watch the Video →

BYOBWebsite SEO Example

Thumbnail image for BYOBWebsite SEO Example

An SEO Example from One of Our Posts We are following up last week’s BYOBWebsite SEO Reference Sheet post with a real world SEO example from one of our posts. The reference sheet is intended to help you understand all the pieces that make up good search engine optimization for blog posts and pages on [...]

Watch the Video →

BYOBWebsite SEO Reference Sheet

Thumbnail image for BYOBWebsite SEO Reference Sheet

BYOBWebsite would like to help you understand all the pieces that make up good search engine optimization (SEO) for blog posts and pages on your Thesis website. We have written this comprehensive SEO reference sheet with links to related tutorials on our site to make understanding and implementing your search engine optimization strategy easier. Much [...]

Watch the Video →

Create user selectable custom templates in Thesis

Thumbnail image for Create user selectable custom templates in Thesis

Thesis has an incredibly powerful custom template system. Unlike a typical WordPress theme you don’t need to create a completely new template (that WordPress has to sort through) to change the way your content is displayed. In this tutorial I’m going to demonstrate how to create custom templates that a user can select from their [...]

Watch the Video →

How to Add a Header Image to Thesis 1.8

Thumbnail image for How to Add a Header Image to Thesis 1.8

Thesis 1.8 introduced the Thesis Header Image function.  This function allows you to easily upload a logo image or other graphic and insert it into your header.  In the video below we look at how to do this, and what happens with various images sizes.  In this video we explore How to determine the correct image size [...]

Watch the Video →

WordPress and Thesis as a Complex CMS

Thumbnail image for WordPress and Thesis as a Complex CMS

A case study creating a Community News Website Over the last several weeks we have taken time each week during our Live Call-in Question and Answer sessions to develop a community news website. In this case study we explore some of the more advanced features in WordPress and Thesis 1.8. This has resulted in an [...]

Watch the Video →

How to Create Context Sensitive Sidebars in Thesis

Thumbnail image for How to Create Context Sensitive Sidebars in Thesis

Thesis makes it quite easy to add context sensitive sidebars to custom templates.  I’m going to demonstrate in this tutorial how to create context sensitive sidebars and apply them to your custom templates.  This tutorial arose out of a question I answered on DIY Themes Forums.  That question can be found here.  I’ve created a demonstration of [...]

Watch the Video →

BYOB Live Question & Answer Sessions

Thumbnail image for BYOB Live Question & Answer Sessions

The BYOB community has grown quite a lot this last year.  Over the months I’ve watched it go from a video website to a learning community.  It strikes me that running a learning community is a better long term business model.  So, in order to encourage and foster this I’ve decided to add twice weekly [...]

Watch the Video →

Optimize Your Page for the iPad in Thesis

Thumbnail image for Optimize Your Page for the iPad in Thesis

A member noticed recently that her site looks great in regular browsers but that it doesn’t look so hot on an iPad.  She discovered that in order for it to look right on the iPad it didn’t look right in regular browsers.  Perhaps the easiest way to address this is to add a new style [...]

Watch the Video →

Add a Background Image to the Thesis Navigation Menu

Thumbnail image for Add a Background Image to the Thesis Navigation Menu

Adding background images in the Thesis Navigation Menu can be an easy way to spice up your website. In this video tutorial we will learn how to add a background image to your Thesis Navigation Menu. We will be adding a gradient image to the menu so that it extends from one side of the [...]

Watch the Video →

Create a Simple Image Navigation Menu

Thumbnail image for Create a Simple Image Navigation Menu

Some times it can be easier to create a simple navigation menu from scratch rather than trying to adapt the Thesis Nav Menu or a WordPress 3.0 menu to your purpose. A simple image navigation menu is an and example of such a case. In this video tutorial we will learn how to create a [...]

Watch the Video →

How to Align Images and Blocks of Text in the WordPress Content Area

Thumbnail image for How to Align Images and Blocks of Text in the WordPress Content Area

I’ve been asked a number of times in recent weeks how to align images and text in the WordPress content area. Generally the person posing the question has an image that they want displayed beside some descriptive text. In my experience the content area doesn’t do well with complex HTML, however this arrangement is something [...]

Watch the Video →

How to stylize blocks of text in the WordPress content area

Thumbnail image for How to stylize blocks of text in the WordPress content area

In this video tutorial we will learn how to stylize blocks of text that are in the WordPress content area. The content area known as the_content in WordPress code is the main content of each post and page. Text you enter using the text editor is within the content area. You can use css to [...]

Watch the Video →

Member’s E-Commerce Catalog Critique

Thumbnail image for Member’s E-Commerce Catalog Critique

One of our members asked for critiques on her completed catalog page on her new e-commerce website.  She has been following the lessons in the Build an E-Commerce Website tutorial series.  I thought that this would be a good opportunity to both provide my own advice and to demonstrate how to use Firebug and Web [...]

Watch the Video →

How To Add A Link In A Post That Opens In A New Window

Thumbnail image for How To Add A Link In A Post That Opens In A New Window

Someone on the BYOB Forum asked how to create a text link in a post or page that opens in a new window. In HTML speak this is called adding a target to an a tag. This is a very easy HTML function to use. In this video I demonstrate how to use the add [...]

Watch the Video →

How to Use the Thesis 301 Redirect Feature for Pages

Thumbnail image for How to Use the Thesis 301 Redirect Feature for Pages

Twice this week I’ve been asked on the phone how to use the 301 Page Redirect Feature that was introduced in Thesis 1.7.  The 301 Page Redirect is a very handy tool for adding off-site links to the navigation bar – among other things.  I show you how to use it in this video and [...]

Watch the Video →

How to Manually Backup and Restore your WordPress Database Using phpMyAdmin

Thumbnail image for How to Manually Backup and Restore your WordPress Database Using phpMyAdmin

A member asked today how to backup and restore his database.  I suggested that he watch the videos in Lesson 14 of the Start Building Your Website Here tutorial series.  In those videos I demonstrate a couple of different methods of backing up both your site files and your databases.  He said that he had [...]

Watch the Video →

How to Add Image Links in a Text Widget

Thumbnail image for How to Add Image Links in a Text Widget

In a recent forum post a member asked how to insert an image link into their site using a text widget. The Forum question is entitled “Linking Images”. In the video below I demonstrate how to do this.  This answer is an extension of a video tutorial in Lesson 9, Part 3 of  the “Start Building [...]

Watch the Video →
Thumbnail image for Tools of the Trade – How to Use Firebug and Web Developer

Tools of the Trade – How to Use Firebug and Web Developer

The goal of this tutorial series is to show you how to take advantage of the tremendous customization opportunities that Thesis affords. We’ll show you how to use Firefox, Firebug and Web Developer to ease the process of styling the CSS of your website. There is a more recent and expanded version of these tutorials. [...]

Watch the Video →

How to use Firebug to identify the line-height property of a Tag Cloud widget in Thesis

Thumbnail image for How to use Firebug to identify the line-height property of a Tag Cloud widget in Thesis

In a recent forum post a member asked how to use FireBug to identify the line-height property of the tag links in a tag cloud widget. In this video answer I show how to use FireBug and Web Developer to identify and alter that property. The Forum question is entitled “Widget Customization”. How to Use [...]

Watch the Video →

How to incorporate traditional HTML, CSS & Javascript elements in a Thesis Page

Thumbnail image for How to incorporate traditional HTML, CSS & Javascript elements in a Thesis Page

One of our Members asked if there were a way to incorporated traditional HTML, CSS & Javascript elements into a Thesis based post or page. Because WordPress and Thesis are built using PHP, HTML, CSS and Javascript any of these elements can be added to a Thesis page or post. In this tutorial I will [...]

Watch the Video →

How to create a 3 column custom template

Thumbnail image for How to create a 3 column custom template

Custom page templates with various sidebar configurations is something that folks on the forum ask about a lot.  Someone in this forum post asked if it were possible to have their main Thesis based site use a 2 column layout while having a 3 column layout for their home page. This is inverse question to [...]

Watch the Video →

Introduction to Making Custom Sidebars in Thesis

Thumbnail image for Introduction to Making Custom Sidebars in Thesis

Thesis is designed from the ground up to be easily customized. One very flexible method of customization includes creating custom sidebars in Thesis. A “sidebar” is WordPress speak for “widgetized area”, that is some location on the page where you can drop widgets. In this tutorial we’re going to learn the basics of sidebars and [...]

Watch the Video →

How to Create a Single Sidebar Custom Template

Thumbnail image for How to Create a Single Sidebar Custom Template

** Updated 11/1/2010 ** I answered a question this morning that I thought would be useful to post here. The person has a 3 column website with one sidebar on each side of the content column. For the majority of the pages he wants to keep that arrangement. However, on his forum page he wants [...]

Watch the Video →

How to Create a Minimalist Home Page in Thesis

Thumbnail image for How to Create a Minimalist Home Page in Thesis

A subscriber recently asked me how to create a minimalist style home page.  I promised her a set of video instructions, so here they are. Creating a Minimalist Home Page In this lesson we’ll learn how to create a completely blank custom template in Thesis.  Unlike other custom templates we will be removing all visible [...]

Watch the Video →

How to change the language displayed based on user input

Thumbnail image for How to change the language displayed based on user input

A DIY Themes forum member asked today how to switch between languages on a page.  Essentially what they want to do is to have 2 columns side by side, one in English and the other in a language of the user’s choice.  You can see the question and answer here.  This is a really interesting [...]

Watch the Video →

Customize Thesis Like A Pro – Introduction to Custom Templates

Thumbnail image for Customize Thesis Like A Pro – Introduction to Custom Templates

I believe that one of the most compelling reasons for building your site with Thesis is the relative ease with which custom CSS and custom programming can be added to a Thesis site . An introductory level of CSS, HTML an PHP can get a website owner a very long way. This video tutorial series [...]

Watch the Video →

Customize Thesis Like a Pro – Introduction to editing the PHP

Thumbnail image for Customize Thesis Like a Pro – Introduction to editing the PHP

I believe that one of the most compelling reasons for building your site with Thesis is the relative ease with which custom CSS and custom programming can be added to a Thesis site. An introductory level of CSS, HTML an PHP can get a website owner a very long way. This video tutorial series provides [...]

Watch the Video →

Contact Form 7 – Lesson 2 – Create a Registration Form

Thumbnail image for Contact Form 7 – Lesson 2 – Create a Registration Form

In this lesson you’ll learn how to create a registration form using Contact Form 7. This lesson covers different material than is covered in Lesson 1 so if you haven’t already viewed Lesson 1 you’ll probably find it helpful. There are 4 parts to this lesson. In this lesson we will create a registration form, [...]

Watch the Video →

Contact Form 7 – Lesson 1 – Create a Professional Looking Contact Form

Thumbnail image for Contact Form 7 – Lesson 1 – Create a Professional Looking Contact Form

Contact Form 7 is one of the most popular WordPress plugins. It has a great deal of both functionality and flexibility. Unfortunately much of its power is undocumented and taking advantage of that power requires trial and error. This tutorial series is intended to remedy that and to help you take full advantage of its [...]

Watch the Video →

Customizing Your Backgrounds – Adding a Fixed Non-scrolling Background Image

Thumbnail image for Customizing Your Backgrounds – Adding a Fixed Non-scrolling Background Image

There are some beautiful websites out there that take full advantange of the CSS background image property.  One cool way of doing this is to have a large fixed image in the background that doesn’t scroll.  I think a great example of this is the website of the veteran Thesis designer Kristarella.  Her website is [...]

Watch the Video →

Customizing Your Backgrounds – Adding tileable background images

Thumbnail image for Customizing Your Backgrounds – Adding tileable background images

There are some beautiful websites out there that take full advantange of the CSS background image property.  One of the most efficient ways of doing this is to use a fully tileable image that repeats itself as necessary.  I think a great example of this is a website I recently finished designing for a client.  [...]

Watch the Video →

Customize Thesis Like a Pro – Introduction to editing the CSS

Thumbnail image for Customize Thesis Like a Pro – Introduction to editing the CSS

I believe that one of the most compelling reasons for building your site with Thesis is the relative ease with which custom CSS and custom programming can be added to a Thesis site. An introductory level of CSS, HTML an PHP can get a website owner a very long way in customizing and designing a [...]

Watch the Video →

Seattle – March 25, 2010 – Build Your Own Business Website

This is our “Start Here” Build Your Own Business Website class. In this class we take you from 0 to a functioning, powerful, customizable business website in 8 hours. When: March 25, 2010 – 8:00 am to 6:00 pm Where: The Mountaineers New Headquarters 7700 Sand Point Way NE Seattle, WA 98115 Magnuson Park – [...]

Watch the Video →

How to add a custom image beside the navigation in a Thesis header

Thumbnail image for How to add a custom image beside the navigation in a Thesis header

I regularly see folks on DIY forums ask how to make a clickable image header BESIDE the navigation menu.  It’s obvious that a number of folks have tried to make this work only to find that the navigation menu still stays below their custom image header.  In spite of this it is actually quite simple [...]

Watch the Video →

How to add a custom image to your Thesis header – the default method

Thumbnail image for How to add a custom image to your Thesis header – the default method

We teach small business owners how to build their own website.  One of the most frequent questions I see on the Thesis support forums is “How do I add an image to my header?” Another comment I see regularly is “I’m a total nube, can you tell me step by step how to do that?” [...]

Watch the Video →

How to add a custom image to your Thesis 1.6 header

Thumbnail image for How to add a custom image to your Thesis 1.6 header

One of the most frequent questions I see on the Thesis support forums is “How do I add a custom image to my header?”  Another comment I see regularly is “I’m a total nube, can you tell me step by step how to do that?”  So here’s my answer to both of those questions. This site is [...]

Watch the Video →

How to Create an Events Listing in WordPress & Thesis 1.6 – 1.8

Updated for Thesis 1.8 – I recently read a really interesting question on a WordPress discussion group on Biznik.  This member asked, I am sure there is a way to do this, but before I re-invent the wheel, has anyone seen a tidy way to publish a calendar of events with each event being its [...]

Watch the Video →

How to Upgrade to WordPress 2.9 from WordPress 2.8 & Thesis 1.6

When learning to build a business website using WordPress it’s important to keep your WordPress site up to date. Not only does each update bring new features and bug fixes they also bring new security updates. Spammers try to hijack old sites by exploiting know security problems. One of the protections you have against this [...]

Watch the Video →

Seattle – February 9, 2010 – Build Your Own Business Website

Thumbnail image for Seattle – February 9, 2010 – Build Your Own Business Website

This is our “Start Here” Build Your Own Business Website class. In this class we take you from 0 to a functioning, powerful, customizable business website in 8 hours. When: January 21, 2010 – 8:00 am to 6:00 pm Where: The Mountaineers New Headquarters 7700 Sand Point Way NE Seattle, WA 98115 Magnuson Park – [...]

Watch the Video →

Seattle – January 21, 2010 – Build Your Own Business Website

Thumbnail image for Seattle – January 21, 2010 – Build Your Own Business Website

This is our “Start Here” Build Your Own Business Website class.  In this class we take you from 0 to a functioning, powerful, customizable business website in 8 hours. When:     January 21, 2010 – 8:00 am to 6:00 pm Where:    The Mountaineers New Headquarters 7700 Sand Point Way NE Seattle, WA 98115 Magnuson Park – Building [...]

Watch the Video →

Free Video Tutorial – Lesson 3 – Install and configure WordPress on your site

Thumbnail image for Free Video Tutorial – Lesson 3 – Install and configure WordPress on your site

This free video tutorial series is lesson 3 in a 14 lesson video tutorial series intended to teach small business owners how to develop, manage and maintain their own business web presence.  This video series is intended for the absolute beginner and assumes no prior knowledge.  You will develop your website without learning or directly using [...]

Watch the Video →

Free Video Tutorials – Lesson 2 – Setup and configure your new business email accounts

Thumbnail image for Free Video Tutorials – Lesson 2 – Setup and configure your new business email accounts

This free video tutorial series is 2 in a 14 lesson video tutorial series intended to teach small business owners how to develop, manage and maintain their own business web presence.  This video series is intended for the absolute beginner and assumes no prior knowledge.  You will develop your website without learning or directly using HTML, CSS, [...]

Watch the Video →

Good Business Home Page Design

Your Home page is perhaps the most important page on your site. It is likely to be the page where most potential customers enter your site and it’s your best opportunity to encourage them to consider doing business with you. A poorly designed Home page can discourage potential customers from becoming actual customers.  When you [...]

Watch the Video →