Android Touch Icon

Dani74

Hallo zusammen

Ich möchte ein Android Touch Icon einbinden.

Ich weiss das ein ähnliches Thema bereits behandelt wurde für das Apple Touch Icon. Jedoch für das Android Touch Icon funktioniert dies leider nicht so einfach.

Ich habe vom Cassiopeia extended schon mal ein Child angelegt. Wie im Forum auch schon beschrieben ist im Child bereits eine (ergänzende) index.php Datei angelegt. Für mich stellt sich dabei aber folgende Fragen;

Variante 1; Ich kopiere die Original index.php Datei in das Child Template und passe den <head> entsprechend an für das Android Touch Icon - dann werde ich aber wahrscheinlich ein konflikt haben da die ergänzende index.php Datei fehlt vom Child

Variante 2; der zusätzliche <head> für das Android Touch Icon in die Child (ergänzende) index.php rein schreiben. Jedoch funktioniert das? Wo muss ich den zusätzlichen <head> einfügen? Wie müsste dieser aussehen?

Oder gibt es eine andere Lösung?

kitepascal

Ich find diese Erweiterung sehr praktisch:

aiFavicon, by Web Central - Joomla Extension Directory

A system plugin to add the favicon to a site as generated by realfavicongenerator.net.

extensions.joomla.org

Plugin installieren, aktivieren
https://realfavicongenerator.net/
Favicon package als ZIP downloaden mit allen Varianten
Verzeichnis "favicon" im Child Template erstellen und die Dateien aus dem ZIP darin platzieren
Fertig

Siehe auch

aiFavicon Documentation - Joomla Web Central - Support - Extensions - Components - Plugins

Gruß

Pascal

Sieger66

Eventuell nützlich für die Variante 2 z.B.:

$this->addHeadLink('manifest.json', 'manifest', 'rel', ['type' => 'manifest']);

in der index.php des kopierten Child-Templates hinzufügen z.B. bei Zeile 16:

github.com/joomla/joomla-cms/blob/6.1.0/templates/cassiopeia_extended/index.php#L16

Dani74

Zitat von Sieger66

Eventuell nützlich für die Variante 2 z.B.:
$this->addHeadLink('manifest.json', 'manifest', 'rel', ['type' => 'manifest']);
in der index.php des kopierten Child-Templates hinzufügen z.B. bei Zeile 16:
github.com/joomla/joomla-cms/blob/6.1.0/templates/cassiopeia_extended/index.php#L16

Ok, sehr interessant. Danke dir!

Und die manifest.json Datei muss wo genau hin? Und kann ich diese definieren dass sie nur für Android gültig sein soll? (iOS funktioniert ohne perfekt)

json

Code

{
  "name": "Meine Joomla App",
  "short_name": "JoomlaApp",
  "description": "Eine kurze Beschreibung meiner Webseite.",
  "start_url": "/index.php",
  "display": "standalone",
  "background_color": "#ffffff",
  "theme_color": "#0055aa",
  "icons": [
    {
      "src": "images/icon-192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "images/icon-512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}

Alles anzeigen

Sieger66

Habe es selbst noch nie umgesetzt.

Zitat von Dani74

Und die manifest.json Datei muss wo genau hin?

Siehst du im Seitenquelltext und du kannst ja wohl auch zusätzliche Pfade angeben z.B.

'media/templates/site/cassiopeia_socialplus/images/manifest.json'

anstatt nur:

'manifest.json'

Zitat von Dani74

Und kann ich diese definieren dass sie nur für Android gültig sein soll?

Eventuell nützlich siehe z.B.:

wiki.selfhtml.org/wiki/Favicon#praktische_Vorgehensweise

Tags