Mettre le lien de mon forum en icône sur tablette et téléphone

[Zenobe]

Bonjour,

Bon, je crois avoir fait tout comme vous avez dit.
J'ai téléchargé l'extension "favicon" et l'ai sans doute placée au bon endroit (/ext) puisque le système l'a trouvée.
Pareil pour le style Black Silver (/styles) qui va me servir de test, le définitif, on verra plus tard.

J'ai une icone pour représenter le forum.

Et là ..... plouf.

Soit ma sainte institutrice de mère ne m'a pas correctement appris à lire, soit je suis le plus débile des balbusards (ce qui n'est pas impossible en soi).
J'ai beau passer des heures sur les sujets du forum, je ne trouve pas quoi faire de tout cela.

[varchar]

Comme il vous a été dit dans la première réponse du sujet il faut passer par ce site https://realfavicongenerator.net/ et suivre les instructions. De cette manière vous verrez bien les icônes apparaître sur votre mobile ou tablette.
Vous pouvez oublier l'extension.

[Sylveretour]

La favicon apparait bien maintenant dans ton forum.
Toutefois, elle doit aussi être à la base du forum (à coté du fichier config.php) dans le format "favicon.ico" afin de pouvoir être trouvée comme il se doit par les moteurs, robots, logiciels et applications qui les recherchent...
Elle doit être de taille 16*16

[Zenobe]

Bonjour,

Effectivement le lien pour la suite des opérations était bien dans la toute première réponse, mais j'avoue que, ne sachant pas trop où j'allais, je ne l'avais regardé que d'un œil distrait et qu'il m'était vite sorti de la tête.

J'ai donc créé le favicon.ico suivant la méthode indiquée et ai téléchargé les fichiers récupérés à la racine du site.

Mon problème est maintenant d'ajouter le bloc d'instructions dans le header des pages. Je reconnais que je ne suis pas très à l'aise en ce qui concerne des modifications dans les fichiers de bases de phpBB car je pense qu'il doit exister quelque part la partie du header commune à toutes les pages.

J'ai donc deux solutions :
Soit tâtonner au risque de "casser" et de devoir tout réinstaller, je me suis préparé à cela en effectuant une copie locale de tout le site.
Soit espérer que l'un des spécialistes que vous êtes m'indiquera l'endroit précis où je dois ajouter le "pack" en question pour qu'il soit inclus automatiquement lors de la création des pages.

Merci d'avance

[varchar]

Après avoir téléchargé l'archive contenant les images de favicon les placer dans un dossier favicon qu'il faut ajouter au répertoire images du style utilisé sur le forum, par exemple /images/favicon


Ensuite ouvrir le template overall_header.html

Trouvez

Code : Tout sélectionner

<!-- IF U_CANONICAL -->

Juste avant ajoutez ceci

Code : Tout sélectionner

<link rel="apple-touch-icon" sizes="180x180" href="{T_THEME_PATH}/images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="{T_THEME_PATH}/images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="{T_THEME_PATH}/images/favicon/favicon-16x16.png">
<link rel="manifest" href="{T_THEME_PATH}/images/favicon/site.webmanifest">
<link rel="mask-icon" href="{T_THEME_PATH}/images/favicon/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="{T_THEME_PATH}/images/favicon/favicon.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">

Fermez, enregistrez et videz le cache

Je reconnais que je ne suis pas très à l'aise en ce qui concerne des modifications dans les fichiers de bases de phpBB

Dans ce cas, faites une copie du template overall_header.html avant de le modifier.

À savoir également, si vous n'utilisez pas de style personnalisé vous serez obligé de modifier le style prosilver. Cette modification de template sera probablement à refaire après chaque mise à jour.

[Sylveretour]

Il n'y a pas besoin d'apporter d'autres modifications je viens de tester tout fonctionne parfaitement pour faire afficher l'icône comme tu le souhaites lors de la création d'un raccourci sur l'écran d'accueil d'un smartphone.

[varchar]

Utiliser une extension pour un simple Favicon, oui c'est possible mais c'est risquer une incompatibilité future lors de l'abandon de l'extension.
Alors qu'il existe une solution pérenne.

[Steph]

Solution pérenne, oui, mais je ne vois pas l'intérêt dede mettre autant de lignes de codes pour un favicon, cela sent le copier coller d'un truc trouvé quelque part ou chatGpt.

Quant au côté incompatibilité et soucis lors de mises a jours et bien lors du passage de 3.1 a 3.2 voir 3.3, il a été beaucoup plus simple de rendre compatible une extension (pas toutes il est vrai) qu'un style a refaire totalement.

Aussi l'extension concernée est tellement simple qu'il ne sera vraiment pas compliqué a maintenir et je confirme cela fonctionne très bien.

[Zenobe]

Bonjour,

Merci de votre aide, en fait je me suis aperçu que le favicon était sans doute mis en place par l'extension "extension_empreintesduweb_favicon_v101".
Il semble bien qu'il y ait double emploi.

Ceci dit, je vais suspendre mes recherches sur ce sujet jusqu'à avoir étendu mes connaissances sur la structure et les fichiers de PhpBB.

Merci encore de m'avoir consacré du temps et de vos conseils.

[MrGaby]

Bonjour à tous

Ce (léger) déterrage pour signaler un développement en cours d'une extension par la team phpBB, prévue pour gérer les notifications push par navigateur. Mais elle contient en plus un paramétrage pour afficher le nom "d'appli" souhaitée et les icones qui vont bien... Ce qui répondrait donc "proprement" au problème posé ici.

Attention, cette extension est en développement, mais semble-i-il proche de la validation officielle.

Browser Push Notifications : https://www.phpbb.com/community/viewtopic.php?t=2653219

Testée par mes soins sur Safari iPhone et macOS, cela fonctionne (mais pas de pastille rouge sur l'appli web sur smartphone).

Le style du forum doit impérativement être prévu pour phpBB 3.3.12

[cabot]

Cette fonctionnalité sera d'ailleurs intégrée nativement à phpBB4.