Gadgets, Celulares, Telefonia, Electronic Music y mucho más…

Como usar the_excerpt() de manera apropiada

Cuando trabajamos creando plantillas nuevas y queremos hacer cosas modificadas para nuestros blogs o quizas darle nuestro toque a nuestro sitio web, nos vemos en la necesidad de usar campos con solo texto o quizas descripciones cortas de lo que queremos presentar.

Wordpress utiliza la función the_excerpt(); para mostrar lo quizas podamos considerar una descripción de la entrada que estan apunto de ver.

Cuando utilizamos el campo Optional Excerpt del panel de escritura de Wordpress:

the_excertp de wordpress

Es muy importante tener en cuenta que lo que escribimos en el campo Excerpt también aparecerá en nuestro Feed RSS, entonces la descripción que pongamos en el campo Excerpt debe ser lo más descriptiva y atractiva para nuestros lectores pues esta será la mostrada en nuestro Feed RSS.

Si no llenamos el campo Excerpt, Wordpress automáticamente tomará 55 palabras del contenido de la entrada y no mostrará objetos tales como imágenes, flash entre otros.

Un hack muy común es cambiar la función the_content(); por the_excerpt(); para usar ya sea el campo Optional Excerpt en la portada o para obligar a Wordpress a recortar todas las entradas al mínimo.

Una desventaja de usar en la portada la función the_excerpt(); es que nos mostrará esto: [...] sin ningún enlace, para que nos aparezca el enlace tal como cuando utilizamos la etiqueta MORE debemos agregar el enlace al permalink y llamarlo como nos plazca; para evitar esto: [...] tenemos que escribir en el campo Optional Excerpt del editor de escritura de Wordpress.

Al usar el campo Optional Excerpt, podremos insertar imagenes y otros objetos, con el objetivo de darle un formato apropiado a esa descripción que estamos colocando.

Como usar the_excerpt(); en la portada del Blog.


Bueno esto lo conseguiremos cambiando la función the_content(); de nuestro tema por la función the_excerpt(); entonces lo que debemos hacer es ir a la pagina de nuestro tema llamada index.php o si miran en el theme editor de Wordpress busquen: Main Index Templat.

Esta página contiene el llamado Loop de Wordpress que es la porción de código encargada de colocar todos nuestros posts en la portada, el loop comun se ve de esta manera:

PHP:
  1. <?php while (have_posts()) : the_post(); ?>
  2.  
  3.             <div class="post" id="post-<?php the_ID(); ?>">
  4.                 <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
  5.                 <small><?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --></small>
  6.  
  7.                 <div class="entry">
  8.                     <?php the_content('Read the rest of this entry &raquo;'); ?>
  9.                 </div>
  10.  
  11.                 <p class="postmetadata">Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?>  <?php comments_popup_link('No Comments &#187;', '1 Comment &#187;', '% Comments &#187;'); ?></p>
  12.             </div>
  13.  
  14.         <?php endwhile; ?>

En la línea 8 podrán ver que se encuentra la función the_content(); esa es la que debemos cambiar por tue_excerpt(); para que en lugar de que nos muestre el contenido de la entrada, nos muestre las primeras 55 palabras o lo que nosotros escribamos en el campo Optional Excerpt, quedando de la siguiente manera:

PHP:
  1. <?php while (have_posts()) : the_post(); ?>
  2.  
  3.             <div class="post" id="post-<?php the_ID(); ?>">
  4.                 <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><?php the_title(); ?></a></h2>
  5.                 <small><?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --></small>
  6.  
  7.                 <div class="entry">
  8.                     <?php the_excerpt(); ?> //Usando the_excerpt(); en el Loop
  9.                     <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>">Continuar Leyendo</a> //Permalink para mejorar la estética y navegación.
  10.                 </div>
  11.  
  12.                 <p class="postmetadata">Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?>  <?php comments_popup_link('No Comments &#187;', '1 Comment &#187;', '% Comments &#187;'); ?></p>
  13.             </div>
  14.  
  15.         <?php endwhile; ?>

La función the_excerpt(); no tiene parámetros así si queremos que aparezca el link de Continual Leyendo tendremos que escribir en el campo Optional Excerpt y colocar el permalink en nuestro tema.

Este pequeño hack, puede resultar muy útil a la hora de crear plantillas personalizadas o utilizar Wordpress como un sistema de noticias, conocer esta clase de funciones puede ayudarnos a ampliar nuestras posiblidades y crear cosas más originales.

Ejemplo:

Zona de Pruebas de DaHouseCat

¿Te ha gustado este artículo? Subscribete vía Email, para ¡recibirlos en tu correo!

¿No encontró lo que buscaba? ¡Use el buscador!

 
Escrito para el 5 de April de 2008
RSS 2.0 Trackback

1 Comentario

  1. JOK Dijo:

    Y para hacer esto mismo pero con imagenes reducidas sacada automaticamente de posteo?

    Gracias



    Escrito el 4 de September de 2008 a las 15:19
    Usando Mozilla Firefox Mozilla Firefox 3.0.1 en Windows Windows Vista

Deja un Comentario

Hey tu! usar emoticones te hace más cool!
                                         

Comparar precios y encontrar el mejor Telefono movil con twenga !


Descarga Musica, Videos, mp3 y mucho más Tutoriales de Fireworks en Español Guirichop Bucaneros de Campeche, Baloncesto Profesional Aeromental We Love Geeks! Licencia Creativa

Escriba su e-mail:

Reciba en su correo electrónico lo más reciente
en DaHouseCats Blog

Comentarios

Suscríbete

  •  
  • Add to Twitter
  • Add to Google Reader or Homepage
  • Add to Technorati Favorites

Disclaimer:

  • DaHouseCat, no se hace responsable acerca del mal uso que se le dé a la información contenida en los artículos y / o tutoriales, quedando en absoluta responsabilidad del usuario.

Administración

  • DaHouseCat
    Posts: 501 - 100%
    Comentarios: 4712 - 100%
    Pingbacks: 96 - 100%
    Score: 10213
501 posts, generados por 1 autores.

Buscar

 

M. Instántanea

B. de Blogueros

DaHouseCat en:

Blogs Amigos

Blogs Campeche

Webs Amigas

Categorías




Archivo

Recomendados

Este blog utiliza Worpress y fue diseñado por DaHouseCat - 2007
El contenido y algunas imagenes de DaHouseCat's Blog estan bajo la licencia de
Reconocimiento-NoComercial-SinObraDerivada 2.5