How do I add a favicon for my wiki?
Version 9.1 by Jean-Sébastien Dennebouy on 2018/07/12
For the Flamingo skin
- Log in as admin, go to the administration page, up to main menu bar: "Wiki" -> "Administer Wiki."
- Next find the link "Themes" under the "Look and Feel" tab of the left-hand side navigation.
- On this page there is a field labelled "Skin", filled in the XWiki.DefaultSkin (unless you have already customized it), and a button "Customize".
- Press the "Customize" button; you will be redirected to the edit view of XWiki.DefaultSkin (or what the current skin page is).
- Scroll down and press the "Cancel" button to exit the edit view, as we only need to add attachments.
- Click on "Attachments" and attach the following image files:
- icons.xwiki.favicon.ico - for the "traditional" favicon
- icons.xwiki.favicon16.png - for a small (16x16px) version of the favicon in PNG format
- icons.xwiki.favicon.svg - for the favicon in SVG format
- icons.xwiki.favicon144.png - for a 144x144px icon used by some mobile phones
For older Skins (colibri, toucan, etc ..)
- First, you'll need administrator privileges.
- Once logged in as an admin, go to the administration page, up to main menu bar: "Wiki" -> "Administer Wiki."
- Next find the link "Page Elements" under the "Look and Feel" tab of the left-hand side navigation.
- There you will find a field labelled, "HTTP Meta Info"
- Add the following lines in the HTTP Meta Information:<link rel="icon" href="$xwiki.getSkinFile("favicon.ico")" type="image/x-icon"/>
<link rel="shortcut icon" href="$xwiki.getSkinFile("favicon.ico")" type="image/x-icon"/> - Then, visit the XWiki.DefaultSkin page and attach a favicon.ico file.
- Finally, the most important, refresh your browser cache. Depending on your operating system all you need to do is the following key combination:
- Windows: ctrl + F5
- Mac/Apple: Apple + R or command + R
- Linux: F5
Define a specific favicon for a subwiki
- Log in as admin
- Upload the png and/or svg file(s) in the XWiki space of the subwiki.
- Go to the administration page, up to main menu bar: "Wiki" -> "Administer Wiki."
- Go to the "Look & Feel" section -> "Presentation" -> "HTTP META INFO" field:
- Add these lines with the proper location of your files:
- <link rel="icon" href="path/file.png" type="image/png" />
- <link rel="icon" href="favicon.svg" sizes="any" type="image/svg+xml">