web-dev-qa-db-fra.com

Comment puis-je faire en sorte que les hashtags apparaissent devant mes tags sur Tumblr?

J'utilise le thème "Feather" sur Tumblr, que j'ai dû personnaliser pour pouvoir afficher les tags. Les balises apparaissent bien sur mon tableau de bord, mais si je visite réellement l'URL de mon blog, il n'y a pas de dièse (#) devant elles. Ce petit changement m'ennuie terriblement. Y a-t-il un moyen de dire au système de tags que je veux qu'il mette automatiquement un hachage pour les séparer?

Mon code HTML pour les balises est le suivant:

{block:HasTags} 
{block:Tags} 
<a href="{TagURL}">{Tag}</a> 
{/block:Tags} 
{/block:HasTags}
tumblrtumblr-themes
2
Elemno

Variante 1: en HTML

Si vous souhaitez inclure le # avant chaque balise afin qu'il puisse être copié-collé, vous pouvez l'ajouter dans votre balisage:

<a href=”{TagURL}”>#{Tag}</a>

Variante 2: en CSS

Si vous souhaitez uniquement afficher le #, vous pouvez utiliser des pseudo-éléments (CSS):

a::before (content:"#";)

Vous devez utiliser un sélecteur approprié pour qu'il ajoute uniquement le pseudo-élément aux liens de balise. s'il n'y a ni classe ni ID, vous pouvez bien sûr ajouter une classe à votre balise, par exemple:

<a href=”{TagURL}” class="tag">#{Tag}</a>

alors vous pouvez ajouter à votre CSS:

.tag::before (content:"#";)

Variante 3: étiquettes

Si vous voulez que vos balises réelles commencent par un #, vous devez rediffuser votre contenu. Mais je suppose que Tumblr interdit le caractère # dans les noms de balises (mais il ne semble pas exister de documentation indiquant quels caractères sont autorisés), cela ne fonctionnerait donc pas.

Je ne connais pas votre cas d'utilisation exact, mais je suppose que vous n'en avez besoin que comme séparateur visuel. Vous devez donc utiliser la variante 2.

1
unor