Menú Cerrar

Crea una plantilla de WordPress desde Cero parte 1

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.

estructura de archivos de la plantilla wordpress

la siguiente imagen muestra la jerarquia que tienen los archivos de la plantilla de wordpress.

Jerarquia de archivos de la plantilla wordpress
jerarquía de archivos template hierachy

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.

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Abrir chat
¿Necesitas ayuda?
A %d blogueros les gusta esto: