Storefront Theme for WooCommerce

How to Change Footer Text in the Storefront Theme for WooCommerce

This is my answer to another question I recently found on the Themes and Templates Support Forum about the Storefront theme, a great free theme for WooCommerce designed by WooThemes.

The user was trying to replace the default footer text in Storefront with some custom text. If you’re having the same problem, here’s the answer.

Continue reading

WordPress Twenty Fourteen Theme

How To Make The Custom Menu Widget Look Like The Secondary Menu In The Twenty Fourteen WordPress Theme

Very recently, I got a question from a WPThemeMakeover reader asking how to change the appearance of the Custom Menu widget to look like the Secondary Menu in the Twenty Fourteen WordPress theme.

I think the answer to this question could be of interest to others as well, therefore it makes good material to be shared in a post.

Here’s the problem in detail and what I did to solve it.

Continue reading

Display Category Thumbs On Shop Page With Woocommerce And Virtue Theme

In this short video I answer a WordPress user who wanted to set up an online shop using the free Virtue Theme by Kadence Themes.

Here are her requirements:

  • Name of the Shop page: Store.
  • Drop-down menu containing 4 categories with subcategories, and the products assigned to the subcategories.
  • Store page displaying 4 thumbnails of the corresponding 4 categories.
  • Category page displaying thumbnails of the corresponding subcategories.
  • Subcategory page displaying products thumbnails assigned to that subcategory.

Since the Virtue theme supports Woocommerce out of the box, and given the reliability and high quality of this free WordPress plugin, I recommended using Woocommerce for this task.

Notice: This is not a tutorial on how to set up a shop using Woocommerce, but only a quick video on how to meet this particular user’s requirements. Of course, this solution can be extended to anyone who’d like to set up an online shop according to similar requirements.

I hope you find this short tutorial useful 🙂

WordPress Query

How To Get WordPress To Display What You Want

Depending on the URL of the page you’re visiting, WordPress creates a Query.

This is how WordPress talks to the database to get the information that gets displayed on the page.

For instance, if you’re on the blog page, WordPress creates a query that asks the database for the ten latest posts. Again, if you click a link to a single post page, WordPress queries the database for the requested post.

This query is also known as the main query, that is, the default query that WordPress creates to retrieve data according to the requested page.

Let’s say, however, that we’d like to customize what WordPress retrieves as it accesses the Blog page, or the Archives page. This is the case if, for example, we want three post excerpts only from the Sticky category but not from other categories on the home page.

This calls for changing the default WordPress query. Here are the three recommended ways on how to do this.

Continue reading

Matheson WordPress Theme

How To Center The Jumbotron Headline In The Free Matheson WordPress Theme

One of the popular free themes on the repository, is Matheson, by Bavotasan.

The customization features offered by this nice, clean theme, are powered by the WordPress Customizer, therefore they can be easily implemented and previewed in real time as they’re being made.

One forum question that came up asked how to center the big headline just below the featured image on the home page. It’s not something that can be done using simple CSS however, neither is there an option in the Customizer panel.

What’s there to be done? Here’s how easy it is to solve this problem.

Continue reading

Splash of colors

How to Change Color Styles on Your WordPress Theme

If you’ve just downloaded a HTML template or a WordPress theme, it’s most likely that changing the color on some of its elements or changing the entire color scheme is on your to-do list. It looks like a simple enough task, but it can bring disastrous consequences for the success of a website when done by a complete novice with very little aesthetic sense. Here are a few pointers and some great online tools that make this all-important piece of customization work much easier and foolproof.

Continue reading

Firebug Extension Symbol

How to Use Firebug to Change Your Theme’s Look and Feel

In this post I’m going to show you a great web developer tool called Firebug. Who is not a web developer or a web designer by profession, might not have heard of this free, all-important Mozilla Firefox browser extension. For those who are not afraid of casting a glance on some bit of HTML or CSS code to modify the look and feel of a template or theme for their websites, Firebug is a must-have tool. Here I will show you how to use Firebug for some CSS restyling of your template or WordPress theme.

Continue reading

Parents and child symbolizing WordPress parent and child theme relation

How to Create a WordPress Child Theme

WordPress themes nowadays are awesome when it comes to offering the user options to make modifications straight from the admin panel, without even having to see a line of HTML, CSS, or PHP code.

You’d love a full-width layout instead of the usual sidebar? You like the sidebar, but you want to move it from the right to the left-hand side? No problem: your theme will most certainly have a page template perfectly suited for this very purpose.

And what about changing text color, links color, background color? Here’s WordPress Theme Customizer to the rescue. This amazing relatively new tool opens the doors to all sorts of customizations. The developer implements options in a straightforward way using WordPress native code, and the WordPress website user applies customizations very easily and previews them live right away.

However, there’s one important feature that’s highly recommended when carrying out customizations, especially extensive ones: the child theme. Here’s what it is, what it’s for, and how easy it is to create one.

Continue reading

Composite image of a painting with Marie Antoinette of France

How to Get Your Images Ready For WordPress

One of the most common tasks for anyone who sets out to personalize a template or a theme is adding images that reflect the site’s content, business, brand, or even set the tone and emotional context for the web page.

How you add photos can make or break a website.

What could be easier, one might say. Just buy a nice photo, upload it to the server, and add an <img /> tag to the page.

Not quite so fast. We need to pick the right images, prepare the images for the web, and add them in a way that looks clean and professional, without neglecting some SEO (Search Engine Optimization) aspects that will benefit your website.

Here’s what you need to know when adding graphics to customize your template or WordPress theme.

Continue reading