Mejoras en el Theme de WordPress

Como algunos habrán notado, de nuevo estuve metiendo mano al theme y aunque en apariencias poco haya cambiado, he agregado algunas cosas interesantes que quiero compartir con ustedes.

Lo más notorio es el tamaño del sidebar, lo he achicado un poquito para que el IE 6 no destruya el diseño y ordene a su gusto las columnas, además achique las imágenes que eran un poco responsables de esto.

Después de mucho esperar y aunque en el blog no se publique mucho código agregue el tag CODE a la plantilla para que en su momento se lo use. Se vera asi:

  1. code {
    color: #D40000; font-size:0.9em;
    font: 1.1em 'Courier New', Courier, Fixed;}
  2. pre {
    display: block;
    border: 1px solid #ddd;
    background: #e1e8cd;
    padding: 1em;
    margin: 2em 0;
    overflow: auto;}
  3. pre code {
    padding: 0 0;
    color: #333;}
  4. ol.code {
    border: 1px solid #ddd;
    background: #eee;}
  5. ol.code li {
    margin-bottom: 1px;
    line-height: 1.5em;
    background: #eee;}

Código sustraído desde la plantilla de Berriart, espero no se moleste 😉

Otro agregado importante considerando el SEO del blog fue agregar al final de cada post un link al siguiente y al anterior, utilizando su titulo y no los clásicos “Next and Previous”. Con esto se mejoran los enlaces internos que les comentaba el otro día son uno de los factores más importantes de la optimización de un sitio web.

Coloquen este código donde quieran mostrar los enlaces, yo lo hice al final de single.php:

  1. <div class="navigation">
    <span class="previous"><?php previous_post_link('« %link'); ?></span>
    <span class="next"><?php next_post_link(' %link »'); ?></span>
    </div>

Y agregar esto en el Css de su theme:

  1. .navigation {
    margin: 15px 0 0 10px;
    }
  2. .previous {
    float: left;
    width: 47%;
    }
  3. .next {
    float: right;
    width: 47%;
    }

Otro agregado importante teniendo el cuenta a google y su regla de no duplicación de paginas, fue acortar los resultados tanto en las paginas de búsqueda como en el archivo y las categorías.

Para ello en los archivos: search.php y archive.php reemplace este codigo:

  1. <?php the_content(__('Continuar »'));?>

Por este otro:

  1. <?php the_content_rss('Leer mas...', FALSE, '', 100); ?>code>

Bastante para una tarde de trabajo.

Hernan Cabrera

Argentino, blogger y laburante de Internet desde 2005, tengo el placer de vivir de lo que me gusta. Hoy ocupo mi tiempo en mantener una red de sitios multitematica y buscar nuevos nichos de mercado. Me pueden seguir en Twitter @HernanMDQ

5 comentarios en «Mejoras en el Theme de WordPress»

  • el 07/02/08 a las 18:45
    Enlace permanente

    Me parecen bien las nuevas mejoras. Veo si puedo utilizar alguno de los codigos. 😀

    Saludos!

  • el 07/02/08 a las 21:39
    Enlace permanente

    Te refieres al bloque de adsense…a cual?

    Es posible, suelen tardar, prestare mas atencion haber si veo lo que dices.

    Salu2.

  • el 07/02/08 a las 21:16
    Enlace permanente

    La verdad es que el tema de incluir en los pies los enlaces a los siguientes y anteriores, como SEO está muy bien. Funcionalmente tal vez lol habría puesto antes de los comentarios, pero como tu mismo has dicho, lo hiciste para mejorar el SEO de la página. Apuntado el código para usarlo 😉
    Por cierto, no se cual es, pero tienes un modulo de adwords que te está dando problemas (mucho tiempo de carga…)

  • el 08/02/08 a las 7:18
    Enlace permanente

    Ahora no salen problemas, Hernan, siento haberte levantado la liebre sin razón. Lo mas seguro es que alguno de los bloques no hubieran cargado bien… 😀

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.