¿avanzado?




   Rafael Poveda - RaveN
WP Official Consultant / Developer / Translator
      Consultor comunicación digital
            @bi0xid | @mecus
11
  BE
#E


                                    ¿avanzado?




    Rafael Poveda - RaveN
 WP Official Consultant / Developer / Translator
       Consultor comunicación digital
             @bi0xid | @mecus
¿Qué es un usuario avanzado?
WP 2.3 “Dexter”
WP 2.3 “Dexter”
Lunes, 24 de Septiembre de 2007




En WP 2.3, un usuario avanzado era aquel que sabía
                poner un gravatar.

               En WP 2.3 las novedades fueron:

                           Etiquetas
                         Notificaciones
                     Pendiente de revisión
                La barra avanzada de TinyMCE
WP 2.3 “Dexter”
Lunes, 24 de Septiembre de 2007
WP 2.3 “Dexter”
Lunes, 24 de Septiembre de 2007
WP 2.3 “Dexter”
Lunes, 24 de Septiembre de 2007
WP 2.3 “Dexter”
Lunes, 24 de Septiembre de 2007
WP 2.3 “Dexter”
Lunes, 24 de Septiembre de 2007
WP 2.8 “Baker”
WP 2.8 “Baker”
   10 de Junio de 2009




En WP 2.8, lo avanzado era montar un tipo de datos
WP 2.8 “Baker”
 10 de Junio de 2009
WP 3.0 “Thelonius”
WP 3.0 “Thelonius”
   17 de Junio de 2010




 En WP 3.0, un usuario avanzado era el que sabía
montar una red de blogs (se complicó con el cambio
    desde WP MU) y la internacionalización



Vamos a dar también un poco de contexto histórico.
 WP 3.0 apareció un poco después del primer iPad.
WP 3.0 “Thelonius”      3 de Abril de 2010
  17 de Junio de 2010
WP 3.0 “Thelonius”      3 de Abril de 2010
  17 de Junio de 2010
WP 3.0 “Thelonius”
  17 de Junio de 2010
WordPress hoy día:
60.000.000
 blogs / sitios
17.000+
   plugins


233.000.000
  descargas
1.450+
   temas


40.000.000
  descargas
160+
exclusivos WP.com
 Más Woothemes, más themeforest...



             21
premium WP.com
209.525.000.000
combinaciones únicas
    entre plugins y temas
Instalar plugins

En WP hoy día instalar plugins está en la mano de
               cualquier usuario.

   Un buscador simple, fácil, rápido y seguro.

                   (En vídeo)
Instalar temas


 Instalar temas es igual. Tenemos la gran ventaja de
que también podemos subir un plugin o tema en .zip
  (es como se sirven casi todos los temas premium)
WordPress es hoy día lo que es gracias a:

   jQuery (la plataforma de javascript que hace que
     todo funcione como nos gusta, arrastrando y
                       soltando)
Jane Wells (@janeforshort), experta en experiencia de
                        usuario
      Andrew Nacin (@nacin), uno de los mejores
              programadores del mundo
Daryl Koopersmith (@darylkoop), un visionario que
 introdujo muchas nuevas ideas (los temas elásticos)
  Hugo Baeta (@hugobaeta), introdujo muchas ideas
       sobre navegación en distintas plataformas
                  (browsehappy.com)
Y llegamos a WordPress 3.3
WordPress 3.3-beta3
WordPress 3.3-beta3
Usuario avanzado
Usuario avanzado

 Usuario final de una aplicación con un conocimiento considerablemente mayor
 que el usuario final común, aunque no sea capaz de realizar tareas no orientadas
 a la aplicación como programar
Usuario avanzado

 Usuario final de una aplicación con un conocimiento considerablemente mayor
 que el usuario final común, aunque no sea capaz de realizar tareas no orientadas
 a la aplicación como programar




 Un usuario que no es programador pero que es experto en un proceso
Hay usuarios avanzados, y usuarios PRO. Los
         usuarios pro son de dos tipos:


El que modifica CSS, como David Karp (fundador de
                      Tumblr)
    El que modifica PHP, como Matt Mullenweg
                   (WordPress)
     Y también existe el que hace las dos cosas.
La diferencia entre un CSS PRO (izquierda) y un
               PHP PRO (derecha)
Existe un cuarto tipo, los Wranglers.
Son los que trabajan para Automattic.
Wrangler          [ran-glar]


sustantivo
  1. Pendenciero, disputador, amigo de disputas; originalmente,
  argumentador, defensor de una tesis.

  2. En la Universidad de Cambridge, Inglaterra, el alumno que
  obtiene el primer grado en los exámenes de matemática



sustantivo
  3. Vaquero, cowboy. (Estados Unidos)
Wrangler          [ran-glar]


sustantivo
  1. Pendenciero, disputador, amigo de disputas; originalmente,
  argumentador, defensor de una tesis.

  2. En la Universidad de Cambridge, Inglaterra, el alumno que
  obtiene el primer grado en los exámenes de matemática



sustantivo
  3. Vaquero, cowboy. (Estados Unidos)
Wrangler          [ran-glar]


sustantivo
  1. Pendenciero, disputador, amigo de disputas; originalmente,
  argumentador, defensor de una tesis.

  2. En la Universidad de Cambridge, Inglaterra, el alumno que
  obtiene el primer grado en los exámenes de matemática



sustantivo
  3. Vaquero, cowboy. (Estados Unidos)
Entonces, diferenciamos entre usuario avanzado (el
 que sabe cambiar temas en WP.com, por ejemplo)




 Y el que se dedica a hacer modificaciones de CSS.
  En WP.com sólo hay cabida para los CSS PRO.
Muchos temas ya vienen preparados para pequeños
                   cambios.
Un ejemplo de efectos de tocar la CSS de un
               Twenty Ten
Plugins en WordPress.com
Plugins en WordPress.com
¿Cuál es la potencia de WP.com?




Muchos sitios están en WP.com. Por precio,
   por seguridad, por tranquilidad...
Todos los “PRO” de WP estamos tan centrados en
  nuesta plataforma, que parece que tengamos una
lentilla puesta. No somos capaces a veces de ver má
                       ´s allá.


¿Cuál es tu cobertura en WP.org en comparación con
                      WP.com?
               Que eres Juan Palomo.
En WP.org puedes:

                Buscarte un tema
Construir un tema desde cero => Utiliza Toolbox. Es
 un tema mantenido por Automattic sobre el que
                 trabajar con CSS
                Hacer un tema hijo
            O utilizar temas premium
http://www.onextrapixel.com/2011/03/08/how-to-code-a-
          wordpress-3-0-theme-from-scratch/
http://www.onextrapixel.com/2011/03/08/how-to-code-a-
          wordpress-3-0-theme-from-scratch/
http://www.onextrapixel.com/2011/03/08/how-to-code-a-
          wordpress-3-0-theme-from-scratch/
/*
Theme Name: Tema hijo
Theme URI: http://temahijo.com/
Description: Tema hijo de Twenty Ten para WordPress
Author: Mecus
Author URI: http://mecus.es/
Template: twentyten
Version: 0.1.0
*/
/*
Theme Name: Tema hijo
Theme URI: http://temahijo.com/
Description: Tema hijo de Twenty Ten para WordPress
Author: Mecus
Author URI: http://mecus.es/
Template: twentyten
Version: 0.1.0
*/
La gran ventaja: los plugins.
Tienes todos los que quieras.
Y las programaciones ad-hoc
Un consejo: haz plugins.

 Convierte todo lo que programes en plugins
                 reutilizables

       (Aquí va un video explicativo)

  1) Crea un directorio en la carpeta /plugins/
 2) Crea un archivo .php dentro de esa carpeta
3) Añade la cabecera que encontrarás en http://
     codex.wordpress.org/Writing_a_Plugin
               4) Añade tu código
Así podrás reutilizarlo como plugin siempre que
                     quieras.
Así podrás activar y desactivar tu código
         siempre que quieras
Lo que en realidad necesita tu proyecto en WP.org es
         un ¿arquitecto de la información?



 ¿Por qué se llama arquitecto cuando lo que hace es
              diseñar un organigrama?
Estas son las cosas que se me vienen a la mente
cuando pienso en un “Arquitecto de la Información”
Organizar la
información
     ≠
 Arquitecto
No necesitas un arquitecto.
Necesitas un diseñador de interfaces. Alquien que
  tenga en cuenta la experiencia de tu usuario.

Que lo enganche. Que haga que se mantenga en la
página. Que se entretenga. Que se divierta. Qu sea
                  fácil de usar.
User eXperience / User Interface
User eXperience / User Interface
Hay dos tipos de interfaces.
        Las de vuestros clientes,
y la de los clientes de vuestros clientes.

        Hay que cuidar las dos.
Una trampa que se puede utilizar en 3.3 ahora es que
  podemos minimizar el número de clicks que se
             utilizan en la interfaz.

Esto es posible porque la administración de WP tiene
 programas específicos para cada dispositivo móvil

   Y para la interfaz de cliente de cliente, no son
 necesarias. Abrid http://pilarastola.es y reducid la
          pantalla, veréis cómo se adapta.
La regla de Oro: Cualquier usuario tiene que ser
capaz de llegar a cualquier sitio de la web en cinco
                       clicks.

Se debe mantener la navegabilidad del sitio, añadir
          relacionados, valor añadido...

Hay veces que se consigue y, como en el último, que
     el cliente decide que prefiere otro tipo de
                   navegabilidad.
Se considera un éxito poder llegar a cualquier sitio
                  en tres clicks.
Recursos para usuarios avanzado
Los temas premium merecen la pena
Son muy configurables
Los temas hijos permiten que se realicen cambios
rápidos, y que no se pierdan las novedades de los
                nuevos sistemas.
Territorio Plugin
Jetpack
Jetpack
Jetpack
Login with AJAX
Login with AJAX
Private WP Suite
Private WP Suite
qTranslate
qTranslate
qTranslateslug plugin widget
qTranslateslug plugin widget
Ultimate Post Type Manager
Ultimate Post Type Manager
Ultimate Post Type Manager
Google XML Sitemaps
Google XML Sitemaps
flickrRSS
flickrRSS
WP Mail SMTP
WP Mail SMTP
WordPress DB Backup
WordPress DB Backup
WP-Pagenavi
WP-Pagenavi
WP Super Cache
WP Super Cache
W3 Total Cache
W3 Total Cache
User Photo
User Photo
Subscribe to comments
Subscribe to comments
Newsletter
Newsletter
Antispam Bee
Antispam Bee
Adminimize
Adminimize
WP Minify
WP Minify
WP Minify
Disable WP Updates
Disable WP Updates
Limit post revision
Limit post revision
jQuery Lightbox For Native Galleries
jQuery Lightbox For Native Galleries
jQuery Lightbox For Native Galleries
Twitter blog plugin
Twitter blog plugin
WP Touch
WP Touch
OnSwipe
OnSwipe
OnSwipe
Grunion Contact Form
Grunion Contact Form
Grunion Contact Form
Grunion Contact Form
VideoPress
VideoPress
VideoPress
Geolocation
Geolocation
HyperDB
HyperDB
Syntax Highlighter Evolved
Syntax Highlighter Evolved
Sharedaddy
Sharedaddy
AddtoAny
AddtoAny
Share This
Share This
Share This
Share This
After the Deadline
After the Deadline
Intense Debate
Intense Debate
WP LaTeX
WP LaTeX
WP LaTeX
Polldaddy
Polldaddy
Draft notifier
WordPress MU Domain Mapping

Es el único plugin que necesita que se mueva un
                archivo de sitio.
WordPress MU Domain Mapping
WordPress MU Domain Mapping
WordPress MU Domain Mapping
WordPress MU Domain Mapping




     define( 'SUNRISE', 'on' );
WP Multisite
WP Multisite

define('WP_ALLOW_MULTISITE',true);
Otros buenos usos
Otros buenos usos

 define('EMPTY_TRASH_DAYS',7);

define('WP_ALLOW_REPAIR',true);
Otros buenos usos

 define('EMPTY_TRASH_DAYS',7);

define('WP_ALLOW_REPAIR',true);


  /wp-admin/maint/repair.php
Para usuarios manazas...
Para usuarios manazas...

define('DISALLOW_FILE_EDIT',true);

define('DISALLOW_FILE_MODS',true);
BuddyPress
BuddyPress
@bi0xid
    @mecus
 @mecus/team
raven@mecus.es

Taller de WordPress avanzado | #EBE11