Ao adicionar uma imagem de destaque (a thumbnail) ao seu artigo, se vocĂȘ nĂŁo deseja que essa imagem seja exibida no meio do artigo, vocĂȘ pode ocultĂĄ-la, adicionado um cĂłdigo que informar ao browser para nĂŁo exibir a imagem.
Por exemplo, tenho um blog onde divulgo vagas de emprego em meu paĂs e as imagens que uso como Thumbnails sĂŁo da logo das empresas; no entanto, eu nĂŁ gostaria de exibir a logo da empresa no meu do anĂșncio de emprego (desnecessĂĄrio). Para fazer isso, e ainda a imagem ser exibida como thumbnail, basta adicionar este cĂłdigo que oculta a imagem apenas no meio do anĂșncio.
Para fazer isso, ao adicionar uma imagem no artigo - recomendo inserir a imagem com o Editor no Modo de Visualização em HTML, insira o seguinte código na classe "separator" da imagem.:
display: none ;
Atenção!
Escreva o cĂłdigo do mesmo jeito que aparece acima. Note que apĂłs o none hĂĄ um espaço e depois o ponto e vĂrgula. Em alguns casos, colocar o ponto e vĂrgulo junto ao texto ( none; ) dĂĄ erro.
Feito isso, a imagem de destaque continuarĂĄ sendo exibida como thumbnail em site, mas nĂŁo serĂĄ exibida no meio da postagem.
Assista ao tutorial em vĂdeo:
Espero ter ajudado. Qualquer dĂșvida deixe comentĂĄrio abaixo ou no vĂdeo no canal.