How to add to <head></head>

010101

All you have to do to add code to your head, is make your main extend.php file look something like the following. Here, I have my fav/app icons, as well as, I point to a javascript file for my analytics. This way I avoid having yet another extension for something simple like some code in the head.

<?php

/*
 * This file is part of Flarum.
 *
 * (c) Toby Zerner <toby.zerner@gmail.com>
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

use Flarum\Extend;
use Flarum\Frontend\Document;

return [
    (new Extend\Frontend('forum'))
        ->content(function (Document $document) {
            $document->head[] = '
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=rMqKBbNrwJ">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=rMqKBbNrwJ">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=rMqKBbNrwJ">
<link rel="manifest" href="/site.webmanifest?v=rMqKBbNrwJ">
<link rel="mask-icon" href="/safari-pinned-tab.svg?v=rMqKBbNrwJ" color="#2d2d2d">
<link rel="shortcut icon" href="/favicon.ico?v=rMqKBbNrwJ">
<meta name="apple-mobile-web-app-title" content="Ennuily">
<meta name="application-name" content="Ennuily">
<meta name="msapplication-TileColor" content="#000000">
<meta name="theme-color" content="#ffffff">
<script src="/analytics.js"></script>
            ';
        })
];

Kayo

thank u so much 010101 ❤️

HD3D

010101 Thank you so much for this wonderful extension
I don't use analytics.js what js file should I use as source?
Can't we simply use sw.js?

ravanalaskarov

010101 Favicon is not visible when a discussion opened

Scribble_Nerd

You should not be editing the flarum files, as it will get overwritten when you install any new update

luceos

Scribble_Nerd there seems to be a slight misunderstanding here. Everything in the root path you can change to your liking, except any file under vendor. Our recommendation to "not edit any flarum files" relates to the files specifically found under vendor/flarum/core or to us "core", we call this "flarum". because it contains all the actual logic that makes Flarum work. The files under your root path are the "bootstrap" files are used to boot up Flarum.

Having said that, using the extend.php is actually our recommendation for changing your Flarum installation without having a need to create a full fledged extension.

My apologies if that is unclear.

010101

HD3D Yes. You may add any JavaScript file there that you want to include in the head. Or, you can remove that line.

HD3D

010101 Ok sir, thank you so much for the guidance 🙂

jet

Good job! Thanks.

dragsugur

ravanalaskarov you dont have to this for favicon. flarum nativly supports favicons. its in admin#/appearance

ravanalaskarov

dragsugur yeah but when you want to add your website to home screen (ios or android), favicon doesn't show up.

I found a workaround by using HTML Head Items extension