Como crear Tema Hijo en WordPresspor Amit Kvint {webifish.com /

wpclases.wordpress.com}

#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

Desventajas(?)

• creatividad limitada (por lo menos conceptualmente)

• continua lucha en contra del tema padre

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

#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

#3 - escogiendo tema padre

• Premium

• Framework

• 2010 / 2011 / 2012 (proximamente)

• Otros

Empezamos...

File Hierarchy

• WordPress Template_Hierarchy

#4 - cambios en el escritorio (Dashboard)

• activando tema hijo

• ajustes “normales” (generales, escritura, lectura, menus, widgets etc...)

#5 - Style.css & ...

Developer tools

• como usar las herramientas de desarrollo (Chrome)

•

ejemplo CSS para 2011

cuando acabamos - screenshot.png

• 300 * 225

#6 functions.php

• Registrar & quitar nuevos menus

• Quitar & crear nuevas zonas para widgets

• Nuevos medidas para imagenes que importamos

# 7- Archivos de Plantilla (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

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

header.php & footer.php

• instalando nuevos menus & nuevos zonas widget

• varios otros cambios (info twitter, imagenes destacadas etc..)

#8 - Plantillas para paginas

• Podemos crear plantillas nuevas para nuestras pagins (ejemplo - whity.php)

whity.php

# 9 mas cosas

• Template tags

• Creando taxonomia desde functions.php

• Cambios para la barra de Admin

Template tags

# 10 que mas ?

• Aprendiendo bien como se controla el Loop

• Empezando de cero - creando propio tema

• Mirando Frameworks

Muchas gracias :)

• Amit Kvint

• @amitkvint