View
5.374
Download
0
Category
Preview:
DESCRIPTION
Taller de WordPress avanzado para #EBE11
Citation preview
¿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.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”17 de Junio de 2010
3 de Abril de 2010
WP 3.0 “Thelonius”17 de Junio de 2010
3 de Abril de 2010
WP 3.0 “Thelonius”17 de Junio 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
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 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/
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 hijoTheme URI: http://temahijo.com/Description: Tema hijo de Twenty Ten para WordPressAuthor: MecusAuthor URI: http://mecus.es/Template: twentytenVersion: 0.1.0*/
/*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.
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
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/teamraven@mecus.es
Recommended