Desarrollando tu primer tema de WordPress

Webinario presentado en FranciscoAMK.com

Transcript

1. 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.
2. F r a n c i s c o A M K . c o m Francisco Aguilera G. FranciscoAMK.com @FranciscoAMK APKestudio.com   
3. F r a n c i s c o A M K . c o m Francisco Aguilera G. FranciscoAMK.com @FranciscoAMK APKestudio.com   
4. 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
5. 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
6. 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
7. 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. “
8. 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
9. F r a n c i s c o A M K . c o m WordPress funciona con MySQL y PHP
10. F r a n c i s c o A M K . c o m Esto es lo que debes saber de PHP
11. F r a n c i s c o A M K . c o m Comprobaciones condicionales
12. F r a n c i s c o A M K . c o m Comprobaciones condicionales
13. F r a n c i s c o A M K . c o m Comprobaciones condicionales
14. F r a n c i s c o A M K . c o m Imprimir contenido en HTML
15. F r a n c i s c o A M K . c o m Funciones y acciones
16. F r a n c i s c o A M K . c o m Funciones y acciones
17. F r a n c i s c o A M K . c o m ¿Qué es un tema de WordPress?
18. F r a n c i s c o A M K . c o m Una cosa más: Habilita WP_DEBUG
19. F r a n c i s c o A M K . c o m ...en wp-config.php
20. 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
21. 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
22. 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
23. F r a n c i s c o A M K . c o m Cabecera style.css
24. 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
25. 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
26. F r a n c i s c o A M K . c o m Llamando los archivos
27. F r a n c i s c o A M K . c o m El área <head>
28. F r a n c i s c o A M K . c o m Haciendo la cebecera dinámica
29. F r a n c i s c o A M K . c o m Cargando hoja de estilos
30. F r a n c i s c o A M K . c o m Mostrando el encabezado
31. F r a n c i s c o A M K . c o m Mostrando el encabezado
32. F r a n c i s c o A M K . c o m Mostrando el encabezado
33. F r a n c i s c o A M K . c o m Cargando un menú de páginas
34. F r a n c i s c o A M K . c o m Cargando un menú personalizado
35. F r a n c i s c o A M K . c o m Cargando un menú personalizado
36. F r a n c i s c o A M K . c o m Haciéndo dinámico el pie de página
37. F r a n c i s c o A M K . c o m Creando un área de widgets
38. F r a n c i s c o A M K . c o m Cargando widgets
39. F r a n c i s c o A M K . c o m El loop de WordPress
40. F r a n c i s c o A M K . c o m El loop de WordPress
41. F r a n c i s c o A M K . c o m El loop de WordPress
42. F r a n c i s c o A M K . c o m El loop de WordPress
43. F r a n c i s c o A M K . c o m El loop de WordPress
44. F r a n c i s c o A M K . c o m El loop de WordPress
46. F r a n c i s c o A M K . c o m Posts previos y siguientes
47. El loop en single.php y page.php
48. Comments.php
49. F r a n c i s c o A M K . c o m Plantillas personalizadas
50. F r a n c i s c o A M K . c o m Plantillas personalizadas
51. F r a n c i s c o A M K . c o m generatewp.com
52. F r a n c i s c o A M K . c o m generatewp.com
53. F r a n c i s c o A M K . c o m generatewp.com
54. 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
55. F r a n c i s c o A M K . c o m ¿Quieres más?
56. F r a n c i s c o A M K . c o m ¿Quieres más?
57. F r a n c i s c o A M K . c o m 25% Dscto.
58. F r a n c i s c o A M K . c o m http://bit.ly/CursoTemasWP