Taller de WordPress avanzado | #EBE11

¿avanzado? Rafael Poveda - RaveNWP Ofﬁcial Consultant / Developer / Translator Consultor comunicación digital @bi0xid | @mecus

11 BE#E ¿avanzado? Rafael Poveda - RaveN WP Ofﬁcial 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 2007En WP 2.3, un usuario avanzado era aquel que sabía poner un gravatar. En WP 2.3 las novedades fueron: Etiquetas Notiﬁcaciones Pendiente de revisión La barra avanzada de TinyMCE

WP 2.3 “Dexter”Lunes, 24 de Septiembre de 2007

WP 2.8 “Baker”

WP 2.8 “Baker” 10 de Junio de 2009En 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íamontar una red de blogs (se complicó con el cambio desde WP MU) y la internacionalizaciónVamos 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” 17 de Junio de 2010

WordPress hoy día:

60.000.000 blogs / sitios

17.000+ plugins233.000.000 descargas

1.450+ temas40.000.000 descargas

160+exclusivos WP.com Más Woothemes, más themeforest... 21premium WP.com

209.525.000.000combinaciones únicas entre plugins y temas

Instalar pluginsEn 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 deque 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 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 ﬁnal de una aplicación con un conocimiento considerablemente mayor que el usuario ﬁnal común, aunque no sea capaz de realizar tareas no orientadas a la aplicación como programar

Usuario avanzado Usuario ﬁnal de una aplicación con un conocimiento considerablemente mayor que el usuario ﬁnal 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 modiﬁca CSS, como David Karp (fundador de Tumblr) El que modiﬁca 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áticasustantivo 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 modiﬁcaciones 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 unalentilla 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 hijo O 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 carpeta3) 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.

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 mentecuando pienso en un “Arquitecto de la Información”

Organizar lainformació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 lapá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íﬁcos 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 sercapaz 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 preﬁere 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 conﬁgurables

Los temas hijos permiten que se realicen cambiosrá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

ﬂickrRSS

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

http://raven.es	472
http://www.pizcos.net	294
http://paper.li	63
http://bi0xid.wordpress.com	38
http://creacentive.com	13
http://bloggeron1.collected.info	9
http://a0.twimg.com	8
http://www.newsblur.com	2
http://us-w1.rockmelt.com	2
http://webmail.luisgrillo.com	1
http://twitter.com	1
http://localhost	1

Taller de WordPress avanzado | #EBE11

by Rafael Poveda on Nov 12, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

12 Embeds 904

Statistics

Taller de WordPress avanzado | #EBE11 — Presentation Transcript