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.
Por defecto, este enlace se nos presenta de una forma parecida a esta;
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> ).