WordPress Child Themes

603 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
603
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

WordPress Child Themes

  1. 1. Como crear Tema Hijo en WordPress por Amit Kvint {webifish.com / wpclases.wordpress.com}
  2. 2. #1 - Por que Tema Hijo ?• La mejor forma de aprender como funciona WordPress• Actualizaciones• No puedes romper nada!• Trabajando con Frameworks• Crear varias versiones del mismo tema
  3. 3. Desventajas(?)• creatividad limitada (por lo menos conceptualmente)• continua lucha en contra del tema padre
  4. 4. personalizando WordPress• creas tu propio tema - • WordPress usa el CSS del tema padre solo cuando no encuentra algo en el hijo • Puedes hacer cambios de la funcionalidad de tu tema hijo
  5. 5. #2 - Herramientas• Photoshop / Fireworks• Front-End : HTML / CSS / JavaScript - editor de código• WordPress Codex• Conocimientos generales (mySql, Apache, phpMyAdmin, y mas caramelos...)• version “fresca” WordPress
  6. 6. #3 - escogiendo tema padre• Premium• Framework• 2010 / 2011 / 2012 (proximamente)• Otros
  7. 7. Empezamos...
  8. 8. File Hierarchy• WordPress Template_Hierarchy
  9. 9. #4 - cambios en elescritorio (Dashboard)• activando tema hijo• ajustes “normales” (generales, escritura, lectura, menus, widgets etc...)
  10. 10. #5 - Style.css & ...
  11. 11. Developer tools• como usar las herramientas de desarrollo (Chrome)•
  12. 12. ejemplo CSS para 2011
  13. 13. cuando acabamos - screenshot.png• 300 * 225
  14. 14. #6 functions.php• Registrar & quitar nuevos menus• Quitar & crear nuevas zonas para widgets• Nuevos medidas para imagenes que importamos
  15. 15. # 7- Archivos dePlantilla (template files)• para cambiar un archivo de plantilla WordPress lo que hacemos es creamos una copia del mismo en la carpeta del tema hijo• WordPress ignora totalmente el mismo archivo en el tema padre• cambios estaticos sidebar.php
  16. 16. Ejemplos de template files para editar• header.php - el encabezado de la pagina• footer.php - el pie de la pagina• index.php - la pagina de entrada• page.php - las paginas estaticas• sidebar.php - area del lado & de widgets• single.php - la pagina de una entrada
  17. 17. header.php & footer.php• instalando nuevos menus & nuevos zonas widget• varios otros cambios (info twitter, imagenes destacadas etc..)
  18. 18. #8 - Plantillas para paginas• Podemos crear plantillas nuevas para nuestras pagins (ejemplo - whity.php)
  19. 19. whity.php
  20. 20. # 9 mas cosas• Template tags• Creando taxonomia desde functions.php• Cambios para la barra de Admin
  21. 21. Template tags
  22. 22. # 10 que mas ?• Aprendiendo bien como se controla el Loop• Empezando de cero - creando propio tema• Mirando Frameworks
  23. 23. Muchas gracias :)• Amit Kvint• @amitkvint

×