Pasar de HTML a WordPress

Completa serie de video tutoriales donde se explica paso a paso como para pasar una plantilla HTML & CSS a un Theme WordPress.

Esta serie ha sido creada por Adi Purdilla, un diseñador web freelancer y se ha publicado en WP Tutsplus. En total son 21 videos con una duración total de 5 horas, 55 minutos y 10 segundos.

Como base utiliza una plantilla tipo blog diseñada por el mismo que se llama Adaptive Theme, aunque se puede utilizar un diseño propio.

Pasar de una Plantilla HTML a un Theme WordPress
Pasar de una Plantilla HTML a un Theme WordPress

Hasta la fecha es el mejor tutorial gratuito online que he encontrado, el único inconveniente es que esta en ingles, aunque cada apartado esta muy bien explicado y con la ayuda del video es difícil perderse.

Las herramientas necesarias para seguir el tutorial son: una instalación WordPress (preferiblemente en Localhost) y un editor de código (Notepad++ es uno de los mejores y además es gratuito). Si no tienes una plantilla puedes utilizar la que utiliza Adi, descargala aquí.

1º Preparar el style.css y functions.php

2º Header.php

3º Terminar el Header.php, hacer el Footer.php y registrar los menús

4º El bucle (Loop) y el Theme Unit Test

5º El Bucle (Loop), navegación de entradas y formatos de entradas

6º Sidebar

7º Busqueda, Autor y Vista de Entrada

8º Vista de entrada, area de autor y comentarios

9º Función Callback para mostrar los comentarios

10º Formulario de comentarios personalizado

11º Plantilla para las paginas y plantillas personalizadas para paginas sin sidebar y los archivos.

12º Pagina de contacto (estructura general y validación PHP)

13º Completar la pagina de contacto con todo el codigo PHP

14º Resultados de búsqueda, error 404, etiquetas y categorías

15º Widgets personalizados – 1º Parte

16º Widgets personalizados – 2º Parte

17º Shortocodes y Plugin

18º Opciones de personalización del theme – Parte 1

19º Opciones de personalización del theme – Parte 2

20º Cabos sueltos en functions.php

21º Localization con POEdit

[text-blocks id=”2555″]

No te olvides dejar un comentario