#fab-youtube ne fonctionne pas

Soutien
1

Est-ce que c’est juste moi ou est-ce que quelqu’un d’autre a aussi une icône YouTube manquante ?

#fab-youtube ne fonctionne pas pour moi

2

Où essayez-vous de l’utiliser ? Dans un paramètre ? Un thème ?

3

Dans le composant de pied de page réactif simple, les icônes Twitter et Facebook s’affichent-elles ?

image
image165×207 2.25 KB

4

Ça fonctionne bien pour moi. Je vérifierais tes paramètres… il faut en effet le configurer à deux endroits. Mes paramètres (les valeurs par défaut) ressemblent à ceci :

Screen Shot 2020-09-03 at 10.29.11 PM
Screen Shot 2020-09-03 at 10.29.11 PM679×419 45.6 KB

5

J’ai reçu des conseils de Dax car je souhaitais ajouter un logo dans la première boîte, et elle m’a aidé, mais je dois le faire de manière accessible via le code et inclure un texte alternatif. J’ai donc repris le HTML et le CSS pour créer une version statique du pied de page qui intègre le logo dans le code plutôt que dans le CSS. Je n’ai plus ces champs de saisie à ma disposition.

Le code ressemble à ceci :

image
image710×561 27.5 KB

6

Vous devrez toujours le spécifier dans le back-end pour que l’icône soit disponible sur la page. Discourse ne charge pas aveuglément toutes les icônes FontAwesome, ce qui serait très gourmand en ressources.

7

Merci, Stephen. Les icônes Twitter et Facebook fonctionnent-elles pour autant ? Pourriez-vous m’indiquer comment procéder ? Ou serais-je mieux avisé de simplement télécharger les ressources et de pointer vers celles-ci ?

8 
<svg class="fa d-icon d-icon-fab-youtube svg-icon svg-node" id="fab-youtube" viewBox="0 0 576 512">
  <path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path>
</svg>

Si vous supprimez : fa d-icon d-icon-fab-youtube svg-icon svg-node, vous devez spécifier la largeur et la couleur :

<svg id="fab-youtube" viewBox="0 0 576 512" style="width: 20px;fill: #fff;">
  <path d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path>
</svg>
9

Les icônes Facebook et Twitter sont déjà utilisées ailleurs dans Discourse, c’est pourquoi elles sont disponibles.

Ce que @Bcat a publié ci-dessus est le code source de l’icône SVG YouTube, vous pouvez donc le coller à la place de ce que vous avez actuellement et cela fonctionnera dans votre HTML.

10

Merci Bcat, tu es génial !!

11

et merci aussi pour ton aide, Kris !