Tag Archives: responsive

Is your website mobile-ready?

Smart phones are already outselling desktops. Tablet sales may soon overtake laptop sales. Websites are being viewed on a wider variety of screen sizes than ever before, and that situation isn’t going away any time soon.

Is your website ready? It is if it’s responsive. That simply means that the code behind the design will recognize and adapt (or “respond”) to the device it’s being viewed on, whether a desktop mega-monitor, an iPad, or a smart phone.

What a responsive theme looks like on different devices

It’s easy to tell whether your site’s responsive, even if you don’t have a smart phone or notepad. Minimize your browser window; grab it on the right edge and drag it left, to about the width of a notepad. Drag it some more to the width of a smart phone. (Try it right now on this page; it’s responsive.)

When you try it on your site, is the navigation still visible? Do the major elements rearrange themselves to fit the resized window? If so, good news! Your website is “responsive” – i.e., mobile-friendly.

If not, you’re stuck in 2010.

And I can help with that.

button-orange-contact-me-220x50

Advertisements

4 WordPress themes ready for advertising

I’ve been doing some research into WordPress themes that are built with space and/or widgets ready for advertising, so I thought I’d share some of my findings. Here are four of the top-ranking, responsive designs.

——————————————————————————————————————–

“Bangkok Press” Theme

Bragging rights:

  • 7 video tutes on YouTube help you with set-up
  • localization ready
  • drag and drop page builder
  • 1800 downloads; 210 ratings; 5-star average

Bangkok Press, above the fold on a 1280 x 800 monitor (not shown actual size):

Bangkok Press, above the fold

Learn more: Theme info page on ThemeForest

——————————————————————————————————————–

“Deadline” Theme

Bragging rights:

  • widgetized home page
  • localized and translatable
  • English, French and German translation files included
  • 2600 downloads; 360 reviews; 4-star average

Deadline, above the fold on a 1280 x 800 monitor (not shown actual size)

Deadline, above the fold

Learn more: Theme info page on ThemeForest

——————————————————————————————————————–

“Gonzo” Theme

Bragging rights:

  • built to work with AdPress, and still be responsive
  • built-in review system; lets users rate products, for example.
  • can use Facebook comments on-site
  • 3700 downloads; 385 ratings; 5-star average

Gonzo, above the fold on a 1280 x 800 monitor (not shown actual size):

Gonzo, above the fold

Page showing ad sizes available.

Learn more: Theme info page on ThemeForest
——————————————————————————————————————–

“Sahifa” Theme

Bragging rights:

  • built-in review system; lets users rate products, for example.
  • 9 advertising widgets
  • translation-ready
  • 2700 downloads; 385 ratings; 5-star average

Sahifa, above the fold on a 1280 x 800 monitor (not shown actual size):

Sahifa, above the fold

Learn more: Theme info page on ThemeForest

——————————————————————————————————————–

All four themes, as seen on a mobile phone:

If it’s likely that users will be viewing your site on their smartphone — and that’s more and more true every day — you should check any themes you’re considering on one or two mobile devices. This will help you think through which one works best at that size for critical features like navigation. Note that in the four themes shown above, the advertising disappears on two of them.

ad-ready themes, mobile view

——————————————————————–

Why I like ThemeForest

  • You can quickly see how many times each theme has been downloaded, and every theme is ranked by users.
  • Every theme includes a link to a fully functional, populated example.
  • “Comments” page gives you a feel for how often developers run into problems with the theme, and how responsive the author is.
  • The filtering system for searching for a theme with certain features just rocks! (WordPress could learn a thing or two from them.)
  • And yes (full disclosure), I get a commission if someone buys a theme via one of my referral links. (You could, too!) But I only recommend companies I have used and love.

New WordPress theme: Yoko

WordPress theme Yoko

Post formats: Aside, Gallery, Link, Video, Image, and Quote
Two sidebars/widget areas available
Two custom menus available; one appears above the header (default), one below.
Custom link color, background color (or image) and header. The height of the header is changeable.
Font(s): Sans serif very similar to Tahoma, with a few touches of an italic serif here and there.

There’s a demo site here.

New WordPress theme: Mixfolio

WordPress theme Mixfolio

Built to work well as a portfolio site.

Home page options include a featured image carousel, a welcome message area, a tweet feed, and a prominent “Contact” button.

2 custom menus available.

Post Format Support: image, gallery, link, quote, and video.

Font(s): Helvetica

WordPress theme: Oxygen

WordPress theme: Oxygen

Note: I have now used this template to build a site, and I recommend it highly! Very flexible.

Note to web developers new to this theme: Almost everyone runs into a wall trying to figure out how to get the home page to display a large slide show at the top, as shown in the demo and in the Hope site showno here. (Proof: the WordPress support forum is littered with “How do I get the Showcase Page to work in Oxygen?!” requests.) Here is the simplest, clearest explanation I’ve found.

Here’s the site: Hope Community Church, Andover KS

Showcase page template.
Slider.
9 font families and a custom link color
3 custom menus
Widget areas: up to 7
Font(s): heads – very condensed, stylized sans serif; body – condensed sans serif, possibly Helvetica. Nine font families available.