Safari Pinned Tab Icon - wohin mit head?

Alles zu Styles, Templates, Icons und Smilies für phpBB 3.3, sowie allgemeine Designfragen zur Integration von phpBB in bestehende Websites.
Forumsregeln
Bei Style spezifischen Fragen ist der Stylename und die Downloadquelle des Styles erforderlich sowie die URL vom betroffenen Forum.
Antworten
poenn
Mitglied
Beiträge: 37
Registriert: 27.01.2014 11:37

Safari Pinned Tab Icon - wohin mit head?

Beitrag 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:
Nach oben
Benutzeravatar
Kirk
Supporter
Supporter
Beiträge: 8136
Registriert: 24.05.2010 08:31
Kontaktdaten:
Kontaktdaten von Kirk

Re: Safari Pinned Tab Icon - wohin mit head?

Beitrag von Kirk »

Hallo
Hast du es schon mal ausprobiert dies in die overall_header.html zu tun und zwar innerhalb von <head>
Nach oben
Verschoben von Support-Forum nach Styles, Templates und Grafiken am 04.12.2016 16:31 durch Kirk
poenn
Mitglied
Beiträge: 37
Registriert: 27.01.2014 11:37

Re: Safari Pinned Tab Icon - wohin mit head?

Beitrag 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?
Nach oben
Lehrling
Ehemaliges Teammitglied
Beiträge: 3833
Registriert: 15.01.2012 20:00
Kontaktdaten:
Kontaktdaten von Lehrling

Re: Safari Pinned Tab Icon - wohin mit head?

Beitrag 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.
Nach oben
poenn
Mitglied
Beiträge: 37
Registriert: 27.01.2014 11:37

Re: Safari Pinned Tab Icon - wohin mit head?

Beitrag 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…
Nach oben
poenn
Mitglied
Beiträge: 37
Registriert: 27.01.2014 11:37

Re: Safari Pinned Tab Icon - wohin mit head?

Beitrag von poenn »

Gibt es hierzu evtl. Neuigkeiten? Ich habe es leider immer noch nicht hinbekommen…
Nach oben
Benutzeravatar
Dr.Death
Moderator
Moderator
Beiträge: 17473
Registriert: 23.04.2003 08:22
Wohnort: Xanten
Kontaktdaten:
Kontaktdaten von Dr.Death

Re: Safari Pinned Tab Icon - wohin mit head?

Beitrag 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
Nach oben
poenn
Mitglied
Beiträge: 37
Registriert: 27.01.2014 11:37

Re: Safari Pinned Tab Icon - wohin mit head?

Beitrag 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.
Nach oben
Benutzeravatar
Dr.Death
Moderator
Moderator
Beiträge: 17473
Registriert: 23.04.2003 08:22
Wohnort: Xanten
Kontaktdaten:
Kontaktdaten von Dr.Death

Re: Safari Pinned Tab Icon - wohin mit head?

Beitrag 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">
Nach oben
poenn
Mitglied
Beiträge: 37
Registriert: 27.01.2014 11:37

Re: Safari Pinned Tab Icon - wohin mit head?

Beitrag 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?
Nach oben
Antworten

Zurück zu „Styles, Templates und Grafiken“