Estou ciente dos componentes para definir uma imagem em destaque escolhendo uma das imagens do tópico, mas existe alguma outra opção semelhante ao WordPress onde podemos fazer upload de uma imagem como destaque sem que ela esteja no próprio tópico? Eu gostaria muito de usá-la como imagem do open graph, mas não necessariamente incluí-la na postagem, porque uma imagem do open graph pode incluir informações para atrair potenciais leitores, mas no próprio tópico isso não faria sentido.
Eu pego um atalho. Estou usando um whisper para publicar uma imagem e, em seguida, o componente Topic List Previews para escolhê-la.
2 curtidas
Eu acho que ocultar a imagem da postagem é atualmente a melhor opção disponível
2 curtidas
Essa é uma boa maneira de fazer isso, eu a adotei. E potencialmente perigosa também, porque pode esconder o que quer que seja.
Que tal nomear a imagem de uma certa maneira o tempo todo, por exemplo, começando com “hidden-image-” e usar CSS para ocultar todas as imagens que começam assim?
Isso parece ser possível:
1 curtida
O que é um “whisper” neste contexto?
Podemos alterar o “wrap” de “hidden” para algo mais personalizado que evite qualquer perigo que o @Jagster esteja pensando?
2 curtidas
Também estou pensando: se a imagem estiver oculta, o open graph ainda conseguiria “ver” a imagem para usá-la?
A imagem está apenas oculta de ser exibida. Ela ainda está lá, apenas não é visível quando você olha para o tópico.
Você pode tornar o CSS mais específico para que ele não oculte tudo, mas, por exemplo, apenas imagens ou até mesmo apenas imagens que são especificadas como miniatura.
Meu exemplo:
A postagem:
testing
[wrap=hidden-img]
[/wrap]
O CSS:
div[data-wrap="hidden-img"] img[data-thumbnail="true"] {
display: none;
}
Então você precisa usar o wrapper, você precisa colocar uma imagem nele e adicionar |thumbnail para que ela seja ocultada.
Sem [data-thumbnail="true"] todas as imagens no wrapper seriam ocultadas. Mas isso ainda é menos do que “tudo”.
2 curtidas
O cenário de ameaça aqui é, ou é para mim, que alguém esconde algo que o googlebot odeia. Seria uma maneira fácil de sabotar SEO, etc.
Você também pode ocultar coisas em postagens com outras técnicas
Como <!-- comentários HTML -->
Há um abaixo
Esta coisa em particular é apenas para eu usar em categorias específicas. Não é algo que estou permitindo que outros usuários façam.
Mas isso seria visto como um comentário, e não como uma imagem, certo? Quando se trata do Open Graph.
Então, basicamente, os dados do wrap podem ser praticamente qualquer coisa que eu quiser?
Isso parece uma boa opção.
E quanto à minha sugestão de nomear imagens de uma certa maneira?
Isso evitaria etapas extras, código extra, etc.
Um único componente com o CSS e apenas me lembrando de nomear imagens de uma maneira específica.
EDIT: esquece. Percebi que os arquivos são renomeados com alguns números e letras aleatórios, então isso não funcionaria.
Era apenas um exemplo de que é possível ocultar coisas em postagens. Assim, atores mal-intencionados também encontrarão outras maneiras de adicionar coisas.
Ele apenas adiciona algo que você pode usar em CSS para personalizá-lo. No meu exemplo, ele adiciona hidden-img e então posso usá-lo para ocultar a imagem.
Acho que pode funcionar. Quando você tem , você pode usar algo como
.cooked img[alt="IWantToHideThis"] {
display: none;
}
Sim, e o que eu quero dizer é que hidden-img não é algo “fixo”? Se eu quisesse usar abc-airplane, desde que eu usasse o mesmo no CSS, isso também funcionaria?
Mas para este caso específico, não é uma opção, porque o open graph não verá isso como uma imagem, mas como um comentário, correto?
1 curtida
Sim, você pode usar qualquer palavra-chave que quiser.
Acho que sim, mas não tenho certeza.
Eu estava me referindo à minha solução de nomear meus arquivos de uma certa maneira antes de fazer o upload, como:
hide-this-image-vacations-2025.jpg
e então o CSS ocultaria todas as imagens que começam com hide-this-image-, mas quando eu faço o upload de uma imagem, ele não mantém o nome hide-this-image-vacations-2025.jpg. Ele o converterá para algo como wDxG1UR10Uj4bCO9l3pUbJvBAW5.png