Skip to content

Replace Favicon of the Blog

Problem to solve

The current favicon used for the OSEG Blog (blog.opensourceecology.de) is an older one, which doesn't comply with the current Favicons line-up. We should consider to replace it with the new green version in PNG format. The PNG files are smaller and might provide a better resolution for high dpi devices.

Intended users

  • any

Proposal

The relevant contents of the green favicon directory can be included in the OSEG Wordpress theme (/wp-content/themes/underscores_oseg/favicon). The paths in the file site.webmanifest need to be adapted to the theme path, then the only thing left to do is to include the following HTML code in the header:

<link rel="apple-touch-icon" sizes="180x180" href="/wp-content/themes/underscores_oseg/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/wp-content/themes/underscores_oseg/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/wp-content/themes/underscores_oseg/favicon/favicon-16x16.png">
<link rel="manifest" href="/wp-content/themes/underscores_oseg/favicon/site.webmanifest">
<meta name="msapplication-TileColor" content="#75b62f">
<meta name="theme-color" content="#75b62f">

Further details

Documentation

Other links/references

Edited by Andre Lehmann
To upload designs, you'll need to enable LFS and have an admin enable hashed storage. More information