#7 Adding a Favicon

Amy Marsh Is A Fashion Technologist In Training


The Favicon- a simple little feature to make your site look that little bit more professional. This is not a long tutorial, I would say it took me under an hour to design and add my favicon to the site. Even if you are not completing all of the tasks or using a different blog theme this can still be done easily, so no excuses!


Thanks to this easy piece of code it was a well needed early night for me!



First create or generate a favicon using this website or in photoshop. The image needs to be 16 by 16 pixels.

Next add the favicon to your media in WordPress.

Add this piece of code to your header underneath the opening <head> tag:

Your type of image will match the file type of your icon, for example here it is type=”image/png” because it is a .png file. It could be a type=”image/ico” if it is a .ico file.



Leave a comment with any questions or to submit your progress and make sure to check out the blog tomorrow and see what has changed!



Stay Updated

If you enjoyed this post, subscribe to the Fashion Technologist for updates

What are you interested in?

Discover more:
email course
(blog)Random Banner Ad Featured Image
Screen Shot 2014-06-10 at 17.43.10
two ways to make your site more secure
(feat) theFEED Profiles- RooftopAntics.com
How to change the default media linking option in wordpress
Why I do not like blog posts being By Admin
how to create a wordpress plugin

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">