A “favicon” is the icon that identifies your website in a browser tab or when someone bookmarks your website.

This is a short tutorial on how to create a favicon and install it on a WordPress website using the Genesis Framework.

  1. Choose an image to use. Keep in mind that it should be something simple so that when is sized down to a small icon, people are still able to make out the shape or letter you’re using.
  2. Create an .ico file.  Here is an easy tool you can use to convert your web image into an ico file: http://tools.dynamicdrive.com/favicon/
  3. Upload the favicon to your website. The easiest way to do this would be via a plugin like this one:
    http://wordpress.org/extend/plugins/genesis-favicon-uploader/

Annie Middleton

Annie Middleton is the founder of 9 Planets Web Design, a Eugene, Oregon-based digital marketing and website design agency specializing in accessible, user-friendly websites for small businesses and organizations. With more than 20 years leading web design and digital marketing projects, Annie focuses on creating websites that are clear, effective, mobile-friendly, and easy for everyone to use. She is passionate about helping businesses improve their online presence through thoughtful design, accessibility-focused development, and practical digital marketing strategies.

Annie Middleton Headshot