Social Links Menu in Bootville Lite

Bootville Lite comes with a social links menu that displays in the header area to the right of the site title. Here’s how you can use it.

1. Visit Appearance > Menus
2. Create a new menu, name it whatever you like ( social menu works )
3. On the left click “Custom Links” type in the URL to your Facebook profile for example, in the Link text add whatever you like it is the Facebook URL that tells the menu what icon to display.
4. Save the menu and add it to the “Social Links menu” area and save.
5. Refresh your site and you should see a Facebook icon in the header area.

Here is a list of available icons you can add to the social menu.

  • plus.google.com
  • instagram.com
  • linkedin.com
  • pinterest.com
  • twitter.com
  • github.com
  • wordpress.com
  • facebook.com
  • youtube.com
  • mailto:
  • feed/

If you don’t see one that you would like to have added to Bootville Lite leave a comment and I’ll make sure to include it in the next update and show how you can add your own!

How to Create a WordPress Child Theme and Why

It’s easy to create your own child theme. Even with little css knowledge you can make changes to your site to make a more personalized theme and I’ll show you how to get started, explain how it works and the advantages of using a child theme.

What is a child theme?

A child theme is basically a theme that builds onto a parent theme without touching any of the parent theme files. A child theme relies on the parent theme for it’s initial layout, design, features and functions.

What is a parent theme?

A Parent theme can be almost any theme, it’s the base or “framework” of your child theme. Your child theme is built off of the parent theme. Think of the parent theme as a set of default colors and layouts for your child theme.

Read More

Use Genericons with Twenty Twelve Theme

Twenty Thirteen and my Twenty Plus Pro theme use a font pack called Genericons, which is an efficient way to display icons on your site without increasing load times. They also allow for quick and simple styling without the use of an image editing program, which is great for me because I’m terrible at using them.

Here’s how you can use Genericons in Twenty Twelve theme to add small icons to your meta information “Posted by, Posted on, Posted in” etc etc.

Read More

Embed Moot Forums into Twenty Twelve Theme

I recently discovered a new type of forum software called Moot. It’s different from most forum scripts, it’s a system similar to Disqus or LiveFyre comment system. It’s still in beta and lacks a few upcoming features, but fully functional and seems to work really well.

It’s features consist of image posting, watched topics, email notifications, Facebook sign on, syntax highlighting, post reporting, Akismet spam control, create new forums, completely mobile ready, real-time post preview, instant updates (no need to refresh), SEO features for redirecting to your embedded site, and can even be used as a commenting system.

Read More

Twenty Twelve – Footer Widgets Tutorial

Adding footer widgets to Twenty Twelve theme, Part Two of a five part series on Modifying Twenty Twelve theme. If you’ve read the first part of this tutorial, we added a second sidebar, created a custom body class and designed a few three column layouts to choose from.

If you’re just now starting this tutorial, feel free to download the free Blank Child Theme to begin creating your own theme. Each section of this tutorial is independent and can be done individually, so you can use what you want of it and in any order.

Read More

Twenty Twelve – Three Column Layout Tutorial

Creating a three column layout with Twenty Twelve theme. Part one of a five part series on Modifying Twenty Twelve theme.

We’ll be editing 3 files to create out three column layout, functions.php, style.css and sidebar.php.
I’ll explain how to add a new widget area, add a new body class and how to style the new sidebar for 3 different style layouts. Left and Right sidebars, Two Left sidebars and Two right sidebars. Each layout will also contain styles for IE8 and the layouts will keep the responsive structure of Twenty Twelve theme.

Read More

Use a Default Category Post Thumbnail

In this tutorial I’ll explain how to set the post to use an excerpt, and display a left aligned featured image thumbnail that will display an image based on the category of the post in Twenty Twelve theme.

What I’ve done with this site is used a bit of code that selects an image based on the post category and displays it as the featured image. I can still set one if I want, but I don’t have to. Now one of four images are selected according to the category of the post as the post thumbnail.

Read More