Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Plugins, servicios y herramientas indispensable...

Plugins, servicios y herramientas indispensables para WordPress

WordPress se ha convertido en un “gigante” que a veces es difícil controlar. Con un ecosistema enorme a su alrededor y un sinfín de posibilidades, cada vez es necesario un nivel de especialización mayor para conseguir dominarlo.

En este taller se abordan las principales claves que hay que tener en cuenta para que nuestras instalaciones de WordPress funcionen de la mejor manera posible. Además, haremos un repaso de los plugins y servicios más populares y que mejor funcionan, abordándolos a partir de las categorías y funcionalidades principales que se suele necesitar implementar.

Imanol Terán

November 10, 2022
Tweet

More Decks by Imanol Terán

Other Decks in Technology

Transcript

  1. imanolteran.com 1. Introducción 2. Necesidades y problemas habituales 3. Otros

    aspectos a tener en cuenta 4. Plugins y servicios índice WordPress
  2. WordPress imanolteran.com • WordPress lleva años siendo la plataforma referente

    para desarrollo web. • Esto ha hecho que surja un gran ecosistema alrededor suyo: • Plugins. • Themes. • Servicios. • Comunidad. Introducción 01 7
  3. WordPress imanolteran.com Introducción 01 8 DE WEBS A NIVEL GLOBAL

    ESTÁN HECHAS EN WORDPRESS 42,9% https://w3techs.com/technologies/history_overview/content_management/all
  4. WordPress imanolteran.com • Esto precisamente hace que, muchas veces, sea

    complicado elegir una opción entre tantas disponibles. • Casi todos los servicios y herramientas más potentes, se basan en un sistema fremium. • Es importante conocer, probar, antes de realizar inversiones importantes. Introducción 01 9
  5. WordPress imanolteran.com • Podemos acabar pagando grandes cantidades de dinero

    a final de mes. • También podemos acabar con sitios sobrecargados, “pesados”, poco optimizados o vulnerables. Introducción 01 10
  6. WordPress imanolteran.com • En WordPress, podemos realizar cualquier tipo de

    proyecto, sean cuales sean nuestras necesidades. • Páginas corporativas. • Landing pages. • Tiendas online. • Sitios de membresía. • Comunidades. Necesidades 02 12
  7. WordPress imanolteran.com • En WordPress, podemos realizar cualquier tipo de

    proyecto, sean cuales sean nuestras necesidades. • Registro a eventos. • Áreas privadas de usuarios. • Conexión con servicios externos. Necesidades 02 13
  8. WordPress imanolteran.com • Al ser tan aparentemente sencillo, hace que

    muchas veces las instalaciones de WordPress “se descontrolen”. • Hay una serie de problemas que se repiten. • Incompatibilidades entre plugins. • Falta de actualizaciones. • Plugins o themes de procedencia “dudosa”. • Limitaciones de servidor. • Falta de conocimiento profundo sobre la plataforma. Necesidades 02 14
  9. WordPress imanolteran.com • Antes de entrar en servicios específicos propios

    de WordPress, hay que tener otros aspectos en cuenta para que nuestras instalaciones funcionen de forma correcta: • Servidor. • Certificados. • CDN. • Optimización. • Mantenimiento. Otros aspectos 03 16
  10. WordPress imanolteran.com • Antes de entrar en servicios específicos propios

    de WordPress, hay que tener otros aspectos en cuenta para que nuestras instalaciones funcionen de forma correcta: • Trabajo en local. • Conexión con servicios externos • Themes. • Fuentes alternativas. • wp-config y .htaccess Otros aspectos 03 17
  11. WordPress imanolteran.com • A nivel de servidor, debemos cumplir con

    ciertas premisas: • PHP Versión 5.4 o superior. • MySQL versión 5.7 o superior. • Apache o Nginx (no obligatorio) Otros aspectos 03 18 SERVIDOR
  12. WordPress imanolteran.com • Es interesante cumplir con ciertos requisitos para

    “curarnos en salud”. • Memoria 512MB. • Certificados SSL. • Medidas de seguridad avanzadas. • Copias de seguridad. • Soporte técnico 24/7. Otros aspectos 03 19 SERVIDOR
  13. WordPress imanolteran.com • SSL: “Secure Sockets Layer”: Capa de sockets

    seguros - Se instala en el servidor en que se aloja la web. - Se muestra de forma gráfica en el navegador del usuario. - 🔐 - https:// Otros aspectos 03 21 CERTIFICADO SEGURO
  14. WordPress imanolteran.com - Contar con certificado SSL es algo innegociable

    a día de hoy en cualquier sitio web. - Google “premia” el contar con ello. - Siguiente nivel de seguridad: - “TLS”: Seguridad de la capa de transporte. Otros aspectos 03 22 CERTIFICADO SEGURO
  15. WordPress imanolteran.com • Se trata de un grupo de servidores

    instalados en diferentes localizaciones. • Así, abarcan amplias áreas geográficas. • Ofrecen varios puntos de presencia fuera del servidor de origen. • Procesan las solicitudes de los usuarios más rápido. Otros aspectos 03 23 CDN
  16. WordPress imanolteran.com • Evitamos problemas como: • Carga lenta de

    páginas. • Navegadores colapsados. • Interrupciones en el servicio. Otros aspectos 03 24 CDN
  17. WordPress imanolteran.com • Para beneficiarnos de usar un CDN, deberíamos

    tener: • Clientes de diferentes zonas geográficas. • Gran cantidad de tráfico. Otros aspectos 03 25 CDN
  18. WordPress imanolteran.com • Un buen CDN debe tener: • Funcionalidad

    push/pull • Un escudo de origen (origin shield) • Mantener registros (logging) • Control de caché • Capacidades de personalización Otros aspectos 03 26 CDN
  19. WordPress imanolteran.com • Un buen CDN debe tener: • Protección

    DDoS • Soporte HTTP/2 • Diagnóstico, análisis e informes. • Geo-filtrado Otros aspectos 03 27 CDN
  20. WordPress imanolteran.com • Es importante que nuestras web estén optimizadas.

    • Debemos aprovechar al máximo esas características de nuestros servidores. Otros aspectos 03 28 OPTIMIZACIÓN
  21. WordPress imanolteran.com • También tener en cuenta aspectos como: •

    Tamaño de recursos gráficos. • Carga de ficheros, hojas de estilos…etc. • Una buena forma de hacerlo es con plugins. • No volvernos locos, al final podemos obtener el efecto contrario. Otros aspectos 03 29 OPTIMIZACIÓN
  22. WordPress imanolteran.com • Algunos servicios para medir el nivel de

    optimizaición de una web: • Pingdom Tools. • Google PageSpeed. • GTMetrics. Otros aspectos 03 31 OPTIMIZACIÓN
  23. WordPress imanolteran.com • Una vez desarrollada y optimizada una web,

    hay que estar encima de ella. • Para ellos tenemos sistemas que nos permiten gestionar varias páginas web desde un único panel de control. Otros aspectos 03 32 MANTENIMIENTO
  24. WordPress imanolteran.com • Podemos realizar acciones como: • Copias de

    seguridad. • Actualización de plugins y themes. • Monitorización de servidor. • Medir rendimiento. • Enviar informes a nuestros clientes. Otros aspectos 03 33 MANTENIMIENTO
  25. WordPress imanolteran.com • ManageWP. • WPMU Dev The Hub. •

    MainWP. Otros aspectos 03 34 MANTENIMIENTO
  26. WordPress imanolteran.com • Muy útil trabajar bajo una instalación WordPress

    en nuestro equipo. • Nos sirve para crear una web desde cero, sin contratar servidor antes de publicar. • También podemos hacer cambios en web existente sin tener que tocar el sitio en producción. • Otra opción sería Staging en el servidor. Otros aspectos 03 35 TRABAJO EN LOCAL
  27. WordPress imanolteran.com • WordPress es, sin duda, una gran plataforma,

    que nos ofrece 1000 posibilidades. • Además, cuenta con un gran ecosistema de plugins alrededor. • Sin embargo, hay servicios y plataformas muy populares, que no se integran de forma directa con WordPress. Otros aspectos 03 37 CONEXIÓN CON SERVICIOS EXTERNOS
  28. WordPress imanolteran.com • Para poner remedio, podemos hacer uso de

    sistemas de automatización. • Estos sistemas, además de automatizar la ejecución de determinadas tareas, permiten hacerlo entre plataformas diferentes, entre ellas WordPress. • Esto amplia exponencialmente lo que podemos hacer con WordPress. Otros aspectos 03 38 CONEXIÓN CON SERVICIOS EXTERNOS
  29. WordPress imanolteran.com Otros aspectos 03 40 • Astra. | Página

    Oficial • Hello Elementor. • GeneratePress. | Página Oficial • Divi. • OceanWP. | Página Oficial THEMES
  30. WordPress imanolteran.com Otros aspectos 03 41 • Complementos para Astra.

    • Astra Pro. • Starter Templates. • Elementor Header & Footer Builder. THEMES
  31. WordPress imanolteran.com • wp-config.php es uno de los archivos más

    importantes dentro de una instalación de WordPress. • En él se especifican muchos de los aspectos clave de nuestra web. • Conexión a BBDD. • Límites de memoria. • Prefijos de tablas. • Opciones de desarrollo Otros aspectos 03 43 WP-CONFIG Y .HTACCESS
  32. WordPress imanolteran.com • Para modificarlo tendremos que conectarnos a nuestro

    servidor vía FTP o entrar desde las opciones de acceso del servidor. • Podríamos hacerlo desde el propio WordPress, pero no es recomendable. Otros aspectos 03 44 WP-CONFIG Y .HTACCESS
  33. WordPress imanolteran.com • Por otro lado, tenemos el .htaccess. •

    En este caso se trata de un archivo oculto que sirve para configurar funciones en sitios web alojados en servidores Apache. • De hecho, muchos plugins de optimización y seguridad, escriben información en este archivo. Otros aspectos 03 45 WP-CONFIG Y .HTACCESS
  34. WordPress imanolteran.com • Funciones que podemos manejar en el .htaccess:

    • Reescribir URLs. • Proteger directorios. • Redirigir subdominios. • Redirecciones HTTPS • Evitar bots… Otros aspectos 03 46 WP-CONFIG Y .HTACCESS
  35. WordPress imanolteran.com • Gutenberg. • Elementor. | Página Oficial •

    Oxygen builder. • Beaver Builder. | Página Oficial • Divi. Plugins 04 49 MAQUETACIÓN
  36. WordPress imanolteran.com • Extensiones para Elementor: • Dynamic.ooo • Ultimate

    Addons for Elementor. • Más. Plugins 04 51 MAQUETACIÓN
  37. WordPress imanolteran.com • Yoast. | Página Oficial • The SEO

    Framework. • SEOPress. • WordLift. Plugins 04 53 SEO
  38. WordPress imanolteran.com • Elementor. | Página Oficial • Gravity Forms.

    | Gravity Perks • WPForms. | Página Oficial • Ninja Forms. | Página Oficial • Contact Form 7. • Html Embed. Plugins 04 54 FORMULARIOS
  39. WordPress imanolteran.com • Polylang. | Página Oficial • Polylang Connect

    for Elementor • WPML. Plugins 04 55 TRADUCCIÓN
  40. WordPress imanolteran.com • Membership sites. • Ecommerce. • Áreas privadas

    de usuarios. • Control de accesos. • Podcast. Plugins 04 56 OTROS
  41. WordPress imanolteran.com • CPT Y CF. • Incrustar código. •

    Redirecciones. • SSL. • Formación. Plugins 04 57 OTROS
  42. WordPress imanolteran.com • Restrict Content Pro. | Página Oficial •

    MemberPress. • Paid Memberships Pro. | Página Oficial • WooCommerce Memberships. Plugins 04 59 MEMBERSHIP SITES
  43. WordPress imanolteran.com • Ultimate Member. | Página Oficial • WP

    Customer Area. | Página Oficial Plugins 04 61 ÁREA PRIVADA DE USUARIO
  44. WordPress imanolteran.com • Custom post Type UI. • Advanced Custom

    Fields. | Página Oficial Plugins 04 64 CPT Y CF
  45. WordPress imanolteran.com • LearnPress. | Página Oficial • LearnDash. •

    GamiPress. | Página Oficial • myCred | Página Oficial Plugins 04 68 FORMACIÓN
  46. WordPress imanolteran.com • Hubspot. • Cookie Notice. • CookieYes. •

    GDPR Cookie Consent Banner. Plugins 04 69 COOKIES