Tutorial: Cambiar Read More por imagen

  • Autor Autor Poyello
  • Fecha de inicio Fecha de inicio
Poyello

Poyello

Épsilon
Redactor
Verificación en dos pasos activada
Verificado por Whatsapp
Hola a todos, ya van varias personas que me preguntan como le hice para que en mi tema de wordpress en vez de que apareciera la etiqueta more (Read More o Seguir leyendo, o mas variaciones) apareciera una imagen, esto para hacer mucho mas bonito el tema.

Pues simplemente buscamos el codigo en nuestro teme en el index.php y tambien en archive.php y los derivados.
PHP:
the_content('Read more »');
En algunos casos puede variar pero siempre busquen por the_content

Y reemplazamos eso por el siguiente codigo

PHP:
the_content('<p class="serif"><div align="right"><br />
  <img src="laimagen" width="xx" height="xx" /></p>');
Recuerden que asi fue como lo hice yo y el resultado lo pueden ver en mi blog.

Enlace eliminado

Espero que les halla servido de ayuda!
 
Última edición:
Gracias por el dato 😀

No seria mas sencillo simplemente poniendo lo de <img>?
 
Gracias por el dato 😀

No seria mas sencillo simplemente poniendo lo de <img>?

Si pones solo el tag img, aparecerá una imagen inline para la entrada. Esto significa que el texto tendrá en la misma línea a la imagen y, si la imagen es más grande que el alto de la línea, puede que se descuadren un poco los párrafos.

Saludos.
 
¿puede ser pequeña la imagen? o debe abarcar todo el ancho del post?
 
Para eso es el width="xx" height="xx, alli pondras el tamaño de tu imagen...

Por ejemplo en mi blog use este.

PHP:
the_content('<p class="serif"><div align="right"><br />
  <img src="http://www.poyello.com/wp-content/themes/convergence/images/mas.png" width="619" height="26" /></p>');

las medidas que bienen son las qe abarca el ancho de mi tema =)
 
:s: Asi pos si, aver si agrego una ahorita a mi bloc
 
Buen aporte, me fue de utilidad.

Manito verde 🙂
 
Tambien se puede cambiar el de post anteriores y post siguientes si odias el pagenavi (yo no lo odio y lo uso) se puede cambiar muchas cosas por imagenes siguiendo estos pasos.
 
Gracias por sus comentarios, uno hace lo que puede!
 
Solucionado.
 
Última edición:
muy bueno gracias ya lo utilice... salu2... y que viva forobeta.com jeje
 
Atrás
Arriba