Just so I can customize it with my own logo, favicon and such.
Love the system, btw. :)
Hey there Sanjaya!
Assuming that you've setup Misago with
misago-start.py testforum, you'll get this directory structure:
testforum + avatar_store + media + testforum * __init__.py * settings.py * urls.py * wsgi.py + static + theme * static * templates + cron.txt + manage.py
Misago uses special scripts called "finders" for templates and assets. Default setup makes those finders search for assets in your "theme" directory and only then fallback to Misago's default.
So assuming you have custom
favicon.ico, you may replace default one with it by adding it to your
theme/static/favicon.ico, and then running
python manage.py collectstatic when deploying your site.
You may use this approach for other icons as well (Misago comes with plenty of apple-specific icons), or by overriding default templates with custom html.
You'll need to either add custom CSS file and override
misago/base.html template to include it, or grab default less files and modify them to suit your needs. Either approach is good, but forking less files will allow you for easier customisation due to bootstrap's style variables.
...on sidenote, it may be good idea for Misago to come with separate template for
head.html section for board admins to customize on their own.
So, ive create a custom
favicon.ico and placed it via
theme/static/favicon.ico and invoked the command
python manage.py collectstatic . When I then deploy my site, it still shows up with the default one. Ive been trying this for an hour with no success.
/static/favicon.ico shows the favicon image, btw.
I dunno. If you are sure that favicon shown under the
/static/favicon.ico shows correct (new) image, I would look up on google possible approaches to forcing favicon's refresh in browser. Speaking from experience, browsers update favicons once in a while, but I've never pinpointed triggers for such updates.
There's two things to consider actually:
Firstly change your static files storage to one that fingerprints assets. This is approach I'm using on this forum, because I deploy changes to frontend frequently, and this assures that users will not browse with outdated assets.
Second one is see if favicon you are testing is actually right icon for your device/browser. Like other things, favicons got annoyingly complicated over last years. Just consider Misago's html for icon:
<link rel="apple-touch-icon" href="/static/apple-touch-icon.82ce80504b45.png"> <link rel="apple-touch-icon" sizes="57x57" href="/static/apple-touch-icon-57.d4828c32a03b.png"> <link rel="apple-touch-icon" sizes="72x72" href="/static/apple-touch-icon-72.5a5be5451c80.png"> <link rel="apple-touch-icon" sizes="76x76" href="/static/apple-touch-icon-76.9ab7eeab9916.png"> <link rel="apple-touch-icon" sizes="80x80" href="/static/apple-touch-icon-80.a64487d138d9.png"> <link rel="apple-touch-icon" sizes="114x114" href="/static/apple-touch-icon-114.a29d0645024f.png"> <link rel="apple-touch-icon" sizes="120x120" href="/static/apple-touch-icon-120.82ce80504b45.png"> <link rel="apple-touch-icon" sizes="144x144" href="/static/apple-touch-icon-144.ad7d88d010d2.png"> <link rel="apple-touch-icon" sizes="152x152" href="/static/apple-touch-icon-152.575c69f28f51.png"> <link rel="apple-touch-icon" sizes="167x167" href="/static/apple-touch-icon-167.a8bb70902968.png"> <link rel="apple-touch-icon" sizes="180x180" href="/static/apple-touch-icon-180.5c839d86d081.png"> <link rel="shortcut icon" href="/static/favicon.0b87dfbd7c18.ico"> <link rel="icon" sizes="16x16 32x32" href="/static/favicon.0b87dfbd7c18.ico">
There's 12 icons involved. But wait, that
favicon.ico? Its actually three icons packed in one file.
And here's chrome guys explaining how favicons are treated differently than other assets because they are actually tied to bookmarks and browsing history, not assets cache.