Si se ha configurado WP para que en la página de inicio nos muestre los resúmenes de los posts, el lógico que se desee el visitante, através del título u otro link presente en el mismo resumen, pueda acceder al texto completo. WP nos permite hacerlo de forma fácil y personalizada.

 

Existen dos métodos fáciles y directos :

1 Reemplazando la etiqueta the_content() de la página principal de la plantilla ( normalmente, index.php) por la etiqueta the_excerpt(). Con ello conseguiremos que se muestre el resumen que hayamos escrito en Adminstración>Escribir>Entrada>Opciones Avanzadas>Extracto. En caso de no haber escrito ningún resumen, se mostrarán las primeras 55 palabras del artículo. El usuario accederá al texto completo clicando en el título del artículo.

2 El segundo método consiste en respetar la etiqueta the_content() e insertar , en el lugar del texto de la entrada donde queremos que se “corte” la visualización, la etiqueta <!–more –>. Dicha etiqueta puede insertarse manualmente o haciendo uso de la opción adecuada en el menú del editor.

Técnicas de “read more”

Los parámetros de la etiqueta the_content() son los siguientes:

<?php the_content(’enlace_more’, strip_teaser, ‘archivo_more’); ?>

Con el parámetro enlace_more fijamos el texto que deseamos que aparezca al final del resumen y que al clicar en el nos dé acceso al texto completo de la entrada. En este ejemplo: <?php the_content(’Leer mas…’, ”, ”); ?> apareceria un enlace con el texto “Leer mas…”

El parámetro strip_teaser nos permite ocultar o mostrar el enlace more. Con el valor TRUE el enlace permanecerá oculto. Con FALSE el enlace será visible. Por defecto, el valor es FALSE

El parámetro archivo_more nos permite configurar la acción del enlace, esto es, a donde iremos a parar al clicar sobre el. Por defecto, enlaza con el artículo al cual pertenece el resumen, aunque es posible asignarle cualquier otra dirección.

Hay dos formas de anular el teaser:

1.-Cambiar la etiqueta the_content() del archivo index.php de la plantilla de modo que este segundo parámetro sea FALSE : <?php the_content(’Leer mas..’, ‘FALSE’, ‘more_file’); ?>

2.-Insertar la etiqueta <!– noteaser –> en el post, inmediatamente después de la etiqueta <!–more–>

Como puede deducirse, el primer método anulará teaser en todos los posts y el segundo solamente en los posts en los que se inserte la etiqueta.

Personalizando la etiqueta: MORE
Una vez conocido el funcionamiento de la etiqueta more, llega el momento de personalizarla, de hacer mas atracciva la invitación a seguir leyendo que nos presenta.
the_content() incluye un parámetro que nos permite formatear el contenido y aspecto de <!–more.–>, el cual crea un enlace para “continuar leyendo” el post.

Cambiar el texto del enlace es fácil: basta con introducir el texto deseado como primer parámetro en the_content() :
<?php the_content( ‘el texto que deseemos introducir’); ?>

Podemos incluso dar formato al texto inroducido. Veamos un ejemplo:
<?php the_content( ‘<span class=”moretext” ¿Intrigado?….clique aqui y resolverá el misterio… </span>’); ?>
Bastará con crear la clase moretext en la hoja de estilo style.css y dar los atributos deseados al texto. Este es solo un ejemplo para indcarnos las posibilidades de personalización de que disponemos.
En lugar de texto podemos utilizar caracteres que nos inviten a seguir leyendo, como, por ejemplo, >>>>>>
<?php the_content( ‘» » » »’); ?>

Mediante otro parámetro podemos incluir el título de artículo en el texto. Eso se hará mediante la etqueta the_title() :

<?php the_content( “…continue leyendo el artículo” . get_the_title(”,”,’false’)); ?>

Un texto personalizado para cada artículo

Con la etiqueta the_content() obtenemos un texto estandar para todos los artículos. Hay una forma sencilla de tener textos diferentes para dferentes artículos. Es mediante la etiqueta <!–more –>. Basta con introducir, tras la palabra “more” el texto que deseamos utilizar en el enlace:

<!–more el texto deseado –>

Añadir una imagen al enlace.

Puede añadirse una imagen al texto de enlace o puede sustituirse éste por aquella….Para ello, volveremos a hacer uso de la posibilidad de dar formato a la etiqueta the_content() tal como vimos anteriormente. Esta vez utilizaremos el tag <img>

<?php the_content( ‘<span class=”moretext” Seguir Leyendo….</span> <img class:”moreimg” src=”/images/leaf.gif”
alt=”seguir leyendo” title=”Seguir Leyendo…” />’); ?>

Ni decir tiene que mediante CSS podemos aplicar los estilos y formatos que creamos convenientes a los elementos que utilicemos en cada caso ( en este, <span> e <img> ).