Isso vc consegue fazer com personalização css no link do leia mais.
aqui vc pode ver mai sobre este assuno
http://codex.wordpress.org/pt-br:Personalizando_%22Leia_Mais%22
Criador do tópico
Chereda
(@chereda)
Entendi que o código a ser inserido seria esse?
<?php the_content(‘Read more…<img src=”‘ . get_bloginfo(‘template_directory’). ‘/images/leaf.gif” alt=”read more” title=”Read more…” />’); ?>
Mas em qual arquivo e em que parte do código eu preciso inserir isso? Sou meio leigo nessa parte de CSS e afins.
mais fácil é vc colocar em seu style.css como diz no artigo
a.more-link {
width: 100px;
height: 45px;
background:url(/images/leaf.gif) no-repeat right middle;
padding: 10px 50px 15px 5px
}
lembrando que desta forma vc precisa ter uma imagem de nome leaf.gif na pasta images de seu tema e pode ser que vc tenha que ajustar este código para o que vc quer, pois para cada imagem o código muda.
Criador do tópico
Chereda
(@chereda)
Colei o código e coloquei a imagem na pasta de imagens do tema, porém quando eu crio um post, aparece apenas Leia mais $raquo;. a imagem não aparece.
Eu também gostaria de tirar esse $raquo;
Criador do tópico
Chereda
(@chereda)
Acho que p erro foi no endereço da imagem, repare como as outras imagens estão sendo chamadas no seu css, veja se assim funciona.
a.more-link {
width: 100px;
height: 45px;
background:url(images/logo.png) no-repeat right top;
padding: 10px 50px 15px 5px
}
Mas é preciso que vc saiba como personalizar mais um pouco para que a imagem fique certa com sua necessidade
