Seite 1 von 2

Safari Pinned Tab Icon - wohin mit head?

Verfasst: 04.12.2016 12:34
von poenn
Moin allerseits!

Ich möchte meinem Forum das Pinned Tab Icon (siehe hier und hier) für Safari (macOS) hinzufügen. Dies habe ich bei anderen, statischen Seiten bereits des öfteren erfolgreich getan, indem ich in der index.html z.B. folgendes hinzugefügt habe:

Code: Alles auswählen

<head>
<link rel='mask-icon' href='meine_datei.svg' color='green'>
</head> 
Wo/wie sollte man das bei phpBB (3.1.10) hinzufügen? Ich habe es mal testweise in die index.php geschrieben, was aber nicht funktioniert hat und zudem dann beim Aufruf der Seite folgende Fehler ausgespuckt hat:

Code: Alles auswählen

[phpBB Debug] PHP Warning: in file [ROOT]/includes/functions.php on line 5336: Cannot modify header information - headers already sent by (output started at [ROOT]/index.php:2)
[phpBB Debug] PHP Warning: in file [ROOT]/includes/functions.php on line 5336: Cannot modify header information - headers already sent by (output started at [ROOT]/index.php:2)
[phpBB Debug] PHP Warning: in file [ROOT]/includes/functions.php on line 5336: Cannot modify header information - headers already sent by (output started at [ROOT]/index.php:2)
Bin für jede Hilfe dankbar! :wink:

Re: Safari Pinned Tab Icon - wohin mit head?

Verfasst: 04.12.2016 16:28
von Kirk
Hallo
Hast du es schon mal ausprobiert dies in die overall_header.html zu tun und zwar innerhalb von <head>

Re: Safari Pinned Tab Icon - wohin mit head?

Verfasst: 04.12.2016 17:51
von poenn
Ja, das hatte ich nach meinem Beitrag versucht. Es hat leider nix gebracht. Zwar kommt dann keine Fehlermeldung, aber eben auch kein Icon. :-? Muss es an bestimmter Stelle innerhalb von head stehen?

Re: Safari Pinned Tab Icon - wohin mit head?

Verfasst: 04.12.2016 21:14
von Lehrling
Um das in Verbindung mit Wordpress nutzen zu können, muss man diesen Code verbauen:

Code: Alles auswählen

/**
 * Adds a pinned tabs icon
 *
 * @param $meta_tags
 *
 * @return array
 */
function yst_site_icons( $meta_tags ) {
  // Mask icon for Safari pinned tabs
  $meta_tags[] = "<link rel='mask-icon' color='#a4286a' href='" . get_template_directory_uri() . "/images/yoast-logo-icon-black.svg'>";

  return $meta_tags;
}
add_filter( 'site_icon_meta_tags', 'yst_site_icons' );
Ich denke, dass das unter phpBB nur als Extension laufen kann.

Re: Safari Pinned Tab Icon - wohin mit head?

Verfasst: 04.12.2016 21:42
von poenn
Ich habe leider weder via Google eine Lösung gefunden noch scheint es, daß es dafür eine Extension gibt. :cry: Das Verrückte ist, daß ich es irgendwann mal in einer früheren phpBB-Version (3.1.x) laufen hatte. Damals hatte es funktioniert, die Zeile innerhalb von <head> in die index.php zu schreiben…

Re: Safari Pinned Tab Icon - wohin mit head?

Verfasst: 20.05.2017 09:58
von poenn
Gibt es hierzu evtl. Neuigkeiten? Ich habe es leider immer noch nicht hinbekommen…

Re: Safari Pinned Tab Icon - wohin mit head?

Verfasst: 21.05.2017 14:46
von Dr.Death
So hab ich das in meinem Forum gelöst : http://www.lpi-clan.de


Öffne: styles/prosilver/template/overall_header.html

FINDE:

Code: Alles auswählen

<title><!-- IF UNREAD_NOTIFICATIONS_COUNT -->({UNREAD_NOTIFICATIONS_COUNT}) <!-- ENDIF --><!-- IF not S_VIEWTOPIC and not S_VIEWFORUM -->{SITENAME} - <!-- ENDIF --><!-- IF S_IN_MCP -->{L_MCP} - <!-- ELSEIF S_IN_UCP -->{L_UCP} - <!-- ENDIF -->{PAGE_TITLE}<!-- IF S_VIEWTOPIC or S_VIEWFORUM --> - {SITENAME}<!-- ENDIF --></title>
DANACH EINFÜGEN:

Code: Alles auswählen

<link rel="mask-icon" href="/lpi-clan.svg" color="black">

Das Logo für den Pinned Tab Icon liegt bei mir dort im Forums Root ---> http://www.lpi-clan.de/lpi-clan.svg

Re: Safari Pinned Tab Icon - wohin mit head?

Verfasst: 21.05.2017 20:27
von poenn
Hallo Dr. Death,

vielen Dank für deine Antwort. Ich habe es genauso gemacht, wie du geschrieben hast, und auch mal deine Seite besucht. Safari zeigt mir dein Icon wunderbar an. Bei mir klappt es leider immer noch nicht. Ich habe mein svg-Icon sogar mal testweise durch deines ersetzt, um zu sehen, ob es vielleicht an meiner Datei liegt, geht aber auch nicht.

Ich sehe ein grünes G (http://gartenfreundeforum.de), was mir zumindest schonmal zeigt, daß er color="green" richtig interpretiert. Aber das Icon wird nicht angezeigt. Wenn ich in ~/Library/Safari/Template Icons nachsehe, ist mein Icon auch nicht dabei, die der anderen besuchten Seiten (einschließlich deiner) sehr wohl. Hast du eine Idee, woran das liegen könnte? Zugriffsrechte habe ich schon auf „Alle lesen“ geändert, auch mal andere Pfade zur svg-Datei ausprobiert.

Re: Safari Pinned Tab Icon - wohin mit head?

Verfasst: 22.05.2017 07:17
von Dr.Death
Hi,

ja, der relative Pfad zu Deinem Icon ist falsch.

Laut Deinem Quelltext hast Du folgendes eingetragen:

Code: Alles auswählen

<link rel="mask-icon" href="/phpbb3/gartenfreunde.svg" color="green">
Demnach müsste das Icon über die URL: http://gartenfreundeforum.de[color=#FF0000]/phpbb3/gartenfreunde.svg[/color] erriechbar sein.... ist es aber nicht :wink:

Dein Forum ist über "http://gartenfreundeforum.de" erreichbar und dein Icon liegt direkt im Forumsroot.
Daher ist es auch nur über http://gartenfreundeforum.de[color=#FFBB33]/gartenfreunde.svg[/color] erreichbar.

Korrektur wäre dann:

Code: Alles auswählen

<link rel="mask-icon" href="/gartenfreunde.svg" color="green">

Re: Safari Pinned Tab Icon - wohin mit head?

Verfasst: 22.05.2017 10:10
von poenn
Interessant! Ich habe mit dem Pfad schon experimentiert, weil ich mir auch sowas in der Art dachte. Derzeit steht in meiner overall_header.html

Code: Alles auswählen

<link rel="mask-icon" href="/gartenfreunde.svg" color="green">
Wenn ich aber in Safari den Quelltext einblende, sehe ich den Pfad wie du, nämlich inklusive /phpbb3
Das erklärt, wieso mein testweises

Code: Alles auswählen

<link rel="mask-icon" href="http://www.lpi-clan.de/lpi-clan.svg" color="green">
ebenfalls nicht funktioniert hat. :)

Das Hosting ist bei domainfactory und phpBB über deren Menü installiert worden. Dabei erinnere ich mich noch daran, daß man wählen sollte, ob es unter domain.tld oder domain.tld/phpbb3 erreichbar sein soll, wobei ich damals Ersteres gewählt habe. Ich vermute mal, die machen einen Apache URL Rewrite o.ä.?

Ich erzeuge mal testweise ein phpbb3-Verzeichnis in meiner Forum-Root und packe das svg dort rein…

Ha, es funktioniert! Super, du hast mich darauf gebracht! Bliebe nur noch die Frage: Wie treibe ich es aus, daß der Pfad automatisch angepasst wird, ohne alles frisch zu installieren? Vermutlich wäre es besser, einfach das phpbb3-Verzeichnis zu lassen. Oder was meinst du?