Temas WordPress: Revisando a fondo Twenty Eleven (Review)
Trata de: WordPress

El tema Twenty Eleven fue liberado con WordPress 3.2 como tema por defecto, actualmente muy usado por la flexibilidad y lo fácil que es adaptar a un diseño específico.

Twenty Eleven actualmente está en la versión 1.2 y su última actualización fue el 12 de julio de 2011. Si llevas un tiempo usando WordPress, habras notado que es la segunda oportunidad que cambia el tema por defecto, ahora, antes que salga Twenty Twelve, y esperamos que así sea, vamos hacer una breve revisión a Twenty Eleven, vamos a ver los formatos de post (entradas), diseños, colo de esquemas, y las opciones del tema.

Vamos a revisar también el código para ver que tanto a cambiado desde Twenty Ten.

Un poco de historia

En sus incios apareció con el nombre de Duster y fue desarollado por el team Automattic, tuvo seis versiones hasta que finalmente fue aprobanda la versión Duster 1.0.5, en abril, desde entonces estaba disponible en el respositorio de temas de WordPress.

Poco despues, Matt Mullenweg, importo Duster al proyecto como candidato, miestras se sugería porque sería la mejor opción. Así es cuando Duster llega a ser “Twenty Eleven” y todo el equipo de WordPress.org empieza a contribuir. Por cierto, Duster está disponible como tema libre.

Dentro de Tewnty Eleven

Twenty Eleven

Una de las cosas que mas se usa en un blog son las “entradas destacadas”, que no está no hay en este tema, pero las imagenes se pueden manejar mejor, así como la tipografía. Aún así, vamos a buscar la manera de poner “entradas destacadas”.

Como todo buen tema, tiene soporte para ser traducido a otro lenguaje, buen suporte para editar el código CSS, buen soporte para fondos de pantalla con colores e imágenes, así como un buen apoyo para imágenes de cabecera.

Por todo eso, fue elegido por WordPress. El menú de navegación y el área de Widgets están bien diseñadas con cinco diferentes áreas de barra lateral (sidebar), además tiene 3 áreas para sidebar en el pie de página (footer).

Twenty Eleven

Para algunos esto es estupendo, una buena oportunidad para desaparecer los sidebar laterales, sin embargo, hay quienes todavía quieren usar los sidebar laterales y no es posible con solo seleccionar el diseño por defecto. Por suerte existen formas de conseguirlo, también veremos esto en otro post.

La página de administración “Apariencia > Opciones del tema” es bastante simple, no se si Automattic acertó en eso, pero al menos quita la commplejidad de tener tantas opciones disponibles es esta área, haber si las empresas o desarrolladores le quitan esa complejidad a las opciones del tema.

Twenty Eleven, te permite personalizar tres opciones: combinaciones de color, color de enlace y diseño del tema. Muy fácil cierto?

Twenty Eleven

Como ves en la imagen superior, el tema tiene tres diseños disponibles, pero se puede usar diseños propios con los temas hijo (child theme) así sobre escribes los temas por defecto, además elcódigo del tema es limpio y fácil de manipular.

El código de Twenty Eleven

Si estas aprendiendo a desarrollar temas para WordPress, seguro ya estas adoptando mejores prácticas, frameworks o ideas de como se deben hacer las cosas en WordPress, te suguiero que le prestes atención un momento: Twenty Eleven, te va mostrar las mejores prácticas para escribir código, creando excelentes, child compatible.

El archivo functions.php

Probablemente ya sabes para que sirve y que hace el archivo functions.php. Con Twenty Eleven es fácil seguir el archivo functions. Utiliza la acción after_theme_setup para realizar el resto de la configuración del tema, es algo que debes tener en cuenta, ya que es mala idea cargar muchas cosas durante el inicio.

Localización, editor de estilo, la manera correcta de incluir código adicional al archivo functions, menú de navegación, formatos de posts, fondos, imágen de cabecera, thumbnails y mas. Allí está todo, excepto los sidebar. Los sidebar se registran en otra acción llamada widgets_init, que es la mejor manera de hacerlo.

Recomiendo que leas el archivo con mucho cuidado, te aseguro que vas aprender muchas cosas interesantes. La llamada a function_exists te permite sobrecargar funciones en los child themes, es decir, usar el mismo nombre de función en tu child theme evitará que Twenty Eleven declare la misma función. Esta es una de las formas en las que los child themes pueden veneficiar el estilo de codificación de Twenty Eleven.

Puedes ver como Twenty Eleven evita las cadenas de texto usando esc_url, esc_html y esc_attr, ya debes conocer esto. Sin embargo, fíjate como el tema usa printf con marcadores de posición para mantener la legibilidad del código, así como proporcionar mayor flexibilidad a los traductores tema.

Los archivos content.php y content-*.php

Te estarás preguntado ¿Que hacen esos archivos allí? Estamos acostumbrados a usar el WordPress Loop (Loop = Bucle), en nuestros archivos de la plantilla principal a través de la jerarquía de plantilla (Index.php, Single.php, etc). Este enfoque no es nuevo en WordPress y es implementado principalmente por los child themes para sacar ventaja de tu tema.

Eso significa que el Loop es reemplazado llamando a get_template_part, como tal, en el archivo index.php de Twenty Eleven.

[php]//dentro del bucle
get_template_part(‘content’, get_post_format());[/php]

El segundo argumento de la función get_template_part devolverá los posts correspondientes al formato de post (post format): Galería, imagen, video o audio (presentados por wordpress). El primer argumento es siempre de reserva. Lo que hace seguro ejecutar diferentes archivos exista o no, volviendo a content.php, revisemos el código:

[php]//Incluirá el archivo content.php desde el directorio de la plantilla
get_template_part(‘content’);
//Se intentará incluir content-something.php desde
//el directorio de plantilla, e incluirá content.php si el
//formato no existe
get_template_part(‘content’,’something’);[/php]

Así que, el metodo mostrado en index.php de Twenty Eleven intentará incluir content-post-format.php. donde post-format puede ser: galería, imagen, audio, video o mas. Y si por algun motivo el archivo no es encontrado, regresará al content.php. Es por ese motivo que hay varios archivos content-*.php en la carpeta del tema.

Con este enfoque, los child themes puede reemplazar el comportamiento simplemente proporcionando un archivo content-post-format.php.WordPress intentará utilizar primero el archivo child themes, luego vuelve del que hereda (padre o parent) si el child theme no tiene uno. incluso se puede anular la reserva content.php por uno propio.

El enfoque podría estar familiarizado con el método loop.php usado en Twenty Ten, es muy similar, pero llamado de otra manera. get_template_part no aceptará ninguna cadena para el nombre del archivo, a menos que, por supuesto, estén reservados por la jerarquía.

Archivos Header y Footer

El archivo header.php tiene un impresionante soporte HTML5 para los navegadores, inclusive puedes copiar y pegar a tu temas si es necesario. Lo demás es bastante simple y directo. Ten en cuenta que get_template_stylesheet_directory no se utiliza más, debido a la apoyo para usar child themes. También debes tener en cuenta cómo el wp_nav_menu junto a la hoja de estilo del tema tienen una reserva el wp_page_menu cuando los menús de navegación no se utilizan en el admin.

El footer.php también es simple, muestra los widget y el pie de página. Lo interesante aquí es la acción twentyeleven_credits, lo que significa que con una simple llamada a add_action podemos insertar algo en esa sección, justo antes de los créditos de WordPress.

Todo esto se puede hacer en el child themes o plugins, sin tener que modificar ninguna pieza del código Twenty Eleven, y sin tener que modificar el fichero footer.php en tu child theme. interesante verdad?

Hojas de estilo y lo demás

No es la mejor hoja de estilos del mundo, especialmente con la falta de comentarios. Pero eso no es problema, ya que con las herramientas de depuración de hoy para Firefox y Chrome, es muy fácil cambiar las cosas en su hoja de estilo, a pesar de que podría crear un código redundante, y tal vez algunos pequeños problemas de compatibilidad con el navegador, dependiendo de lo que está tratando de cambiar o anular.

No hay que olvidar que los temas hijo llevan su propia hoja de estilo y la hoja de estilo padre no está incluido a menos que explícitamente se solicite con la directiva de importación CSS @import. Que sólo se aplica a temas que proporcionan soporte a Child Themes.

Lo demás… Bueno, una cosa vale la pena mencionar aquí y es cómo los archivos del tema está estructurado. Muy bien empaquetados, las carpetas con nombres descriptivos, lenguajes e imágenes, colores y javascripts. una carpeta separada inc para las opciones de código del tema, como: diseño y JavaScript, que es una idea brillante.

Conclusión de Tewnty Eleven:

Si estas iniciandote en esto, aquí ya tienes una excelente forma de hacerlo. incluso va cambiar tu forma de pensar, acerca de la estructuración del código, y la manutención de los Child Themes, y si aún no tienes uno, adopta este que es de lo mejor. A pesar de haber todo tipo de usuarios, no está mal que existan temas con todo un formulario de opciones que te permiten personalizar la plantilla wordpress, al gusto del fabricante, digo al gusto del fabricante poque no siempre hay lo que necesitas.

A pesar de ello, si eres un usuario con ganas de aprender deberias usar un panel de administración simple, eso te da la opción de conocer mas, interactuar mas al estilo de WordPress.

Lo digo yo, y no es una obligación pensar igual, pero debes considerar en empezar con Tewnty Eleven. ¿Cual es tu punto de vista? Me interesa saber que opinas de este tema, si quieres colaborar, estás benvenido. Solo deja tu comentario.

Publicado por:

Lo último en el sitio

 

Nombre

Atención: Antes de aportar al artículo con sus comentarios, le pedimos encarecidamente que evite generar spam, discusiones agraviantes o mensajes de contenido violento y racista. Todo usuario que no acate a este llamado, será suspendido en la brevedad.

 

4 Comentarios en “Temas WordPress: Revisando a fondo Twenty Eleven (Review)”

  1. David Gómez dice:

    Yo ya casi termino mi Child Theme a partir de este tema, me parece ¡Excelente!…

  2. Pere Nadal dice:

    Gracias por el artículo. Estoy empezando un proyecto web completo para la empresa donde curo, en la que habrá muchos tutoriales, vídeos y similar, pero que tenga una apariencia "corporativa" en la que sea fácil añadir artículos y modificar textos. Lo que me ha gustado mucho del tema es que tiene un diseño escalable, tanto para mobil como para pantallas poco habituales, y es algo muy práctico ahora mismo.

    Un saludo!

  3. ernesto dice:

    Estoy empezando a usarla y estoy interesado en ver como funciona en moviles tambien

 
 

Sitios recomendados

 
  Articulos populares
 
+ Angry Birds RIO para PC Windows | PC Game completo (156)
+ Windows 7 Loader / Activador de Windows 7 (Actualizado Octubre 2011) (81)
+ Invitaciones a Google +, te enviamos una (74)
+ Angry Birds Seasons 2011 - 2012 (Descarga gratuita) (68)
+ Windows 7 Loader, Activador de Windows 7 (Actualizado Febrero 2011) (63)
+ Activar Facebook Timeline | Biografía Facebook (54)
+ Angry Birds v1.6.3 para PC (28)
+ Angry Birds v2.0.0 para PC (Enero 2012) (28)
+ Como Instalar Debian 6 "Squeeze", paso a paso [Guía Fácil] (25)
+ Instalar y configurar phpMyAdmin 3 en Windows 7 / paso a paso (24)
 
 
  Tags del sitio
 
Angry Birds Aplicaciones Aplicaciones Linux Apple Como Hacerlo Consejos Desarrollo Web Descargas Diarios Diseño El País Entretenimiento España Facebook Firefox Fotos Gadgets Google Google Chrome Google Plus Infografia Internet iPhone Juegos Linux Navegadores Negocios Negocios y Marketing Noticias de Tecnologia Paso a Paso Periódicos Redes Sociales Revistas Seguridad Social Media Social Media Marketing Tecnología Telefono Celular Tips Twitter Ubuntu 11 Video Windows Windows 7 WordPress
 
 
  Comentarios recientes
 

Maryza:  cabal
amnada:  no sirve
Juan José:  ey amigo.!!! tengo
Eduardo:  ADVERTENCIA Estas
chuck:  amigo lo que quier
shantal:  no me guta + +
Coder Architect:  viejo, este juego
dameseano prieto:  solo quiero la cla
Horacio:  Debes hacer una pa
Carlos:  Ustedes se quejan?