Other enhancements

You might want to add the following enhancements as well.

Get some fav icons

You might want to add some fav icons for the various devices. I you don’t have an icon – like I had – just get one from IconMonstr. Next you can go to this Fav Icon Generator website to generate the icons from the source. Dowload the icons and put them in the root of your blog. Next go to the theme and open up header.php and add the following before the </head>:

<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#000000">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#000000">

The theme-color meta tag will adjust the color of your address-bar on Android devices. I’ve chosen black, as my menu is black as well:


Add Open Search

You might want to add Open Search to your website:

Open search allows website to be searched by the browser.

It’s quite simple. Modify this opensearch.xml and add it to the root of your website:

<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
  <Description>Search the Tech Blog of Kees C. Bakker</Description>
  <Url type="text/html" method="get" template="https://keestalkstech.com/?s={searchTerms}"/>
  <Image width="16" height="16">https://keestalkstech.com/favicon.ico</Image>

So, that’s it. Let me know if you have any other ideas about changes.