Archivo de la etiqueta: boilerplate

Tema WordPress con Skeleton

html5boilerplate

Sin duda alguna el uso de Html5 en la web ya no es una cosa de juegos, ni mucho menos un “lujo”, es algo esencial en una web que esta enfocada al web 2.0 y más aún si esta dirigida a darle al usuario una navegación cómoda.

Seguramente muchos utilizamos para tareas de blogging el CMS WordPress, por su seguridad, comodidad y por esas personas que están dedicadas día a día a hacerlo aun mejor. Claro que surge la necesidad en muchos de adaptarlo a los estándares HTML5 y mejor aun si es posible a una sólida estructura que un FrameWork Frontend nos puede brindar.

En este caso les dejare el código para mezclar la potencialidad de:

WordPress + Html5 + Skeleton
 

wordpresyskeleton

 

Siendo Skeleton el Framework Frontend Html5 que utilizaremos en este código. Antes quisiera dejar en claro que esto no es llegar poner imágenes y subir, sino que por el contrario esta enfocado a ser una herramienta “boilerplate” para el desarrollador. Como es lógico también necesitara de su mano para adaptarlo a las necesidades de cada uno 😉

Partamos explicando lo básico de un skin en wordpress y finalmente podrán ver el código con la implementación de Skeleton.

Estructura de archivos para un tema wordpress

Cuando creamos un tema WordPress debemos tener los siguientes archivos:

style.css : Corresponde a la hoja de estilos que estamos aplicando al tema.

header.php : El encabezado de nuestra plantilla.

index.php : Cuerpo principal de la plantilla.

single.php : Utilizado para leer un articulo en particular.

footer.php : Pie de pagina de la plantilla.

archive.php : Se lanza cuando realizamos una búsqueda por algún criterio de articulo o autor en la web, muestra pre visualizaciones de los post.

page.php : Similar a single.php.

sidebar.php : Barra lateral.

functions.php : Funciones necesarias para el tema y el correcto funcionamiento de éste.

Si deseas profundizar en estos temas, pueden hacerlo en la siguiente dirección que les recomiendo.

Como crear un tema para WordPress

Ahora que conocemos la estructura básica de un tema, solo faltaría integrar ésta arquitectura con la de Skeleton, lo que puedes descargar y observar acá:

Descargar
 

pd: Son bienvenidas las correcciones y/o mejoras que puedan irse agregando en el Repositorio GitHub.

Saludos.