Tiktok a besoin de @ et Youtube utilise l’URL du forum 
Je n’utilise pas TikTok - avez-vous un nom d’utilisateur exemple que je peux utiliser pour expérimenter ?
Eh bien, le mien est jagster64 - c’est tout à fait sûr à utiliser car je ne publie pas.
Corrigé - ajouté à la pull request
2 « J'aime »
Pull request soumis pour ajouter la prise en charge de Strava - j’espère que @weallwegot tolérera ma pull request légèrement désordonnée :-s
1 « J'aime »
Hm, temporary-twitter-x a été reconfiguré en fab-twitter. Était-ce fait exprès ou par erreur ? Quoi qu’il en soit, l’ancien oiseau Twitter est de retour à la place du nouveau logo X.
1 « J'aime »
Merci pour la correction - j’ai créé une pull request pour la mettre à jour avec le rebrand de Twitter.
2 « J'aime »
Merci ! Mais malheureusement, vous devez changer fa-x-twitter en temporary-twitter-x, car fa-x-twitter est Fontawesome 6, qui ne fonctionne pas encore dans Discourse.
2 « J'aime »
Je pense que ça devrait fonctionner
3 « J'aime »
Mis à jour avec la bonne icône X… sachant que tous les experts en image de marque et en marketing ont ressenti un frisson froid mais ne peuvent pas expliquer pourquoi
3 « J'aime »
Tests effectués - je peux confirmer que l’icône FA6 fonctionne - la pull request a été mise à jour
2 « J'aime »
Ouais intéressant, Fontawesome 6 semble fonctionner maintenant avec Discourse ! 
Avec la bonne icône, je peux aussi la voir. Cool ! Merci beaucoup !
2 « J'aime »
Salut, est-il possible d’ajouter un SVG personnalisé au lieu d’un de FontAwesome, comme le permet Custom Header Links (icons) ?
Comme ça ?
Je viens de réaliser que désélectionner « Afficher sur le profil public » supprime le champ utilisateur du profil public (comme prévu), mais le comportement de l’icône fournie par ce composant de thème est plus erratique :
- sur mon compte administrateur, je peux toujours voir l’icône
- sur mon compte de test (niveau de confiance 1), l’icône disparaît également
En d’autres termes, pour la plupart des utilisateurs connectés et tous les utilisateurs anonymes, l’icône du champ utilisateur personnalisé n’est visible que lorsque le libellé et la valeur textuelle correspondants sont également visibles. En masquer un, masque l’autre.
C’est étrange, mais j’ai essayé avec différents navigateurs, une fenêtre de navigation privée, et je peux reproduire cela de manière fiable. Quelqu’un d’autre peut-il reproduire ce problème ?
C’est l’une de ces choses faciles à manquer en tant qu’administrateur. Je ne l’ai remarqué qu’après qu’un utilisateur ait signalé un problème qui m’a fait réaliser ce comportement.
Au cas où cela aiderait, je teste cela avec l’icône Mastodon.
J’ai un problème où les liens ne naviguent pas correctement vers le profil de médias sociaux de l’utilisateur. Il semble qu’ils ajoutent simplement l’URL de la page sur laquelle vous vous trouvez avec le champ personnalisé de l’utilisateur.
Jusqu’à présent, j’ai remarqué cela pour Steam et Discord.
En regardant le dépôt github dans links-settings.js, il n’y a pas de lignes base: ou baseregex: pour Steam et Discord… Bluesky et Twitter (désolé, X l’application pour tout) fonctionnent bien, et ils ont ces deux lignes, donc c’est peut-être le problème ?
{
name: "Discord",
icon: "fab-discord",
link: {
value: settings.discord_custom_field_name,
},
},
{
name: "Steam",
icon: "fab-steam",
link: {
value: settings.steam_custom_field_name,
},
},
Pour Bluesky :
{
name: "Bluesky",
icon: "fab-bluesky",
link: {
value: settings.bluesky_custom_field_name,
base: "https://bsky.app/profile/",
baseregex: "^http(s)?://(www.)?bsky.app/profile/",
},
},
Pour Twitter :
{
name: "X",
icon: "fab-twitter",
link: {
value: settings.twitter_custom_field_name,
base: "https://twitter.com/",
baseregex: "^http(s)?://(www.)?twitter.com/",
},
},
En parcourant le reste des entrées, il semble que celles-ci n’aient pas non plus de lignes base: ou baseregex:, mais je n’ai pas d’exemple concret pour les tester.
- mastodon
- discord
- steam
- bandcamp
(édité pour ajouter) J’ai créé une pull request :
09096b8 : ajout des URL de base pour l’e-mail, steam et linkedin
0ec40a0 : ajout de discord, bandcamp et mastodon, et mise à jour du readme. Je l’ai fait séparément car bandcamp et mastodon auront des URL de base différentes selon l’utilisateur, elles ne sont pas cohérentes ; et pour Discord, l’utilisateur saisirait son identifiant d’utilisateur et non son nom d’utilisateur, il semblait donc que cela nécessiterait une explication dans le readme.
J’ai créé des champs utilisateur personnalisés qui correspondaient à ceux que je voulais utiliser. Seules quelques icônes sont apparues, mais le nom social et l’URL sont également apparus en bas de la carte de profil. Comment puis-je éviter cela et m’assurer que toutes les icônes s’affichent ? Je devrais mettre à jour l’icône Facebook avec : fab-facebook-f et renommer Twitter en X en utilisant cette icône : fab-x-twitter et… et ajouter Snapchat avec cette icône : fab-snapchat
Je dois faire changer twitter en x (url et icône)… et je ne sais pas pourquoi ils s’affichent également sous forme de texte. Voir ici :
1 « J'aime »
Super utile, merci.
Ok, pour ceux qui souhaitent mettre à jour Twitter vers X (l’icône et l’URL), suivez ces étapes.
-
Allez dans Admin > Apparence > Thèmes et composants > Composants > Installer > Créer un nouveau
-
Ajoutez ce code dans l’onglet CSS (remplacez « XXXXX » par votre nom d’utilisateur @) :
/* 1. Masquer l'icône SVG Twitter originale */
a[href="https://twitter.com/XXXXX"] svg.d-icon-fab-twitter,
a[href="https://x.com/XXXXX"] svg.d-icon-fab-twitter {
display: none;
}
/* 2. Injecter l'icône X à l'aide d'un pseudo-élément et d'un masque CSS */
a[href="https://twitter.com/XXXXX"]::before,
a[href="https://x.com/XXXXX"]::before {
content: "";
display: inline-block;
width: 1em;
height: 1em;
background-color: currentColor;
-webkit-mask: url('data:image/svg+xml;utf8,\u003csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"\u003e\u003cpath d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/\u003e\u003c/svg\u003e') no-repeat center;
mask: url('data:image/svg+xml;utf8,\u003csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"\u003e\u003cpath d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/\u003e\u003c/svg\u003e') no-repeat center;
-webkit-mask-size: contain;
mask-size: contain;
}
- Ajoutez ce code dans l’onglet
< head >(remplacez « XXXXX » par votre nom d’utilisateur @) :
<script>
// Crée une fonction qui trouve et modifie le lien
function updateTwitterLinks() {
const oldLinks = document.querySelectorAll('a[href="https://twitter.com/XXXXX"]');
oldLinks.forEach(link => {
link.href = 'https://x.com/XXXXX';
});
}
// 1. Essayez de l'exécuter immédiatement au cas où
updateTwitterLinks();
// 2. Configurez un "observateur" pour le contenu chargé dynamiquement (comme les publications Discourse)
const observer = new MutationObserver(function(mutations) {
updateTwitterLinks();
});
// Commencez à observer tout le corps de la page pour les nouveaux éléments ajoutés
observer.observe(document.body, { childList: true, subtree: true });
</script>
Terminé.