Rethinking
  themes


  Rafael Poveda <RaveN>
    WP Official Consultant
        WP Evangelist
Rethinking
  themes


  Rafael Poveda <RaveN>
    WP Official Consultant
        WP Evangelist
¿Qué sabemos de WordPress?
Poniéndonos en situación (1)
Poniéndonos en situación (1)
Junio 2001
Poniéndonos en situación (1)
Junio 2001   Michel Valdrighi
Poniéndonos en situación (1)
                                crea
Junio 2001   Michel Valdrighi
Poniéndonos en situación (1)
                                crea
Junio 2001   Michel Valdrighi
Poniéndonos en situación (1)
                                crea
Junio 2001   Michel Valdrighi

Junio 2002
Poniéndonos en situación (1)
                                crea
Junio 2001   Michel Valdrighi

Junio 2002   Matt Mullenweg
Poniéndonos en situación (1)
                                crea
Junio 2001   Michel Valdrighi
                                  usa
Junio 2002   Matt Mullenweg
Poniéndonos en situación (1)
                                crea
Junio 2001   Michel Valdrighi
                                  usa     ograma
Junio 2002   Matt Mullenweg             pr
Poniéndonos en situación (1)
                                crea
Junio 2001   Michel Valdrighi
                                  usa      ograma
Junio 2002   Matt Mullenweg              pr




05/11/2002                             0.6.1
Poniéndonos en situación (1)
                                crea
Junio 2001   Michel Valdrighi
                                  usa      ograma
Junio 2002   Matt Mullenweg              pr




05/11/2002                             0.6.1

 • BD/MySQL
Poniéndonos en situación (1)
                                crea
Junio 2001   Michel Valdrighi
                                  usa      ograma
Junio 2002   Matt Mullenweg              pr




05/11/2002                             0.6.1

 • BD/MySQL
 • querystring
Poniéndonos en situación (1)
                                               crea
Junio 2001         Michel Valdrighi
                                                 usa      ograma
Junio 2002         Matt Mullenweg                       pr




05/11/2002                                            0.6.1

 • BD/MySQL
 • querystring
 • xmlrpc (eXtended Markup Language - Remote Procedure Call)
Poniéndonos en situación (1)
                                               crea
Junio 2001         Michel Valdrighi
                                                 usa      ograma
Junio 2002         Matt Mullenweg                       pr




05/11/2002                                            0.6.1

 • BD/MySQL
 • querystring
 • xmlrpc (eXtended Markup Language - Remote Procedure Call)
 • usa template tags (the_title(); the_content();)
Poniéndonos en situación (1)
                                               crea
Junio 2001         Michel Valdrighi
                                                 usa      ograma
Junio 2002         Matt Mullenweg                       pr




05/11/2002                                            0.6.1

 • BD/MySQL
 • querystring
 • xmlrpc (eXtended Markup Language - Remote Procedure Call)
 • usa template tags (the_title(); the_content();)
 • permite parámetros (index.php?s=mecus)
Poniéndonos en situación (y 2)
Poniéndonos en situación (y 2)


Enero 2003
Poniéndonos en situación (y 2)


Enero 2003
Poniéndonos en situación (y 2)


Enero 2003
Poniéndonos en situación (y 2)


Enero 2003
Poniéndonos en situación (y 2)


  Enero 2003




27/03/2003
Poniéndonos en situación (y 2)


  Enero 2003




27/03/2003
Poniéndonos en situación (y 2)


  Enero 2003




27/03/2003        +
Poniéndonos en situación (y 2)


  Enero 2003




27/03/2003        +
Poniéndonos en situación (y 2)


  Enero 2003




27/03/2003        +         =
Poniéndonos en situación (y 2)


  Enero 2003




27/03/2003        +         =   0.7
Cuánto hemos cambiado
Cuánto hemos cambiado
Esto es un blog
Esto es un blog
Esto es un blog


  Antes el sistema era más limitado
Esto es un blog


  Antes el sistema era más limitado

  Y más simple:
Esto es un blog


  Antes el sistema era más limitado

  Y más simple:
   • Titular
Esto es un blog


  Antes el sistema era más limitado

  Y más simple:
   • Titular
   • Escribir
Esto es un blog


  Antes el sistema era más limitado

  Y más simple:
   • Titular
   • Escribir
   • Publicar
Esto es un blog


  Antes el sistema era más limitado

  Y más simple:
   • Titular
   • Escribir
   • Publicar
WordPress: Mucho más que blogs
WordPress: Mucho más que blogs

WordPress es un CMS (Content Management System)
WordPress: Mucho más que blogs

WordPress es un CMS (Content Management System)




Puede ser un blog
WordPress: Mucho más que blogs

WordPress es un CMS (Content Management System)




Puede ser un blog            O puede ser cualquier otra cosa
WordPress: Mucho más que blogs

WordPress es un CMS (Content Management System)




Puede ser un blog            O puede ser cualquier otra cosa



Depende de la arquitectura de la información
Arquitectura de la información
Arquitectura de la información
Arquitectura de la información
Arquitectura de la información
Arquitectura de la información
Arquitectura de la información
Algunos ejemplos
Algunos ejemplos
Algunos ejemplos
Algunos ejemplos
Algunos ejemplos
Algunos ejemplos
Algunos ejemplos
Algunos ejemplos
Algunos ejemplos
Algunos ejemplos
Algunos ejemplos
Algunos ejemplos
Algunos ejemplos
Cómo es WordPress
Cómo es WordPress
Cómo es WordPress




WordPress
Cómo es WordPress




WordPress              Plugins
Cómo es WordPress

  Theme




WordPress              Plugins
Frameworks (1)
Frameworks (1)

Es un conjunto estandarizado de conceptos,
prácticas y criterios para enfocar un tipo de problema
particular.
Frameworks (1)

Es un conjunto estandarizado de conceptos,
prácticas y criterios para enfocar un tipo de problema
particular.

Es una estructura conceptual y tecnológica de
soporte.
Incluye programas y bibliotecas que ayudan al
desarrollo.
Frameworks (y 2)
Frameworks (y 2)
Por qué usar frameworks
Frameworks (y 2)
Por qué usar frameworks

       SEO
Frameworks (y 2)
Por qué usar frameworks

       SEO         WP sigue el 100% de las recomendaciones
Frameworks (y 2)
Por qué usar frameworks

       SEO         WP sigue el 100% de las recomendaciones



                      88% automáticas - 12% usuario
Frameworks (y 2)
Por qué usar frameworks

       SEO         WP sigue el 100% de las recomendaciones


       Orden
                      88% automáticas - 12% usuario
Frameworks (y 2)
Por qué usar frameworks

       SEO         WP sigue el 100% de las recomendaciones


       Orden
                      88% automáticas - 12% usuario

       Sencillez
Frameworks (y 2)
Por qué usar frameworks

       SEO          WP sigue el 100% de las recomendaciones


       Orden
                          88% automáticas - 12% usuario

       Sencillez

       Facilidad de uso
Recuerda: esto es GPL
Recuerda: esto es GPL

Todo lo que hagamos utilizando frameworks está sujeto
a la licencia gpl (y por extensión, a las libertades del
Software Libre).
Recuerda: esto es GPL

Todo lo que hagamos utilizando frameworks está sujeto
a la licencia gpl (y por extensión, a las libertades del
Software Libre).
0. Libertad de usar el programa con cualquier propósito
Recuerda: esto es GPL

Todo lo que hagamos utilizando frameworks está sujeto
a la licencia gpl (y por extensión, a las libertades del
Software Libre).
0. Libertad de usar el programa con cualquier propósito
1. Libertad de estudiar cómo funciona el programa y
adaptarlo a tus necesidades (el acceso al código fuente
está implícito)
Recuerda: esto es GPL

Todo lo que hagamos utilizando frameworks está sujeto
a la licencia gpl (y por extensión, a las libertades del
Software Libre).
0. Libertad de usar el programa con cualquier propósito
1. Libertad de estudiar cómo funciona el programa y
adaptarlo a tus necesidades (el acceso al código fuente
está implícito)
2. Libertad de distribuir copias
Recuerda: esto es GPL

Todo lo que hagamos utilizando frameworks está sujeto
a la licencia gpl (y por extensión, a las libertades del
Software Libre).
0. Libertad de usar el programa con cualquier propósito
1. Libertad de estudiar cómo funciona el programa y
adaptarlo a tus necesidades (el acceso al código fuente
está implícito)
2. Libertad de distribuir copias
3. Libertad de mejorar el programa y hacer públicas las
mejoras (el acceso al código fuente está implícito)
Uso de Frameworks (1)
Uso de Frameworks (1)

Los frameworks ofrecen muchas posibilidades, a la vez
que cargan el sistema.
Uso de Frameworks (1)

Los frameworks ofrecen muchas posibilidades, a la vez
que cargan el sistema.

Debemos hacer un ejercicio de consultoría:
Uso de Frameworks (1)

Los frameworks ofrecen muchas posibilidades, a la vez
que cargan el sistema.

Debemos hacer un ejercicio de consultoría:
  • ¿Cuáles son nuestras necesidades?
Uso de Frameworks (1)

Los frameworks ofrecen muchas posibilidades, a la vez
que cargan el sistema.

Debemos hacer un ejercicio de consultoría:
  • ¿Cuáles son nuestras necesidades?
  • ¿Qué es prescindible?
Uso de Frameworks (1)

Los frameworks ofrecen muchas posibilidades, a la vez
que cargan el sistema.

Debemos hacer un ejercicio de consultoría:
  • ¿Cuáles son nuestras necesidades?
  • ¿Qué es prescindible?

Los típicos frameworks son utilizados por los que no
saben demasiada programación (o no quieren saberla).
atahualpa (1)
atahualpa (1)
atahualpa (1)

268 opciones
atahualpa (1)

268 opciones
         4 barras laterales
atahualpa (1)

268 opciones
         4 barras laterales
SEO
atahualpa (1)

268 opciones
         4 barras laterales
SEO
         Permite programación por apartados
atahualpa (1)

268 opciones
         4 barras laterales
SEO
         Permite programación por apartados
Cabeceras personalizables
atahualpa (1)

268 opciones
         4 barras laterales
SEO
         Permite programación por apartados
Cabeceras personalizables
         Fijo o elástico
atahualpa (1)

268 opciones
         4 barras laterales
SEO
         Permite programación por apartados
Cabeceras personalizables
         Fijo o elástico
Menús
atahualpa (1)

268 opciones
         4 barras laterales
SEO
         Permite programación por apartados
Cabeceras personalizables
         Fijo o elástico
Menús
 ...
atahualpa (1)

268 opciones
         4 barras laterales
SEO
         Permite programación por apartados
Cabeceras personalizables
         Fijo o elástico
Menús
 ...
carrington
carrington
carrington
carrington
hybrid
hybrid
hybrid
thematic
thematic
thematic
mystique
mystique
mystique
thesis
thesis
atahualpa (y 2)
atahualpa (y 2)
atahualpa (y 2)
atahualpa (y 2)
Uso de Frameworks (y 2)
Uso de Frameworks (y 2)


Los frameworks van perdiendo sentido en WP 2.9+
Uso de Frameworks (y 2)


Los frameworks van perdiendo sentido en WP 2.9+

Todas las funcionalidades se añade por plugins y
widgets
Uso de Frameworks (y 2)


Los frameworks van perdiendo sentido en WP 2.9+

Todas las funcionalidades se añade por plugins y
widgets



    ¿Por qué crear si podemos modificar?
Los temas hijos
Los temas hijos

Existe desde WP 2.8+
Los temas hijos

Existe desde WP 2.8+

Los temas hijos son temas que heredan del padre su
aspecto y sus funcionalidades.
Los temas hijos

Existe desde WP 2.8+

Los temas hijos son temas que heredan del padre su
aspecto y sus funcionalidades.
                               Si el padre se actualiza,
                               no perdemos los cambios
Los temas hijos

Existe desde WP 2.8+

Los temas hijos son temas que heredan del padre su
aspecto y sus funcionalidades.
                               Si el padre se actualiza,
Utilizando un tema hijo:       no perdemos los cambios
Los temas hijos

Existe desde WP 2.8+

Los temas hijos son temas que heredan del padre su
aspecto y sus funcionalidades.
                                  Si el padre se actualiza,
Utilizando un tema hijo:          no perdemos los cambios

   • Sustituimos la información del padre
Los temas hijos

Existe desde WP 2.8+

Los temas hijos son temas que heredan del padre su
aspecto y sus funcionalidades.
                                  Si el padre se actualiza,
Utilizando un tema hijo:          no perdemos los cambios

   • Sustituimos la información del padre
   • Ampliamos la información del padre
Cómo empezar:
algoritmo de Darth Vader
Cómo empezar:
algoritmo de Darth Vader
Modificando el tema (1)
Modificando el tema (1)
Modificando el tema (1)


padre
Modificando el tema (1)


padre




 hijo
Modificando el tema (1)


padre




 hijo
Modificando el tema (1)


padre




 hijo
Modificando el tema (1)


padre




 hijo
Modificando el tema (1)


padre




 hijo
Modificando el tema (2)
Modificando el tema (2)
Modificando el tema (2)
Modificando el tema (2)
Modificando el tema (2)
Modificando el tema (2)
Modificando el tema (y 3)
Modificando el tema (y 3)
Modificando el tema (y 3)




       añadimos funciones
Modificando el tema (y 3)




       añadimos funciones
      añadimos y modificamos estilo
Modificando el tema (y 3)




       añadimos funciones
      añadimos y modificamos estilo
           modificamos plantillas
¿Y si quieres crear
  algo a medida?
Creando temas de forma elástica
Creando temas de forma elástica
Con WoWPth
Con WoWPth
Con WoWPth
Con WoWPth
Con templatr
Con templatr

http://templatr.cc
Con templatr

http://templatr.cc




       http://www.screencast.com/t/ktW9rPcCA
Con the wordpress
  starter theme
Con the wordpress
   starter theme

http://wpcandy.com/made/the-
wordpress-starter-theme-project
Con the wordpress
  starter theme
Con the wordpress
  starter theme
Con WordPress Theme Generator
Con WordPress Theme Generator

http://www.yvoschaap.com/wpthemegen/
Con WordPress Theme Generator

http://www.yvoschaap.com/wpthemegen/



     http://www.screencast.com/t/oMrlZItQ1IJ
?
Rethinking
  themes


  Rafael Poveda <RaveN>
    WP Official Consultant
        WP Evangelist
Rethinking
  themes
            raven@mecus.es


@bi0xid
                      mecus.es


               raven.es




          Rafael Poveda <RaveN>
            WP Official Consultant
                WP Evangelist

Rethinking Themes - Mecus

Notas del editor