11/02/2015

Underscores: el punto de partida para desarrollar un sitio web con WordPress

Underscores: el punto de partida para desarrollar un sitio web con WordPress

La democratización de la Web ha dado lugar a sistemas que nos permiten crear nuestro propio sitio sin conocimientos de diseño ni codificación. Sin embargo, cuando sí contamos con esa preparación, tenemos la libertad de modificar una plantilla prediseñada, crear la plantilla desde cero o usar un framework. Para quienes trabajan sobre WordPress, es muy común elegir un diseño  ya implementado (al que llamaremos plantilla, theme o tema) y alterarlo ligeramente a gusto del cliente. Esto se puede lograr de dos maneras:

  • Modificar directamente el código fuente del theme.
  • Crear un child theme o tema hijo, es decir, una plantilla que herede todas las características de la original (llamada parent theme o tema padre), pudiendo sobrescribir algunas de ellas pero sin modificar el código fuente que sirve de base.

Los child themes ahorran tiempo de desarrollo y a la vez permiten una buena personalización. Sin embargo, no son la mejor opción para quien quiera aprender a desarrollar themes (se puede trabajar sobre un tema ya hecho sin conocer su funcionamiento a fondo), ni mucho menos para quien busque un sitio único y personal. Además, siempre está el riesgo de elegir un theme mal desarrollado y plagado de bugs. Pero, por otra parte, desarrollar un theme totalmente desde cero puede ser desalentador para un principiante, por no hablar de la calidad del resultado final.

Para resolver esos problemas existe Underscores (también escrito como _s), un theme de WordPress que aporta la mínima estructura básica para construir una plantilla personalizada a partir de él. Underscores no está pensado para servir como parent theme, sino para que el desarrollador modifique su código fuente con el fin de adaptarlo a sus necesidades. Es decir, Underscores es un starter theme: un tema totalmente despojado, sin diseño, que sirve como una hoja en blanco sobre la cual podemos agregar los estilos y las características que deseemos. Lo que brinda es una estructura funcional básica para que nuestro sitio permita publicar, editar, categorizar y buscar entradas, entre otras características. Existen muchos themes del mismo estilo, pero Underscores es especial porque fue desarrollado por Automattic (la empresa detrás de WordPress) y por algunos de los mayores expertos en el tema. Esto asegura varias ventajas:

  • Cumplimiento de los últimos estándares de codificación sugeridos por WordPress.
  • Código limpio, semántico y comentado.
  • Baja probabilidad de errores.

Por todas estas razones, Underscores es un buen punto de partida para desarrollar themes de WordPress, especialmente si queremos aprender a hacerlo de la mejor manera posible.

Enlaces externos

0

angularjs Aplicaciones en Facebook aplicaciones mobile behavioral targeting Botones Call-to-action breadcrumbs breadcrumbs web búsqueda de personal búsqueda facetada Call-to-action buttons Client-side cliente-destacado cms a medida coding comercio electrónico content marketing CSS3 PIE cuanto debe pesar un sitio data-driven web design Datos estructurados Defacement Denegación de servicio Desarrollar una aplicación web desventajas de PhoneGap diseñar newsletters diseño web diseño web argentina diseño web esqueuomórfico Diseño web responsive Diseño web responsivo diseño web santa fe diseño web Smart TV diseño web televisores DOM desde PHP enlaces rotos filtros de búsqueda flash flat web design formularios sitio web fragmentos enriquecidos función de autocompletar futuro de la realidad aumentada html HTML5 html5shiv inbound marketing Initializr interfaces Web para televisores javascript jobs jQuery Mobile Mapbox maquetado html/css maquetador web masonry layout menú de navegación menú desplegable Metodologías ágiles Modernizr MVC Navegación por teclado oferta laboral OpenStreetMap paginas de Facebook Paper js Paper js framework personas Phishing plan de QA Polyfills polymer portfolio-destacados portfolio-inicio programacion de CMS Programadores WordPress página de contacto página de error 404 que es Backbone.js Realidad aumentada Resultados instantáneos server-side skeuomorphic design sliders y usabilidad soporte Internet Explorer Storytelling Underscores usabilidad usabilidad buscadores user-centered design ux velocidad de carga web Vendor prefixes ventajas jQuery Mobile Ventanas integradas versiones antiguas de Internet Explorer WAI-ARIA web components web imprimible Web Semántica WordPress para ecommerce