Ready to up-Level your website for for the New Year? Join 'The Website Formula'

How To Create And Add A Favicon To WordPress

|
Want to know how to create and add a favicon to Wordpress? In this video I'm going to walk you through it. The tiny favicon at the top of the menu bar tells you a lot about the website that you're visiting so it's super important that you get it perfect for your brand.
Play Video

Video Transcript

The tiny favicon at the top of the menu bar tells you a lot about the website that you’re visiting, so you must make it ideal for your brand.

Hey everyone, I’m Kelly, and today I’m going to show you how to create and upload a favicon into WordPress.

First, let’s head on over to WordPress and have a look at where you upload your favicon. First, go to ‘Appearance’ and then ‘Customize’, and then to ‘Site Identity’. On the left, you will see there is a box to add my logo, and a box to put in my site icon, which is the Favicon, or website icon. As you will probably know, the YouTube Favicon is the little red rectangle with a triangle in, and that’s instantly recognisable. If the user of your website had lots of tabs open, and your tab was just a tiny little icon, you want it to stand out, you want them to know how to get back to you, and you want it to look professional.

Site icons should be square and at least 512 x 512 pixels. To do this, let’s head over to Canva. I love Photoshop, and I’m fully trained in Photoshop, however, Canva is so easy that I use it to teach all of my students, and do a lot of my work in there now too. Once in Canva, click on ‘Create a design’ and click on ‘Instagram Post’, and it creates a square for you, which I can then change the size of. I want to change it to 512 x 512 pixels, so just click ‘Resize’, and now I have the perfect size canvas for my Favicon.

If you already have a logo make sure it has a cute little image that can be a simple icon that will look great at a tiny size. Delete everything out of the image apart from the small part you want to use, and then make that as large as possible on your canvas. Within Canva you could also change the colour, and then all I do is click download. The image should be a PNG because you want your Favicon to have a transparent background. Then just click on download.

You will need to change the name of the file, as ‘untitled design’ is not a good file name to upload to WordPress, so I’m going to call it ‘favicon’. I could even call it KellySparks-favicon. When naming files, put dashes not spaces as for websites that’s best practice.

I now return to my website, and we have the little world icon. I then click on ‘Select site icon’, click on ‘Upload Files’, ‘Select Files’, and find it in my downloads as ‘KellySparks-favicon’. Click on ‘Open’, and that will upload it to my website. If I like how it all looks, I can click ‘Publish’ and my Favicon is uploaded and saved.

I hope this video has inspired you to go off and create a favicon for your website.

Kelly Sparkes Headshot in Circle

Hi, I’m Kelly, the digital bloomsmith behind Opal & Onyx. I specialise in creating websites showcasing your floral artistry and attracting and converting high-ticket customers, taking care of all the boring tech stuff.

Let’s collaborate to make your online presence as captivating as your blooms – I’d love to help your floral business flourish in the digital world.

View more

categories

Sign up to my

newsletter

Shop website

designs

Peony and Peridot Home page without workshops section

Peony & Peridot

A sleek, flowing WordPress site full of large images; Peony & Peridot’s horizontal lines create a sense of space and openness, encouraging visitors to scroll and explore, diving deeper into the wonderful world you have created.
Jasmine and Jasper homepage in full

Jasmine & Jasper

The perfect balance of Passion & Luxury; Jasmine & Jasper’s elegant, minimalist layout will entice your clients in and keep them entranced with its unapologetically feminine allure.

Share the

love

Facebook
Twitter
Pinterest
LinkedIn

Leave a Reply

Your email address will not be published. Required fields are marked *

You may also like...

Georgina Chapman Flowers website updated hero image for Christmas

Preparing Your Website for Christmas – A Comprehensive Guide

The festive season is fast approaching, and if your business is in e-commerce or any industry that experiences a surge in Christmas traffic, preparing your website for Christmas is a crucial step. To make the most of this festive season, consider implementing the following key strategies and tasks that will

Read More
three generic logos designed with ai

Using AI to Generate Your Logo: 3 Costly Mistakes

Creating a compelling logo for your business has never been easier thanks to the advent of artificial intelligence (AI) tools and design templates. Platforms like Ideogram.io and Canva offer efficient solutions for logo generation, helping you save time and money. However, whilst these AI-driven options can certainly be a game-changer,

Read More

Join the List

Join our thriving community of fellow floral enthusiasts by subscribing to our blog.

As a subscriber, you’ll be the first to unlock our website tutorials and insider tips, stay updated with the latest website trends, and gain access to exclusive discounts and content that will help you level up your website.