Presentación dada por @leandropadula en el WordCamp Buenos Aires 2015. Twitter: @broobeteam Sitio Web: http://www.broobe.com/

1. REDES SOCIALES CON
WORDPRESS Y BUDDYPRESS

2. INDICE
Comunidades y Redes Sociales
Tips y algunos trucos
Conociendo BuddyPress
Performance y otros desafíos
Contenido generado por el Usuario
El futuro de BuddyPress
04
31
07
37
15
44

3. 03
COMUNIDADES Y
REDES SOCIALES
DEFINICIÓN

4. 04
Redes Sociales
• Son el medio, el lugar de encuentro.
• Están centradas en las personas y sus vínculos.
• Potencian el poder de las comunidades, permitiendo que personas en
diferentes lugares del mundo puedan colaborar e integrar su propia
comunidad.
Comunidades y Redes Sociales

5. 05
Según Boyd y Ellison, una red social es:
”Se trata de un servicio Web que permite a individuos:
1) Construir un perfil semi/público dentro de un sistema compartido.
2) Tener una lista de usuarios con los que compartir una conexión.
3) Navegar a través de conexiones propias y del resto de usuarios”.
Comunidades y Redes Sociales

6. 06
Comunidades
• Las personas son quienes cambian el mundo, quienes crean valor, y
están en comunidades.
• Son la clave del éxito o del fracaso, pueden elevar a una empresa a lo
más alto o hacerla caer en lo más bajo.
• Esencialmente son una fuerza creativa de dimensiones colosales.
Comunidades y Redes Sociales

7. 07
CONSTRUYENDO
EL MEDIO
TECNOLOGÍAS

8. 08
Alternativas
BUDDYPRESS WP SYMPOSIUM
COSTO GRATUITO FREEMIUM
SOPORTE MUY BUENO BUENO
COMUNIDAD MEDIANA MUY CHICA
PLUGINS CIENTOS DECENA
MULTI-LENGUAJE VIA PLUGIN VIA PLUGIN
*Hay otras alternativas, pero o quedaron obsoletas o aún son muy nuevas como UltimateMember.

9. 09
Una plataforma para armar Redes Sociales.
Construido en WordPress.
Un plugin.
Qué es BuddyPress?

10. 10
Perfiles de Usuario.
Mensajería interna.
Grupos.
Contenido generado por el usuario.
Funcionalidades “Core”

11. 11
Comunidad de desarrolladores en crecimiento.
Desarrollo y Mantenimiento por parte de Automattic.
Fácil de instalar y configurar.
API intuitiva y desarrollada con una lógica similar a la de WP.
BuddyPress: Lo Bueno y lo Malo

12. 12
Documentación incompleta o desactualizada.
Muchos plugins abandonados o muy desactualizados.
Soporte Multi-lenguaje limitado.
BuddyPress: Lo Bueno y lo Malo

13. 13
Por defecto solo permite que los usuarios de la red social
se“conecten”a través de peticiones de amistad. No existe el
concepto de“seguidores”.
El usuario solo puede crear contenido a través de“actividades”.
BuddyPress: Lo Bueno y lo Malo

14. 14
• BetterCodes: http://bettercodes.org/
• Hello Ecoliving: http://helloecoliving.com/
• Tasty Kitchen: http://tastykitchen.com/
• We Hearth This: http://weheartthis.com/
• The University of British Columbia: http://blogs.ubc.ca/
• Telegraph.co.uk: http://my.telegraph.co.uk/
• Falsaria: http://www.falsaria.com/
• DreamsRocket: http://www.dreamsrocket.com/
• ARQA Comunidad: http://www.arqa.com/comunidad
Quienes lo usan?

15. 15
CONTENIDO GENERADO
POR EL USUARIO
SOCIAL ARTICLES

16. 16
• Todo aquello que haga el usuario dentro de BuddyPress.
• Permite que usuarios puedan ver lo que hace otro en el sitio.
Actividades

17. 17
Actividades

18. 18
Actividades

19. 19
• Facil de manipular programáticamente para que cualquier tipo de
actividad puede ser registrada.
• Por defecto las acciones que generan actividades son los comentarios
en actividades de otros usuarios, nuevas amistades y los comentarios
en grupo, entre otros.
Actividades

20. 20
Actividades

21. 21
Actividades

22. 22
• No tan manipulable o completo como un“post”.
• No se puede acceder a una actividad específica vía URL.
• Dependiendo de las necesidades de la comunidad, puede no ser el
mejor medio para compartir contenido.
Actividades

23. 23
• Habilitando a WordPress para que trabaje como“Red”, podemos
permitir que los usuarios de la comunidad tengan su Blog y compartan
contenido, independientemente de las Actividades.
• También se puede permitir que los Grupos de la Red Social tengan su
propio Blog.
Blog Post

24. 24
Creación y Edición del contenido...
desde el Backend de WordPress.
Blog Post

25. 25
Permite a los usuarios crear contenido desde el frontend.
El contenido generado se almacena en un post-type.
Permite subir texto, imágenes y seleccionar categorías.
Social Articles

26. 26
Opción de moderación de contenido (para Admins).
Administración de contenido desde perfil de usuario.
Genera notificaciones nativas de BuddyPress.
Social Articles

27. 27
Social Articles

28. 28
Social Articles
Contenido“loopeable”,
extendible y
autoadministrable.

29. 29
Social Articles

30. 30
¡Libertad para generar contenido!
Social Articles
Usado en
• Themes (Kleo)
• Falsaria
• DreamsRocket
• ARQA Comunidad

31. 31
TIPS Y ALGUNOS
TRUCOS
SNIPPETS Y MÁS

32. 32
add_filter (‘bp_blogs_record_post_post_types’,‘activity_publish_cpost_types’);
function activity_publish_cpost_types() {
$cp = array(‘dreams’,‘offers’); //array con post-types
return $cp;
}
Actividades para CPTs

33. 33
add_action(‘template_redirect’,‘redirect_author_to_profile’);
function redirect_author_to_profile() {
if ( is_author() ) {
$user_id = get_query_var(‘author’);
wp_redirect( bp_core_get_user_domain( $user_id ) );
}
}
Link de Autor por Link de Perfil

34. 34
https://bp-tricks.com/snippets/
http://etivite.com/api-hooks/
Más Snippets y API Hooks

35. 35
• BuddyPress Follow/Followers.
• BuddyPress XProfile Custom Fields Types.
• Social Login.
• Social Articles.
• BuddyPress Activity Comment Notifier.
• BuddyPress Like.
• Akismet.
Plugins Escenciales

36. 36
• Clear Activities.
• Social Invitations.
• BuddyPress Activity Comment Notifier.
• Usernoise.
• BP XProfile WordPress User Sync.
• BP Activity Plus.
• bbPress.
Otros Plugins Útiles

37. 37
PERFORMANCE EN
BUDDYPRESS
CLIENT & SERVER
SIDE

38. 38
• W3Total Cache
• Minimificación
• Browser Cache
• Lazy Load
• CloudFlare, CDNs
Optimizaciones Básicas

39. 39
• MySQL/MariaDB Tunning
• NGINX
• PHP-FPM
• OPCode
• Redis
• Varnish
Optimizaciones Avanzadas

40. 40
No recomendable en ambientes de producción:
• HHVM
• PHP7
Optimizaciones Extremas

41. 41
PHP 5.4 is 3% slower than 5.3.
PHP 5.5 is 8.4% faster than 5.4.
PHP 5.6 is 1.6% faster than 5.5.
PHP 7.0 is 95.76% faster than 5.6
https://www.reddit.com/r/PHP/comments/305ck6/real_world_php_70_benchmarks/
Optimizaciones Extremas

42. 42
• NewRelic
• CommandLine Tools: NLoad, Vnstat, Nethogs, iptraf, IfTop...
Monitoreo

43. 43
Monitoreo

44. 44
EL FUTURO DE
BUDDYPRESS
ROADMAP

45. 45
• Mejoras en la documentación.
• Mejoras de integración con WordPress Themes.
• Mejoras de Performance.
• Mejoras en sistema de“Attachments”.
• Mejoras en Notificaciones.
• Mejoras en Campos para Perfiles de Usuario.
BuddyPress

46. 01
02
03
04
05
46
Opción“Out of the Box”para elegir tipo de conexion entre
usuarios (followers o friends).
Notificaciones“live”con AJAX como tienen Facebook o Twitter.
Mejoras en el sistema de mensajería interna.
Integración con el motor de búsqueda de WordPress.
“Apadrinar”plugins escenciales para mejorarlos.
BuddyPress: A mejorar

47. ¡GRACIAS!
Seguinos! @broobeteam