ComboStrap Getting Started - How to configure the Favicons

This page is an HowTo that shows you how to choose and install a favicon with ComboStrap.

You can design a icon image but you can also choose one from a free icon repository

Example with: https://materialdesignicons.com/

• Choose an icon

• Download the Svg file and rename it to logo.svg

• Go back in the Advanced Export and create a PNG with the biggest size

• Go to the realfavicongenerator generator
• Upload your PNG image
• Answer the forms, follows the steps and download the package icon

• Then upload the below icon files with the media manager to the root location (ie DOKUWIKI_HOME/data/media/)
  • favicon.ico
  • favicon-32×32.png
  • favicon-16×16.png
  • apple-touch-icon.png
  • android-chrome-192×192.png (used in the manifest)

Example:

svg files are by default not permitted by Dokuwiki because they can include script, you therefore need to upload it directly to the computer to data/media from the dokuwiki installation directory.

You can then use your logo in the brand component of the top navigation bar with the icon component

Example:

<brand class="pt-0" title="ComboStrap Home" style="color:#075EBB">
<icon name="logo.svg" />
ComboStrap Beta
</brand>

• Result:

ComboStrap Beta

• Refresh and delete the Browser cache by hitting the key combination
  • Ctrl + Shift + R - Chrome
  • or Ctrl + F5 - Firefox
• Check that you see your favicon

Create a headerbar