Dashicons

Add and Style Post Formats in Your Genesis Child Theme

May 26, 2015 by Marcy Diaz 12 Comments

This tutorial will show you how to add and style post formats in your Genesis child theme.

So what are post formats?

A Post Format is a piece of meta information that can be used by a theme to customize its presentation of a post.
WordPress Codex

But really, adding post formats to your WordPress website just allows you to easily style different posts. Some other platforms, such as Tumblr do this automatically. The default WordPress theme Twenty Thirteen is styled using post formats.
Read More » about Add and Style Post Formats in Your Genesis Child Theme

Add Dashicons to Show File Type for Download Links

May 19, 2015 by Marcy Diaz 5 Comments

You may have different kinds of files or file types for your website visitors to download, such as Microsoft Word or Excel documents, or Google Docs or Sheets, PDFs or e-books, or even audio or video files.

This WordPress tutorial shows how you can use dashicons to provide your visitors with a visual indication of the file type of the download link, so they don’t start downloading a file type that they prefer to use on another device, for instance on their laptop, rather than on their phone.
Read More » about Add Dashicons to Show File Type for Download Links

How to Add Arrow Indicators to Genesis Navigation Menus

November 4, 2014 by Marcy Diaz 15 Comments

You can add arrow indicators to your navigation menu drop downs in your Genesis theme with just a little bit of CSS. This will help your website visitors to see at a glance which menu items have more items hidden below them.

I like to use Dashicons for this because they are already enqueued in many Genesis themes, and because there are three types of arrows that you can choose.

You can view all the dashicons here. The arrows are in the section labeled “Sorting”.
Read More » about How to Add Arrow Indicators to Genesis Navigation Menus

Add Dashicons to Your WordPress Post

October 28, 2014 by Marcy Diaz 3 Comments

You can add a font icon and a border to your WordPress website pages or posts or widgets. This tutorial shows you how use dashicons in a border on your posts.

Many themes now have dashicons enqueued in the theme functions.php, but if yours doesn’t, you can read more about how to add dashicons to your theme.
Read More » about Add Dashicons to Your WordPress Post

Use WordPress Dashicons to Add Font Icons to Your Genesis Theme

February 4, 2014 by Marcy Diaz 7 Comments

Have you seen the new WordPress Twenty Fourteen theme with the little font icons in the post or entry meta? You know, the ones next to the post date, and post author and tags? You can add these using icon fonts. There are many different icon fonts and resources for them and tutorials to use them.

However, WordPress 3.8 added an icon font – Dashicons – to the admin side of WordPress. And so with a bit of code, you can make those icons available to use in your Genesis WordPress Theme.

This tutorial shows you how to use the WordPress Dashicons icon font to add icons for the entry meta of the Genesis Sample 2.0.1 theme.
Read More » about Use WordPress Dashicons to Add Font Icons to Your Genesis Theme