Como crear Tema Hijo
   en WordPress
    por 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

WordPress Child Themes

  • 1.
    Como crear TemaHijo en WordPress por Amit Kvint {webifish.com / wpclases.wordpress.com}
  • 2.
    #1 - Porque 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.
    Desventajas(?) • creatividad limitada(por lo menos conceptualmente) • continua lucha en contra del tema padre
  • 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.
    #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.
    #3 - escogiendotema padre • Premium • Framework • 2010 / 2011 / 2012 (proximamente) • Otros
  • 7.
  • 8.
    File Hierarchy • WordPressTemplate_Hierarchy
  • 9.
    #4 - cambiosen el escritorio (Dashboard) • activando tema hijo • ajustes “normales” (generales, escritura, lectura, menus, widgets etc...)
  • 10.
  • 11.
    Developer tools • comousar las herramientas de desarrollo (Chrome) •
  • 12.
  • 13.
    cuando acabamos - screenshot.png • 300 * 225
  • 14.
    #6 functions.php • Registrar& quitar nuevos menus • Quitar & crear nuevas zonas para widgets • Nuevos medidas para imagenes que importamos
  • 15.
    # 7- Archivosde 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
  • 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.
    header.php & footer.php • instalando nuevos menus & nuevos zonas widget • varios otros cambios (info twitter, imagenes destacadas etc..)
  • 18.
    #8 - Plantillaspara paginas • Podemos crear plantillas nuevas para nuestras pagins (ejemplo - whity.php)
  • 19.
  • 20.
    # 9 mascosas • Template tags • Creando taxonomia desde functions.php • Cambios para la barra de Admin
  • 21.
  • 22.
    # 10 quemas ? • Aprendiendo bien como se controla el Loop • Empezando de cero - creando propio tema • Mirando Frameworks
  • 23.
    Muchas gracias :) •Amit Kvint • @amitkvint