Je suis au courant des composants pour définir une image mise en avant en choisissant l’une des images du sujet, mais existe-t-il une autre option similaire à Wordpress où l’on peut télécharger une image comme mise en avant sans qu’elle soit dans le sujet lui-même ? Je voudrais l’utiliser comme image open graph, mais pas nécessairement l’inclure dans le message, car une image open graph peut contenir des informations pour attirer des lecteurs potentiels, mais cela n’aurait pas de sens dans le sujet lui-même.
Je prends un raccourci. J’utilise un whisper pour publier une image, puis le composant Topic List Previews pour la choisir.
2 « J'aime »
Je pense que masquer l’image du message est actuellement la meilleure option disponible
2 « J'aime »
C’est une bonne façon de faire, je l’ai adoptée. Et potentiellement dangereuse aussi, car elle peut cacher n’importe quoi.
Et si on nommait l’image d’une certaine manière tout le temps, par exemple en commençant par « hidden-image- » et en utilisant CSS pour masquer toutes les images qui commencent comme ça ?
Cela semble possible :
1 « J'aime »
Dans ce contexte, qu’est-ce qu’un « whisper » ?
Pouvons-nous changer le « wrap » de « hidden » à quelque chose de plus personnalisé qui éviterait tout danger auquel @Jagster pense ?
2 « J'aime »
Je me demande aussi : si l’image est masquée, est-ce que Open Graph pourrait quand même la « voir » pour l’utiliser ?
L’image est seulement cachée, elle n’est pas supprimée. Elle est toujours là, mais invisible lorsque vous regardez le sujet.
Vous pouvez rendre le CSS plus spécifique pour qu’il ne cache pas tout, mais par exemple seulement les images ou même seulement les images spécifiées comme miniatures.
Mon exemple :
Le message :
testing
[wrap=hidden-img]
[/wrap]
Le CSS :
div[data-wrap="hidden-img"] img[data-thumbnail="true"] {
display: none;
}
Ensuite, vous devez utiliser l’enveloppe, y insérer une image et ajouter |thumbnail pour qu’elle soit cachée.
Sans [data-thumbnail="true"], toutes les images dans l’enveloppe seraient cachées. Mais c’est toujours moins que “tout”.
2 « J'aime »
Le scénario de menace ici est, ou est pour moi, que quelqu’un cache quelque chose que Googlebot déteste. Ce serait un moyen facile de saboter le SEO, etc.
Vous pouvez également masquer des éléments dans les publications avec d’autres techniques
Comme <!-- commentaires HTML -->
Il y en a un ci-dessous
Cette chose particulière est juste pour que je l’utilise sur des catégories spécifiques. Ce n’est pas quelque chose que je permets à d’autres utilisateurs de faire.
Mais cela serait considéré comme un commentaire, pas comme une image, n’est-ce pas ? En ce qui concerne l’Open Graph.
Donc, en gros, les données d’emballage peuvent être à peu près tout ce que je veux ?
Cela semble être une bonne option.
Qu’en est-il de ma suggestion de nommer les images d’une certaine manière ?
Cela éviterait des étapes supplémentaires, du code supplémentaire, etc.
Un seul composant avec le CSS et me rappelant simplement de nommer les images d’une manière particulière.
EDIT : Laissez tomber. J’ai remarqué que les fichiers sont renommés avec des chiffres et des lettres aléatoires, donc cela ne fonctionnerait pas.
Ce n’était qu’un exemple qui montre qu’il est possible de cacher des choses dans les publications. Les acteurs malveillants trouveront donc d’autres moyens d’ajouter des choses.
Cela ajoute seulement quelque chose que vous pouvez utiliser en CSS pour le personnaliser. Dans mon exemple, il ajoute hidden-img et je peux ensuite l’utiliser pour cacher l’image.
Je pense que cela peut fonctionner. Lorsque vous avez , vous pouvez utiliser quelque chose comme
.cooked img[alt="IWantToHideThis"] {
display: none;
}
Oui, et ce que je veux dire, c’est que hidden-img n’est pas une chose « fixe » ? Si je voulais utiliser abc-airplane, tant que j’utilise la même chose en CSS, cela fonctionnerait aussi ?
Mais dans ce cas particulier, ce n’est pas une option, car open graph ne le verra pas comme une image, mais comme un commentaire, n’est-ce pas ?
1 « J'aime »
Oui, vous pouvez utiliser le mot-clé que vous voulez.
Je pense que oui, mais je ne suis pas sûr.
Je faisais référence à ma solution de nommer mes fichiers d’une certaine manière avant de les télécharger, par exemple :
hide-this-image-vacations-2025.jpg
et ensuite le CSS cacherait toutes les images qui commencent par hide-this-image-, mais quand je télécharge une image, elle ne conserve pas le nom hide-this-image-vacations-2025.jpg. Elle le convertit en quelque chose comme wDxG1UR10Uj4bCO9l3pUbJvBAW5.png.