Taller de WordPress avanzado | #EBE11

¿avanzado?

Rafael Poveda - RaveNWP Official Consultant / Developer / Translator

Consultor comunicación digital@bi0xid | @mecus

¿avanzado?

Rafael Poveda - RaveNWP Official Consultant / Developer / Translator

Consultor comunicación digital@bi0xid | @mecus

#EBE11

¿Qué es un usuario avanzado?

WP 2.3 “Dexter”

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

En WP 2.3 las novedades fueron:

EtiquetasNotificaciones

Pendiente de revisiónLa 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.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.


3 de Abril de 2010

WordPress hoy día:

60.000.000blogs / sitios

17.000+plugins

233.000.000descargas

1.450+temas

40.000.000descargas

160+exclusivos WP.com

21premium WP.com

Más Woothemes, más themeforest...

209.525.000.000combinaciones ú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

usuarioAndrew Nacin (@nacin), uno de los mejores

programadores del mundoDaryl 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

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

http://es.wikipedia.org/wiki/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)

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

¿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 temaConstruir un tema desde cero => Utiliza Toolbox. Es

un tema mantenido por Automattic sobre el que trabajar con CSS

Hacer un tema hijoO utilizar temas premium

http://www.onextrapixel.com/2011/03/08/how-to-code-a-wordpress-3-0-theme-from-scratch/





/*Theme Name: Tema hijoTheme URI: http://temahijo.com/Description: Tema hijo de Twenty Ten para WordPressAuthor: MecusAuthor URI: http://mecus.es/Template: twentytenVersion: 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ódigoAsí podrás reutilizarlo como plugin siempre que

quieras.

http://codex.wordpress.org/Writing_a_Plugin




Así podrás activar y desactivar tu códigosiempre que quieras

Lo que en realidad necesita tu proyecto en WP.org esun ¿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

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.

http://pilarastola.es

http://pilarastola.es

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

Login with AJAX

Private WP Suite

qTranslate

qTranslateslug plugin widget

Ultimate Post Type Manager

Google XML Sitemaps

flickrRSS

WP Mail SMTP

WordPress DB Backup

WP-Pagenavi

WP Super Cache

W3 Total Cache

User Photo

Subscribe to comments

Newsletter

Antispam Bee

Adminimize

WP Minify

Disable WP Updates

Limit post revision

jQuery Lightbox For Native Galleries

Twitter blog plugin

WP Touch

OnSwipe

Grunion Contact Form

VideoPress

Geolocation

HyperDB

Syntax Highlighter Evolved

Sharedaddy

AddtoAny

Taller de WordPress avanzado | #EBE11

Education

Transcript of Taller de WordPress avanzado | #EBE11