Adding icon links

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:

1. Open the head.php file in the templates folder.

   

2. Add links to our 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">

3. Save and refresh the file, and depending on your browser's behavior, you should see your favicon appear.

   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...