Soy consciente de los componentes para establecer una imagen destacada eligiendo una de las imágenes del tema, pero ¿hay alguna otra opción similar a WordPress donde podamos cargar una imagen como destacada sin que esté en el tema en sí? Me gustaría usarla como imagen de open graph, pero no necesariamente incluirla en la publicación, porque una imagen de open graph puede incluir información para atraer a lectores potenciales, pero en el tema en sí no tendría sentido.
Tomo un atajo. Estoy usando un susurro para publicar una imagen y luego el componente Topic List Previews para elegirla.
2 Me gusta
Creo que ocultar la imagen de la publicación es actualmente la mejor opción disponible
2 Me gusta
Esa es una buena manera de hacerlo, la adopté. Y potencialmente peligrosa también, porque puede ocultar lo que sea.
¿Qué tal si nombramos la imagen de una manera determinada siempre, por ejemplo, empezando por “hidden-image-” y usamos CSS para ocultar todas las imágenes que empiecen así?
Eso parece ser posible:
1 me gusta
¿Qué es un “whisper” en este contexto?
¿Podemos cambiar el “wrap” de “hidden” a algo más personalizado que evite cualquier peligro que @Jagster esté pensando?
2 Me gusta
También estoy pensando: si la imagen está oculta, ¿podría open graph “ver” la imagen para usarla?
La imagen solo está oculta, no se muestra. Todavía está ahí, solo que no es visible cuando miras el tema.
Puedes hacer que el CSS sea más específico para que no oculte todo, sino, por ejemplo, solo imágenes o incluso solo imágenes que se especifican como miniaturas.
Mi ejemplo:
La publicación:
testing
[wrap=hidden-img]
[/wrap]
El CSS:
div[data-wrap="hidden-img"] img[data-thumbnail="true"] {
display: none;
}
Luego, necesitas usar el wrapper, debes poner una imagen en él y debes agregar |thumbnail para que se oculte.
Sin [data-thumbnail="true"] todas las imágenes en el wrapper se ocultarían. Pero eso sigue siendo menos que “todo”.
2 Me gusta
La amenaza aquí es, o para mí es, que alguien oculte algo que googlebot odia. Sería una forma fácil de sabotear el SEO, etc.
También puedes ocultar cosas en las publicaciones con otras técnicas
Como <!-- comentarios HTML -->
Hay uno abajo
Esta cosa en particular es solo para que yo la use en categorías específicas. No es algo que permita que otros usuarios hagan.
Pero esto sería visto como un comentario, no como una imagen, ¿verdad? Cuando se trata de Open Graph.
Entonces, ¿básicamente los datos de envoltura pueden ser cualquier cosa que yo quiera?
Esto parece una buena opción.
¿Qué tal mi sugerencia de nombrar las imágenes de cierta manera?
Eso evitaría pasos adicionales, código adicional, etc.
Un solo componente con el CSS y solo recordarme a mí mismo nombrar las imágenes de una manera particular.
EDITAR: olvídalo. Noté que los archivos se renombran con números y letras aleatorios, por lo que esto no funcionaría.
Solo fue un ejemplo de que ocultar cosas en las publicaciones es posible. Así que los actores maliciosos también encontrarán otras formas de añadir cosas.
Solo añade algo que puedas usar en CSS para personalizarlo. En mi ejemplo, añade hidden-img y luego puedo usar eso para ocultar la imagen.
Creo que puede funcionar. Cuando tienes  puedes usar algo como
.cooked img[alt="IWantToHideThis"] {
display: none;
}
Sí, y lo que quiero decir es que hidden-img no es algo “fijo”. Si quisiera usar abc-airplane, siempre y cuando use lo mismo en CSS, ¿eso también funcionaría?
Pero para este caso en particular, no es una opción, porque open graph no lo verá como una imagen, sino como un comentario, ¿correcto?
1 me gusta
Sí, puedes usar la palabra clave que quieras.
Creo que sí, pero no estoy seguro.
Me refería a mi solución de nombrar mis archivos de cierta manera antes de subirlos, como:
hide-this-image-vacations-2025.jpg
y luego el CSS ocultaría todas las imágenes que comiencen con hide-this-image-, pero cuando subo una imagen, no conserva el nombre hide-this-image-vacations-2025.jpg. Lo convertirá en algo como wDxG1UR10Uj4bCO9l3pUbJvBAW5.png.