Desarrollando tu primer tema de WordPress

WEBINARIO EN VIVO F r a n c i s
c o A M K . c o m DESARROLLANDO TU PRIMER TEMA DE WORDPRESS con Francisco Aguilera G.

F r a n c i s c o A
M K . c o m Francisco Aguilera G. FranciscoAMK.com @FranciscoAMK APKestudio.com   

F r a n c i s c o A
M K . c o m Vivimos en el futuro Crear sitios web autoadministrables nunca fue tan fácil

F r a n c i s c o A
M K . c o m Lo difícil es hacerlos 100% personalizados en base a tus diseños

F r a n c i s c o A
M K . c o m Muchos saben diseñar y/o maquetar HTML y CSS, pero tienen miedo a la programación

F r a n c i s c o A
M K . c o m Para desarrollar temas de WordPress no necesitas ser un desarrollador. Lo importante es conocer los límites de tus capacidades. “

F r a n c i s c o A
M K . c o m Asumiré que ya sabes: Usar WordPress como administrador Lo básico de HTML y CSS

F r a n c i s c o A
M K . c o m WordPress funciona con MySQL y PHP

F r a n c i s c o A
M K . c o m Esto es lo que debes saber de PHP

F r a n c i s c o A
M K . c o m Comprobaciones condicionales

F r a n c i s c o A
M K . c o m Imprimir contenido en HTML

F r a n c i s c o A
M K . c o m Funciones y acciones

F r a n c i s c o A
M K . c o m ¿Qué es un tema de WordPress?

F r a n c i s c o A
M K . c o m Una cosa más: Habilita WP_DEBUG

F r a n c i s c o A
M K . c o m ...en wp-config.php

F r a n c i s c o A
M K . c o m Tienes que crear la carpeta de tu tema Instalación WordPress wp-content themes carpeta-de-tu-tema

F r a n c i s c o A
M K . c o m Un tema necesita solo 2 archivos... index.php style.css

F r a n c i s c o A
M K . c o m ...aunque generalmente es más como esto index.php single.php page.php header.php footer.php sidebar.php functions.php style.css screenshot.png

F r a n c i s c o A
M K . c o m Cabecera style.css

F r a n c i s c o A
M K . c o m En un sitio estándar sería así: index.php BLOG single.php ARTÍCULO page.php INICIO NOSOTROS SERVICIOS CONTACTO

F r a n c i s c o A
M K . c o m index.php single.php page.php header.php footer.php sidebar.php

F r a n c i s c o A
M K . c o m Llamando los archivos

F r a n c i s c o A
M K . c o m El área <head>

F r a n c i s c o A
M K . c o m Haciendo la cebecera dinámica

F r a n c i s c o A
M K . c o m Cargando hoja de estilos

F r a n c i s c o A
M K . c o m Mostrando el encabezado

F r a n c i s c o A
M K . c o m Cargando un menú de páginas

F r a n c i s c o A
M K . c o m Cargando un menú personalizado

F r a n c i s c o A
M K . c o m Haciéndo dinámico el pie de página

F r a n c i s c o A
M K . c o m Creando un área de widgets

F r a n c i s c o A
M K . c o m Cargando widgets

F r a n c i s c o A
M K . c o m El loop de WordPress

F r a n c i s c o A
M K . c o m Posts previos y siguientes

El loop en single.php y page.php

Comments.php

F r a n c i s c o A
M K . c o m Plantillas personalizadas

F r a n c i s c o A
M K . c o m generatewp.com

F r a n c i s c o A
M K . c o m Repasa todo lo que hemos visto: http://bit.ly/CursoIntroWP

F r a n c i s c o A
M K . c o m ¿Quieres más?

F r a n c i s c o A
M K . c o m 25% Dscto.

F r a n c i s c o A
M K . c o m http://bit.ly/CursoTemasWP

Desarrollando tu primer tema de WordPress

Desarrollando tu primer tema de WordPress

More Decks by Francisco Aguilera G.

Other Decks in Programming

Featured

Transcript