¿cómo debería ser un theme WordPress?

Y no hablo sólo de diseño, sino de características,  de funcionalidad, debería ser minimalista o explotar todas las partes de la anatomía de un blog.

Sé que en gustos se rompen géneros y por eso no titulé el post: buscando el WordPress theme perfecto o algo parecido, porque eso no existe ni existirá, sin embargo, respecto a un theme WordPress:

¿Qué características y/o funciones piensas debería tener?

Posts populares y aleatorios, últimos comentarios con avatars, tabbers o pestañas, ¿miniposts en la sidebar?, avatar de los autores en cada post, miniaturas automáticas.

¿Cuán funcional debería ser?

Controlar todo desde un panel, ser altamente personalizable de forma manual, decenas de template pages o plantillas de página, posibilidad de poner widgets en todo el blog, plugins embebidos en el theme.

¿Qué tipo de diseño debería tener?

2 sidebars, 3 sidebars, diseño a 2 columnas con una sidebar y el área de posts, colores pastel o  tonos y colores neutros, he allí varios dilemas.

En todo caso sé que es una pregunta al aire, todos tendrán sus preferencias pero tal vez en algo la mayoría coincidiremos ¿quién sabe? espero escuchar sus opiniones respecto al tema.

Una caracteristica que ya es casi un estandar en los themes premium, pero que pasa si tú no tienes un theme de este tipo y quieres hacer lo mismo, a continuación la forma de insertar una Author Box en tu theme WordPress:

Creando la Author Box

Sinceramente tengo que decir que aquí varia de acuerdo a la versión de WordPress que uses, debido a las Template Tags que van añadiendo con cada actualización, si usas una versión vieja de WP (2.7 para abajo) esta es la forma de hacerlo:

<div id="authorbox">
<?php if (function_exists('get_avatar')) { echo get_avatar( get_the_author_email(), '70' ); }?>
<div class="authortext">
<h4>Escrito por <?php the_author_posts_link(); ?></h4>
<p><?php the_author_description(); ?></p>
</div>
</div>

Si en cambio estas al dia con tu instalación, vamos, tienes instalada la versión 2.8 para arriba, puedes utilizar el código que yo uso, de esta forma:

<div id="authorbox">
<?php if (function_exists('get_avatar')) { echo get_avatar( get_the_author_email(), '70' ); }?>
<div class=authortext">
<h4>Escrito por <a href="<?php the_author_meta('user_url'); ?>"><?php the_author_meta('display_name'); ?></a></h4>
<p><?php the_author_meta('description'); ?></p>
</div>
</div>

Veran que sólo cambian las Template Tags, pero si no usas el método de acuerdo a tu instalación esto hará que desaparezca parte de tu blog al cortarse la ejecución de código en tu template.

Estilizando la Caja de Autor con CSS

Bueno ya esta puesto el armazón vamos a ponerle una bonita fachada d esta forma, el CSS que pondré es el que yo uso con Renovatio, pero ustedes pueden modificarlo a sus necesidades:

/* Estilos CSS para su Caja de Autor */
#authorbox{ background: #EFEFEF; border: 1px solid #CECFD0; width: 560px; margin: 0 auto; margin: 10px 0 10px 0; overflow:hidden; min-height: 115px; height: auto !important; height: 115px; }
#authorbox h4{ font-size: 16px; color: #191919; margin:0; padding: 10px 10px 5px 10px; }
.authortext{ padding: 0 20px 0 100px; }
#authorbox img{ margin: 10px; padding: 0px; float: left; border: 5px solid #ccc; }
#authorbox p{ color: #191919; margin: 0; padding: 0px 10px 10px 10px; }
#authorbox p a { color: #191919; }

Listo eso es todo, no obstante si quieres algo más completo echale un vistazo a la  Author Meta Tag de WP, y puedes implementar más información mediante parrafos dandoles una clase y luego alinearlos con CSS o separando los datos mediante la etiqueta &nbsb, por cierto el demo del resultado de este tutorial pueden verlo abajo de este post.

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.

Proudblack: Excelente theme para un blog personal, los tabbers y el footer son sin duda los que más resaltan.

Excelente Theme para Blog Personal

Masaahan: La verdad que cuando lo vi, dije: que theme!, si, algunos diran: este ya tiene una fijación por los themes jaja, pero es que la verdad es un theme espectacular, bastante premium si me preguntan, pero gratuito y compatible al 100% con WordPress 2.7.

Theme Maasahan para WordPress

Freemium: Fantastico template, Freemium, su nombre lo dice todo.

Freemium Theme

Typebased: De pago en sus comienzos gratuito en estos tiempos, sus listas de 2 columnas en la sidebar son lo que más me gustan, un theme que no pasa de moda.

Typebased de Woothemes

SimplePro: Otra forma de decir, aquí esta un theme profesional completamente gratis.

Simplemente PRO

Magazeen: Que decir de esta plantilla, hecha por WeFunction a petición de Smashing Magazine.

Magazeen Template

Evelon: De WP Dots nos llego el theme, bastante minimalista y con colores agradables a la vista.

Evelon

Vexed.Box: Bonita plantilla de 3 columnas, en la que se ve que su creador si aprovecho todo el espacio disponible.

Vexed Box

iNove: Uno de los themes para WordPress 2.7 más descargado hasta ahora, simple, elegante y trae integradas todas las bondades de la versión Coltrane de este CMS, que más se puede pedir.

iNove

SimpleX: Simplemente un gran template que con su estilo hace honor a su nombre.

Un simple theme (?)

Okinawa Sky: El theme esta hecho por un diseñador relativament nuevo, pero en mi opinión muy bueno, si buscan un template verdaderamente espectacular este sin duda es una opción,  junto con el Dramaga del mismo autor.

Okinawa Sky

Bueno y eso es todo, para mí 10 themes WordPress que deberían ser  premium, todos compatibles con WordPress 2.7 y unicos diseños, disfrutenlos y si conocen otro buen theme no duden en comentarlo.

Gracias a toda la comunidad de diseñadores y programadores que hay atras de este maravilloso CMS.

Blogging Tips Evolution: Simplemente genial, organizacion, colores, widgetizable, con un footer y sidebar espectacular.

Blogging Tips Theme

Quantum: Hasta pensaría que es ingles, por el nombre y el diseño elegante y limpio que tiene, listo para gravatar y widgets, 2 sidebars, facil de editar, buscador customizable y gratis, un theme a tomar en cuenta si vamos a abrir o rediseñar nuestro blog.

Quantum Theme WordPress

Outdoorsy Theme: 2 columnas, acabado papel, preparado para widgets y con numerosos elementos orgánicos y de gran calidad.

Theme Outdoorsy

Dark Zen: Elegante y con buenos espacios para publicidad.

Dark Zen

Scruffy: Un teme con mucho estilo, el mejor theme estilo grunge para mi, gratuito, sencillo y bueno, prubenlo ustedes mismos.

Scruffy un theme muy grunge

Firebug Theme: Lo dije ya alguna vez, y lo sigo defendiendo, el mejor skin oscuro para WordPress.

Firebug Theme

Blass2: Para los que se quejan de los themes que se ofrecen en WordPress.org, Blass 2 demuestra que si sabes buscar los hay y muy buenos, este theme me parece muy bueno para un blog personal incluso porque no un Portfolio.

Tema Blass

Superfresh: Un theme muy bien organizado y con un espacio especial para insertar o rotar tus mejores posts.

Un theme Superfresh

Carrington Theme: Un theme cuyo kernel esta potenciado por Ajax, bastante diferente al resto, modular hasta decir basta y con una organización y capacidad de modificación ilimitadas que lo hacen un buen framework para desarrollar tus propios themes.

Carrington Theme

Deskspace: Un diseño fuera de serie que me encontré en Ayuda WordPress.

Deskspace Theme