Category Archives: Screencasts

Screencast Thursday: Working with Shared Layouts

As indicated in the video, the first few minutes are me going over the when/why to use Shared Layouts. If you want to read that (below) instead, skip to 4:00 in the video.

Summary of when/why to use shared layouts:

  • Use Shared layouts when layout inheritance isn’t enough. Example: You want some posts to have one layout and others to have a different layout
  • When you want to export a Template to use on a different WordPress installation either yourself or another Headway user
  • Or just because. I personally prefer using Shared Layouts over cloning. There is actually less data stored in the database and such this way.

Summary of things to know:

  • You can’t (yet) assign Shared layouts (or any layouts) to all posts in a specific category
  • You can’t (yet) mass-assign Shared layouts to posts/pages

Screencast Thursday: Using Custom Fonts

As promised in the video, here’s the code I used in the Live CSS Editor

@font-face {
font-family: 'aleoregular';
src: url('wp-content/themes/code-child/fonts/Aleo-Regular-webfont.eot');
src: url('wp-content/themes/code-child/fonts/Aleo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
url('wp-content/themes/code-child/fonts/Aleo-Regular-webfont.woff') format('woff'),
url('wp-content/themes/code-child/fonts/Aleo-Regular-webfont.ttf') format('truetype'),
url('wp-content/themes/code-child/fonts/Aleo-Regular-webfont.svg#aleoregular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'aleolight';
src: url('wp-content/themes/code-child/fonts/Aleo-Light-webfont.eot');
src: url('wp-content/themes/code-child/fonts/Aleo-Light-webfont.eot?#iefix') format('embedded-opentype'),
url('wp-content/themes/code-child/fonts/Aleo-Light-webfont.woff') format('woff'),
url('wp-content/themes/code-child/fonts/Aleo-Light-webfont.ttf') format('truetype'),
url('wp-content/themes/code-child/fonts/Aleo-Light-webfont.svg#aleolight') format('svg');
font-weight: normal;
font-style: normal;
}

body {font-family: "aleoregular";}


h2 {font-family: "aleolight";}

Screencast Thursday: How to reset Headway and layouts

Sorry this is a day late but this week we tackle resetting Headway layouts and resetting Headway completely. There won’t be a screencast next week due to the Thanksgiving holiday.  Also, we may end up doing these every other Thursday.

Screencast Thursday: Working with Wrappers

Introducing the Working with Wrappers Screencast where you will learn how to add wrappers, change wrappers to fluid, and add wrapper aliases. Sorry for the delay on this week’s Screencast but I hope you enjoy!

Changing the Color of a Single Menu Item (Screencast)

Here is a simple tutorial from Diane Laidlaw of The Design Creative showing you how to easily change the colors of individual menu items. This technique is great for those wanting to highlight a specific menu item entry or to simply create a fun looking menu for their website.

Working with the navigation block and WordPress Menus

We get quite a few questions about how to add a menu to a website so we created this screencast to help guide you through the process. It’s a quick tutorial but if you have questions, post in the comments! Note: Screencast was re-recorded on October 16, 2014 to make it easier to follow (hopefully).

Headway Newsletter

Get the latest updates from our blog directly in your inbox! Are you ready to learn the latest from Headway Themes?

Copyright © 2014 Vesped Inc. All Rights Reserved. Proudly Powered by Headway and WordPress