Crea una plantilla de wordpress desde Cero, siguiendo los pasos de esta serie de post, podras crear una plantilla para wordpress de forma facil, puede parecer algo muy complicado, pero en esta serie te traemos como crear una plantilla de WordPress desde 0 de forma fácil y rápido.
WordPress funciona con un sistema de plantillas que da facilidad para crear paginas web.
Lenguajes
Para crear una plantilla desde 0, debes sabes lo basico de los siguientes lenguajes.
WordPress
Aprende las funcionalidades de este CMS, la estructura de los menús, entradas, etiquetas, categorías, funcionamiento de los plugins, etc.
HTML
Un lenguaje de marcado de hipertexto, aprende sus etiquetas (div, img, input, etc), sera muy util para crear la estructura del diseño de la plantilla.
CSS
Las hojas de estilos puedes mejorar la apariencia, en cuanto a color, animaciones, forma a esta estructura que creas con html.
PHP
Es un lenguaje de programacion de lado de servidor,
En Internet existe mucha documentación sobre los anteriores lenguajes, en paginas como w3schools.com podrás estudiar mas a fondo cada uno.
Entorno de programación.
Servidor local
Lo ideal en la etapa de desarrollo de cualquier producto web es desarrollarlo en tu servidor local, de forma facil puedes intalar algun programa como xampp o wampp. que te permite convertir tu computador personal en un servidor local de bases de datos mysql, apache, ftp, mercuty y tomcat. para este ejercicio necesitaremos los servicios apache y mysql.
WordPress
Instala en el servidor local este CMS, puedes descargarlo desde wordpress.org, copia los archivos en la carpeta publica de tu servidor, abre localhost en tu navegador y sigue los pasos de la pagina de instalacion.
Editor de código
Cada desarrollador tiene su editor de codigo favorito en algunos casos algunas personas usan en editor de texto integrado de windows, notepad, para aprender. en lo personal yo uso vscode, pero existen muchos otros como sublimetext, notepad++, etc.
Codex WordPress
Un repositorio vivo de documentación e informes sobre las funcionalidades de WordPress, es una herramienta de gran utilidad para los desarrolladores de plantillas y plugins de wordpress
Sistema de carpetas
Es hora de crear el sistema de carpetas, debes de tener algunos archivos en la raíz de tu tema pero puedes organizar las funciones de la forma que mejor la consideres.
para este tema esta es la estructura que hemos organizado.
la siguiente imagen muestra la jerarquia que tienen los archivos de la plantilla de wordpress.
Style.css
Archivo de estilos, aqui van todos los estilos css que se va a aplicar al tema.
header.php
la cabecera del tema, el codigo html entre las etiquetas head, normalmente tambien la cabecera del codigo que va en las etiquetas body, lo que es el menu de navegacion y en algunos casos, la imagen de cabecera o carousel.
footer.php
La sección de footer y widgets del footer de la plantilla.
sidebar.php
widgets de la barra lateral de la plantilla.
content.php
Este archivo te sirve para renderizar la lista de entradas del blog, pinta el titulo, imagen destacada, descripción.
index.php
Es el archivo principal de la plantilla.
functions.php
Aqui van todas las funciones del tema, declarar secciones, controles, etc.
page.php
Lo usamos para renderizar paginas de nuestra pagina web.
front-page.php
Similar al anterior pero con este archivo renderizamos la pagina principal o el home de la plantilla.
Continua con esta serie de Crea una plantilla de WordPress desde Cero para aprender a crear tus propias plantillas de wordpress.