Sin más que decir allí les va el primero

Listar los posts más recientes del blog en WordPress

Para hacerlo hay varias formas, podemos poner:

<ul>
<?php $lastposts = get_posts('numberposts=5');
foreach($lastposts as $post) : setup_postdata($post); ?>
<li>
<a href="<?php the_permalink(); ?>" id="post-<?php the_ID(); ?>"><?php the_title(); ?></a></li>
<?php endforeach; ?>
</ul>

O recurrir a usar la función wp_get_archives un poco personalizada de esta forma:

<?php wp_get_archives('type=postbypost&limit=20'); ?>

Incluso podemos usar la función query_posts() para mostrarlos de esta forma:

<ul>
<?php query_posts('showposts=7'); ?>
<?php while (have_posts()) : the_post(); ?>
<li><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a></li>
<?php endwhile; ?>
</ul>

En todo caso cualquiera desplegará un resultado igual, despues sólo queda jugar con el CSS y hacer que luzca como deseemos, aunque en lo personal siempre prefiero el primero sobre los demás.

Sobre todo en el caso de los permalinks y los títulos en WordPress, puesto que son las 2 cosas que visualizan primero las arañas de los buscadores.

SEO fácil para WordPress

He de decir que aunque he encontrado ya algunas soluciones en la cuestión de los títulos (las descripciones que el navegador muestra por cada página de tu sitio) ninguna me convenció del todo y por eso me puse a buscar una solución propia para esto, misma que comparto a continuación:

Basta con encontrar este código en el archivo header.php de su theme, el cual es la estructura de título que trae la mayoría de themes por default:

<title><?php wp_title('&laquo;', true, 'right'); ?> <?php bloginfo('name'); ?></title>

Luego lo sustituiremos por este:

<title>
<?php if ( is_home() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;<?php bloginfo('description'); ?><?php } ?>
<?php if ( is_search() ) { ?><?php /* Contador de Resultados */ $allsearch = &new WP_Query("s=$s&showposts=-1"); $count = $allsearch->post_count; _e('');
echo $count . ' '; _e('resultados'); wp_reset_query(); ?> para la búsqueda: <?php $allsearch = &new WP_Query("s=$s&showposts=-1"); $key = wp_specialchars($s, 1);
echo $key; _e(); ?>&nbsp;|&nbsp;<?php bloginfo('name'); ?><?php } ?>
<?php if ( is_author() ) { ?>Archivos del Autor&nbsp;|&nbsp;<?php bloginfo('name'); ?><?php } ?>
<?php if ( is_single() ) { ?><?php wp_title(''); ?>&nbsp;|&nbsp;<?php bloginfo('name'); ?><?php } ?>
<?php if ( is_page() ) { ?><?php wp_title(''); ?>&nbsp;|&nbsp;<?php bloginfo('name'); ?><?php } ?>
<?php if ( is_category() ) { ?><?php single_cat_title(); ?>&nbsp;en&nbsp;<?php bloginfo('name'); ?><?php } ?>
<?php if ( is_month() ) { ?>Archivo de&nbsp;<?php the_time('F'); ?>&nbsp;|&nbsp;<?php bloginfo('name'); ?><?php } ?>
<?php if (function_exists('is_tag')) { if ( is_tag() ) { ?><?php  single_tag_title("", true); } } ?>
</title>

¿Que acabamos de hacer?, vamos con la explicación de cada código les parece:

Primeramente he de decir que el snippet se basa en las funciones condicionales, indicadas en PHP por el caracter if, es así que:

<?php if ( is_home() ) { ?><?php bloginfo('name'); ?>&nbsp;|&nbsp;<?php bloginfo('description'); ?><?php } ?>

Le indica a WordPress que si el lector se encuentra en la Portada o Index del blog muestre una estructura como esta: Nombre del Blog | Descripción del blog, agarrando estos de la configuración en la sección Opciones Generales de su Dashboard de WP.

<?php if ( is_search() ) { ?><?php /* Contador de Resultados */ $allsearch = &new WP_Query("s=$s&showposts=-1"); $count = $allsearch->post_count; _e('');
echo $count . ' '; _e('resultados'); wp_reset_query(); ?> para la búsqueda: <?php $allsearch = &new WP_Query("s=$s&showposts=-1"); $key = wp_specialchars($s, 1);
echo $key; _e(); ?>&nbsp;|&nbsp;<?php bloginfo('name'); ?><?php } ?>

Bueno acá tal vez se me paso un poco la mano con el código, pero quise que quedará los más natural posible, si el usurio está observando la página de resultados después de una búsqueda, la forma del título quedará así: 2 resultados para la búsqueda: PHP | Nombre del Blog.

<?php if ( is_author() ) { ?>Archivos del Autor&nbsp;|&nbsp;<?php bloginfo('name'); ?><?php } ?>

Para los archivos de un autor, el título a mostrar será: Archivos del Autor | Nombre del Blog.

<?php if ( is_single() ) { ?><?php wp_title(''); ?>&nbsp;|&nbsp;<?php bloginfo('name'); ?><?php } ?>

La estructura del título de cada post será algo como: Títulos SEO para WordPress sin usar plugin | Kernel Web.

<?php if ( is_page() ) { ?><?php wp_title(''); ?>&nbsp;|&nbsp;<?php bloginfo('name'); ?><?php } ?>

Para una página se visualizará: Nombre de la Página | Título de tu Blog.

<?php if ( is_category() ) { ?><?php single_cat_title(); ?>&nbsp;en&nbsp;<?php bloginfo('name'); ?><?php } ?>

Si son las entradas agrupadas en una categoría se verá como un ejemplo: WordPress en Kernel Web.

<?php if ( is_month() ) { ?>Archivo de&nbsp;<?php the_time('F'); ?>&nbsp;|&nbsp;<?php bloginfo('name'); ?><?php } ?>

Archivo de un mes en especial: Archivo de Marzo | Tu Blog.

Y por último para las etiquetas se mostrar sólo el nombre: Nombre de la Tag.

<?php if (function_exists('is_tag')) { if ( is_tag() ) { ?><?php  single_tag_title("", true); } } ?>

Es todo, pueden modificarlo más si gustan, aunque así como esta ya es una buena configuración y forma de prescindir de plugins como el All in One SEO Pack para tener títulos SEO  en tu bitácora.

Comentarios Personalizados de Kernel Web

Si usas un theme diseñado para WordPress 2.7 esto es sumamente fácil, puesto que todo se hace con CSS usando algunas clases, tomaré de referencia las de este blog para mostrarlo de forma práctica:

ol.commentlist li.bypostauthor {  background: #D4EDFE; border: 3px solid #FFF;  }

Esto es si tenemos sólo un autor activo en nuestro blog, en caso de tener 2, 3 o más podemos recurrir a usar el siguiente tipo de estilo:

ol.commentlist li.comment-author-esteban-rojas { background:#333; border: 2px ridge #ff8800; }

ol.commentlist li.comment-author-tu-nombre-de-usuario { background: #333; border: 1px solid black; }

Esto para que cada autor tenga su propio estilo CSS a la hora que comente, el nombre de usuario vendría a ser el nombre que usamos para loguearnos en nuestro blog , si aún conservas el que  por defecto te asigna WordPress al instalarlo en tu server, el cual es admin, basta con asignar lo siguiente a tu hoja de estilos:

ol.commentlist li.comment-author-admin { Acá irian tus estilos }

Si en cambio usas una plantilla antigua, y por ende sin comentarios adaptados a WordPress 2.7, la forma de conseguir que tus comentarios resalten de entre los de tus lectores es la siguiente:

Abrimos nuestro comments.php y localizamos el siguiente código:

<?php foreach ($comments as $comment) : ?>

Y debajo añadimos lo siguiente:

<?php
   $isByAdmin = false;
   if($comment->comment_author_email == "tucorreo@demo.com"){
   $isByAdmin = true;
   };
?>

Esto no es más que una función condicional enfocada a verificar si el correo del comentarista es igual al correo del admin "tucorreo@demo.com" , por lo que tendrán que cambiar este último por el suyo y debajo añadir lo siguiente :

<li class="<?php if ($isByAdmin) echo 'admin-comment'; else echo $oddcomment; ?>" id="comment-<?php comment_ID() ?>">

Que indica que si el correo coincide con el que pusieron se formatee ese comentario con la clase que establezcan, en este caso: admin-comment. Luego de esto bastara con ir al archivo style.css de nuestro theme y establecer los estilos CSS para la clase, generalmente tienen esta forma:

.commentlist li.admin-comment { background: #D4EDFE; border: 3px solid #FFF; }

Si su bitácora tiene 2 o más administradores bastará con añadir una sentencia elseif o las que sean necesarias, puesto que estas se ejecutan en orden al devolver un valor cierto o falso, para 2 admins o autores quedaria así:

<?php
        $isByAuthor = false;
        $isByAdmin = false;
        if($comment->comment_author_email == "correoadmin1@demo.com"){
            $isByAdmin = true;
        } elseif($comment->comment_author_email == "correoadmin2@demo.com"){
            $isByAuthor = true;
        };
        ?>

Se añadiria la clase: author-comment al CSS y abajo del código anterior se colocaria:

<li class="<?php if ($isByAdmin) echo 'admin-comment'; elseif ($isByAuthor) echo 'author-comment';
else echo $oddcomment; ?>" id="comment-<?php comment_ID() ?>">

Tal vez por ser blanco y gris, colores medio apagados a mi parecer, seguro que a muchos de ustedes tampoco les ha de agradar mucho (?) , entonces ¿porque no cambiarlo y poner tu propio avatar personalizado?.

¿Cómo?, a continuación un pequeño tutorial cortesia de Build Internet más algún bonus agregado por mi, manos a la obra.

Avatares Personalizados

Primero abrimos el archivo functions.php de nuestro theme, si no tienen uno, pueden crearlo desde el Notepad o su editor de código favorito y subirlo por FTP a la carpeta de su template.

Hecho esto no situamos en él, preferiblemente al final, antes de que se cierre el archivo con el simbolo ?> y agregamos este snippet:

add_filter( 'avatar_defaults', 'newgravatar' );

function newgravatar ($avatar_defaults) {
    $myavatar = get_bloginfo('template_directory') . '/images/customavatar.png';
    $avatar_defaults[$myavatar] = "Avatar Redux";
    return $avatar_defaults;
}

Donde:

1. Add Filter es la función que le dice a WP que vamos a editar la sección de los avatar por default, agregando uno nuevo.
2. La función “newgravatar” es la responsable de proporcionar la ubicación y el título del nuevo Gravatar que vamos a añadir.
3. La primera linea de la función corresponde a la ubicación de la imagen que se va a usar para añadir el nuevo gravatar, es importante señalar que además del nombre se debe especificar el tipo de archivo correcto (JPG,PNG).
4. La segunda línea es la que define el nombre de este, en mi caso: “Avatar Redux”.
5. La última parte devuelve los resultados que deben incluirse en el theme a la matriz avatar_defaults.

En caso de que se quieran agregar 2 o más avatars, basta con repetir las 2 líneas que componen la función, sólo que numerandolas para tener un ID o clave diferente:

 $myavatar = get_bloginfo('template_directory') . '/images/customavatar.png';
    $avatar_defaults[$myavatar] = "Avatar Redux";

 $myavatar2 = get_bloginfo('template_directory') . '/images/blogavatar.jpg';
    $avatar_defaults[$myavatar2] = "My Avatar";

    return $avatar_defaults;
}

Y eso es todo, adios al señor misterioso , espero les sirva, un pequeño truco o hack que tiene un buen impacto visual, pueden ver el de este blog hecho por mi amigo y gran diseñador Teo Atienza en los comentarios, así mismo quiero darle las gracias a Andrés Nieto por ayudarme con el CSS para mostrar código en los posts de WordPress.

Para todos aquellos que manejamos la licencia de copyright en nuestro blog de WordPress por muchos factores, como el de evitarnos conflictos innecesarios por derechos de autor con otros bloggers , aquí les traigo un tip para que la fecha de su licencia copyright se actualize cada año automaticamente:

<?php echo date('Y'); ?>

Así es, con sólo agregar este código PHP al footer o donde este la indicación, la fecha se pondra al día conforme pase cada año, algo que a muchos amigos bloggers se les esta pasando, pues creen que todavía andamos en el 2008