Vivir Sencillamente para ser feliz

Trucos, ofertas, bricolaje, manualidades, posicionamiento, SEO, Blogs...

Cómo añadir el gadget "leer más" (more tag) en wordpress/blogger.



Muchas veces nos ocurre que en nuestros blogs, tenemos posts o artículos que son muy largos, y nos interesa que no se vean al completo, ya que ocuparían demasiado.


Otras veces puede que queramos, por ejemplo, que solo se vea un resumen de cada artículo y entonces poner el enlace al final "leer más" , para que el lector lo pulse y pueda así acceder a leer el artículo completo.


Según que blog, esas posiblidades las trae incluidas y otras no. En este caso os muestro como realizarlo con Wordpress.


Puedes encontrar el botón "leer más" en la primera fila del editor de texto o pulsando Alt+Shift+T:

visual-editor-insert-more-tag

Usando el "leer más":

1) Ve a  Comentarios -> Crear nuevo  en tu panel de control para crear una nueva entrada. Esto no funciona con páginas.
2) Comienza a escribir tu mensaje. Cuando quieras que el texto se corte, pulsa el botón anterior de nuevo, para indicar el final de la parte de previsualización. Te aparecerá entonces el botón de leer más en el editor visual.
visual-editor-showing-more-tag
3) Termina de escribir el mensaje.
4) Publica el mensaje, y visualiza la página principal de tu blog. Verás entonces, que efectivamente los mensajes están cortados allí en donde colocaste el "leer más" con los botones, y se verá algo similar a esto:


example-more-tag
Pero espera, aún hay más!
Puedes incluso configurar el texto que aparece al final de la previsualización para pone el que quieras.
Tendrás que hacer esto en la vista HTML de su editor. Una vez que hayascambiado al editor HTML, busque el código siguiente:
<!--more-->

Para personalizar el mensaje, sólo tiene que añadir un espacio después de <!--more, y cambiarlo así por ejemplo:

<!--more But wait, there's more-->
La primera página de su blog debería mostrar ahora el siguiente aspecto:
example-more-tag-customized
Nota: Usted tendrá que personalizar el mensaje en cada post. No se puededeclarar un mensaje global para todos.


Problemas de formato

Si la etiqueta "more" se inserta después de escribir un mensaje, pueden ocurrir errores de formato. El problema se produce cuando se inserta la etiqueta  con el editor visual, pero en realidad es colocada dentro de otra etiqueta HTML. A modo de ejemplo:


<strong>Oh man, this post is messed up.<!--more--></strong>
El código anterior hará que el resto de los posts de su primera página (o en unade archivo) tengan el formato negrita, a veces incluyendo la barra lateral decontenido. Para solucionar el problema, basta con colocar la etiqueta "more" en el exterior de los cierre de etiquetas HTML, así:


<strong>Oh man, this post is messed up.</strong><!--more-->
Asegúrese de añadirlo en la vista HTML del mensaje . 
Nota: Copiar y pegar el contenido de los editores de texto enriquecido comoMicrosoft Word a menudo causa problemas, ya que se usan una gran cantidad de extras HTML que pueden interferir con la etiqueta "more". Considere el uso de un editor de texto plano, tales como el Bloc de notas, en lugar o utilizar  Word.

1 comentarios:

Jeane Arneaud dijo...

Muy interesante la información.
Mi última plantilla me mostraba los post completos en la home, así que me he instalado el plugin para enriquecer los iconos de la ventana de edición "TinyMCE Acvanced" y he resuelto todos los modos de insertar el More para cortar los posts.

Saludos.

Publicar un comentario

 
Powered by Blogger