24-10-2010 23:48
Como exibir imagens junto aos resumos no WordPress
por Celso Lemes em 23 de outubro de 2010
Se você optou por exibir resumos na página inicial, categorias, tags e etc., você pode incrementar ainda mais o resultado exibindo imagens junto ao texto que aparece, assim como pode ser visto aqui no Profissão Problogger. Confira a imagem abaixo.
Como proceder
Para exibir as imagens nos resumos, você precisa configurar o que deve aparecer em cada um dos posts de seu blog.
Para fazer isso, sempre que estiver criando ou editando um artigo, role a página até encontrar o campo “Resumo” onde você deve inserir o código da imagem e o trecho do texto que você deseja que apareça no resumo.
Para pegar o código da imagem, você deve alterar o editor para o modo “HTML” e copiar o código.
Como alinhar para esquerda ou direita
Se você gostaria que a imagem fosse alinhada para a esquerda ou direita da tela de forma que o texto apareça em volta da imagem, você pode utilizar um pequeno trecho de código HTML junto ao código.
Adicione o código align=”left” para posicionar a esquerda ou align=”right” para posicionar a direita antes do “/>”. Confira o resultado na imagem abaixo.
Ainda não sabe como configurar seu template para exibir resumos? Confira o artigo “Como exibir um resumo na página inicial e nas categorias automaticamente“
[[T_F]]Data Leak Prevention – Data Security Solutions – Information Theft Protection, Detection and Prevention Software Productstracefusion_signature=c12c735fb9de356c3b7167336aa080b309625dd164fc45e8762acb89dcd6e4a44cd57f1645b591aaee8253596c1db96043a4c74f768d08bc01cf0690c436786bfe40067c3b460fbb4e99aebaf3e62fbdbdc4b74a4b125eb4dc07ce688e1f5a30ba4f84e352f8aaa2c5ea78853fd0ad6880306ba579e27eab18248026d89338b4aeeb5c36b089a76ac42fb1f93fe2d2acec04b4187d48ea5afeb4ba5ae6ec5b575780ebd59ed62c5f4bc0b9545c70a12186b874c31d630280077b71538b5ec72d1aa9202c28eb74f878f6ecd0995c9c391f23e0ea9bb709216d0098acf7de5de87766a12224c13e1f07f14fe922769f3f78fdb8f145f16199ab953ea526002988f40eabe269e7b72a8050717a0ad62a1b962e43c23b862170b9affcb5f9ed156e16a60dd25a9bc193746d43ddeb065fafc9ccafbc72d6df1b9115c8adcfa9c803bc1ba19be81973afedaa03b94c8a38692e2d03be690fdb3124de40816f9a7db300044f533aa1569ef459b51fb69a1e96cd45153184a87a7c120bb0b76fd871b3145867d451e00726ddf4040f5125f2099df37808b5d45b8cd2476c3a234519fcc0417c7f2ccafa184e467755266f758a18564b559e1e4b389d51be114b0e8157370fbfe7dfb7fcc2cb79bb62f66d4f6a72ec8fbe5740b2a9ec3055d249178be8703014fd51cfe6cb33e913ddf3a1afb86286c4d70efee0e42885581733165f7447d8bb28f7db4a0ba61f49064f0dc5daf33a88c65ac8c36af859a5203d142cfc60c3a0f522b410d974f511218a7ac0dbc0c14b9c91d270ee9a482d89aba628b9fa34944c76da62d09aa1c6df7abd22cf7abd209f[[T_F]]
