To make our theme more easily portable, we need to add links for the favicon.ico
and apple-touch-icon-precomposed.png
files in the head.php
template file:
head.php
file in the templates
folder.favicon.ico
and apple-touch-icon-precomposed.png
files using the WordPress PHP function get_template_directory_uri()
to begin the file path. Then, reach into our ico
folder inside the assets
folder for the files shown as follows:<!-- Icons --> <link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/assets/ico/favicon.ico"> <link rel="apple-touch-icon-precomposed" href="<?php echo get_template_directory_uri(); ?>/assets/ico/apple-touch-icon-precomposed.png">
Here is the screenshot of my resulting favicon in the Google Chrome browser:
Now we just need to attend to a couple of last details to address the specific needs of a WordPress theme.