🇪🇸 WordCamp Zaragoza 2023

En los últimos años el paradigma de creación de sitios web con WordPress ha cambiado radicalmente. Te puede gustar más o menos, pero ahora todo gira entorno a los bloques.

Los cambios siempre generan fricción o, dicho de manera más mundana,«dan mucha pereza», lo sé.

En esta charla pretendo convencerte de que no necesitas ni mucho tiempo ni ser un desarrollador pro para hacer cosas muy guapas con los bloques. Hablaré entre otras cosas de:

* Estilos de bloques
* Variaciones de bloques
* Patrones de bloques
* Creación de bloques

La idea es que los ejemplos que muestre te inspiren para sacarle (más) partido a los bloques de WordPress e incorporarlos a tu flujo de trabajo.

Nivel de la charla: Todos los públicos

Construye y diseña una web creativa de manera rápida y fácil en WordPress sin necesidad de saber código.

– Aplica de forma rápida y dinámica tu branding para conseguir una web original y coherente con tu marca.

– Descubre las posibilidades creativas de diseño gracias a Elementor.

– Optimiza tu flujo de trabajo para conseguir una web en poco tiempo, profesional y estratégica.

Consejos, ejemplos de uso y herramientas para revelar con mucha mas precisión el origen del tráfico que llega a tu sitio web.

Descubre el rendimiento real de tus esfuerzos de marketing y de las alianzas de tu negocio en internet. Apóyate en una herramienta que lleva más de 15 años entre nosotros y que ha sido reforzada con el nuevo GA4.

WordPress dispone de una API REST muy potente. Esta API permite la integración con multitud de sistemas externos: aplicaciones de escritorio, aplicaciones web, aplicaciones móviles, IoT,….

En esta sesión explicaré cómo crear el frontend de un blog en una aplicación web externa, usando un popular framework PHP, accediendo a la información gestionada por el backend de WordPress a través de la API REST de WordPress: usando este método obtendré los menús, configuraciones, posts y otra información.

El guion propuesto de la sesión es el siguiente: * Opciones para integrar WordPress con una aplicación externa: compartir base de datos, paquetes del framework, API REST. * ¿Qué es una API? * Qué es REST. * Uso de la API. * Endpoints de WordPress. * Ejemplo: * Instalación de WordPress (CLI). * Creación de aplicaciones (CLI). * MVC. * Rutas. * Controladores. * Vistas.

Los asistentes a esta sesión aprenderán a integrar una aplicación web externa con WordPress a través de su API REST.

También será interesante para otro tipo de desarrolladores, como desarrolladores de escritorio, móviles, API, IoT,… ya que la base técnica es la misma. Necesitaré un ordenador con una instalación LAMP o similar para ejecutar WordPress, el WP-CLI instalado, una consola, un navegador y una conexión a Internet. La mejor opción es usar mi portátil.

Os propongo un taller teórico-práctico para enseñar por fin cómo crear una web sin errores de contraste a nivel WCAG 2.1 y la futura 3.0.

Veremos un poco de teoría (un poco, de verdad no una charla), plantearemos una paleta de colores que contrasten y luego la implementaremos.

Repasaremos el uso de las calculadoras de contraste. De paso también repasaremos las funcionalidades que tiene WordPress para advertirnos cuando los colores que usamos no alcanzan el mínimo nivel de contraste que exige la normativa de accesibilidad.

Pero ojo, porque ya sabemos que la futura norma WCAG 3.0 usará un algoritmo de cálculo de contraste diferente que soluciona los errores de la actual norma.

Ahora es el momento de empezar a aprender a usar esta calculadora e interpretar sus resultados para mejorar aún más nuestras webs.

No podemos hablar de un proyecto exitoso en Internet sin hablar de optimización y rendimiento y de cómo afecta a la experiencia de usuario y al cumplimiento de los objetivos de negocio sean cuáles sean.

En esta charla podrás aprender qué es WPO, por qué es tan importante, y qué diferentes estrategias puedo aplicar en mi proyecto WordPress.

Mucho se habla de seguridad, protecciones, plugins… Pero, ¿qué significa REALMENTE todo esto? Imaginemos que eres un personaje de «Street Fighter» o «Mortal Kombat», de aquellos videojuegos de los 80, y te toca afrontar tu particular lucha contra un «malo».

Bueno, intentaré explicarte cómo se relaciona la Seguridad con tu barra de vida, qué golpes y defensas son más efectivos y cuáles son menos efectivos con estética 80-90tera.

¡Además, también compartiré mi combo ganador!

Conoce cómo transmitir bien tu Marca en una Web.

La principal diferencia visual entre una web profesional y otra amateur es el trabajo de los elementos de la MARCA.

En esta actividad preparamos y elegimos los elementos gráficos de nuestra Marca para aplicados a nuestra web. Todo ello a partir de un logotipo.o imagen representativa. Índice:

– Qué es la Marca

– Identidad

– Beneficios de tener una Marca propia Elementos conceptuales de la Marca Propósito Valores Arquetipos de Marca Posicionamiento de mercado Público al que nos dirigimos La Imagen Gráfica de la Marca Logotipo como núcleo de la Imagen gráfica Colores Tipografías Formas y otros elementos La Hoja de Marca Nuestra Marca como Identidad y elemento diferenciador Aplicaciones de la Marca La Marca como Valor principal de nuestro negocio

–Branding

– Marcas famosas… que lo hacen bien. Errores que no deberían cometer las Marcas

Descuidamos el uso de HTML y CSS porque lo consideramos «fácil», ignorando su potencial en legibilidad, estructura y nomenclaturas. Crees que lo haces bien… ¡pero no!

En la charla daré solución al problema haciendo un repaso rápido de las buenas prácticas al crear sitios web de la manera más profesional posible.

Hablaré de como dar una arquitectura adecuada (con SASS, Split media, enfoque a componentes…), formatear los comentarios para trabajar entre compañeros, estándares para nombrar las clases, además de patrones de diseño. Y si no fuera poco, hablaré de los errores más clásicos que encuentro en junior para que no cometas la pata delante de otros compañeros.

Tema general: trasladar los principios de Programación Orientada a Objetos al mundo de la Automatización de procesos.

Mi pasado de Ingeniero me persigue… y esta vez he decidido no correr más rápido que él.

Uno de los conceptos que me enseñaron en la carrera fueron los principios de la Programación Orientada a Objetos. Y cuando salté al mundo del marketing y ahora de la automatización de procesos veo muchísimas similitudes en cuanto a los escenarios de juego donde se podrían aplicar esos principios pero que por alguna razón se ignoran u olvidan.

En esta charla quiero “traducir” o “transformar” esos principios de programación al mundo de la automatización de procesos. Sin ver ni una línea de código.

Tienes un WordPress que funciona… pero ¿quieres que funcione aún mejor?

Solo has de activar las distintas capas de caché que hay disponibles. Cachear el código PHP, cachear las consultas a la base de datos, cachear las páginas resultantes para usuarios anónimos, o incluso cachear las traducciones puede ser la forma más simple de permitir que el tráfico de tu sitio se multiplique por 4.

Hay enfermedades que no se ven a simple vista, pero que están ahí. Una de esas enfermedades invisibles y de la que se sabe todavía poco es la Fibromialgia, que supone una sensibilidad mayor al dolor, dolor generalizado por todo el cuerpo y suele ir acompañado de fatiga crónica.

Aunque he tardado en descubrir qué me pasaba, hace dos años me diagnosticaron fibromialgia y todo cobró sentido.

En esta ponencia explicaré cómo WordPress me ha ayudado a conseguir un trabajo en remoto y con flexibilidad horaria, así como emprender también en remoto y por qué son importantes estas y otras condiciones para poder conciliar el trabajo con este tipo de enfermedades crónicas, poco conocidas y que no son visibles a simple vista.

Si tú también estás en este caso y tienes una enfermedad invisible, espero que mi charla te dé ánimos para no tirar la toalla, seguir adelante y emprender o buscar un trabajo que sea compatible con ella 🙂

Hablaré sobre cómo utilizar el plugin Wp Job Manager para crear nuestra propia bolsa de empleo en WordPress.

Si nos llegan más trabajos de los que podemos asumir, puede ser interesante crear una espacio donde nuestros clientes puedan publicar sus trabajos. También puede resultar de utilidad en el caso de comunidades, para que los miembros de la misma compartan sus ofertas de trabajo o encargos a los que necesitan dar salida.

Este plugin es bastante versátil y dispone de extensiones para ampliar sus funcionalidades, como por ejemplo añadir la opción de que los usuarios suban su propio currículum, que cada oferta tenga un formulario de contacto o que se activen alertas por email si se cumplen ciertas condiciones.

Cogeremos partes de webs reales para adaptarlas a un diseño más moderno, donde priorizaré ideas como la distribución entre los distintos elementos, el tamaño de las tipografías, elección de colores, etc.

Todo esto aplicado tanto en versión escritorio como responsive para ayudarte a rediseñar y mejorar tus nuevas creaciones con WordPress, a través de recursos y trucos muy sencillos.

Usaré la funcionalidad Flexbox CSS con Elementor, aunque los conceptos que mencionaré se podrán emplear en cualquier herramienta moderna.

En este taller aprenderemos qué es el Full Site Editing, configuraremos las bases de nuestro nuevo tema con el archivo theme.json, y crearemos las «plantillas», «template parts» necesarias para crear nuestro tema. El objetivo:

– Que entiendan cómo es un tema de Full Site Editing

– Que sepan para qué nos sirve el Theme.json y qué podemos hacer

– Qué sepan qué son las «Plantillas» y cómo funcionan

– Que sepan qué son los template parts, cómo se crean y se utilizan

– Crearemos la página principal + la página de blog + el single (Esta descripción la podemos mejorar para la web)

Es una charla técnica hablando de como podemos crear un producto con la posibilidad de verlo en 3D. Para ello usaré WP / WooCommerce y WebGL en PHP JS.

Storytelling y un poco de Storybrand para contar cuentos en tu web que atraigan las tarjetas de tus clientes ideales. Algo de teoría y muuuuuchos ejemplos para que veas lo fácil que es transformar textos sosos en historias que enganchen y emocionen.

Publicar un sitio web, cuando es parte de tu negocio, y no prestar atención a los datos que podemos recoger con las herramientas de analítica es como subirse a un coche y empezar a conducir con los ojos vendados. Te la puedes pegar si no prestas atención a las señales. En esta sesión práctica vas a aprender a configurar Google Analytics y Google Tag Manager en WordPress como un auténtico profesional y empezar a recoger datos valiosos para conducir tu negocio al éxito.

Los conceptos presentados en este taller son válidos para sitios web centrados en contenido (blogs, revistas digitales…) o tiendas online, y aborda los siguientes puntos: + Principales opciones y plugins disponibles para configurar Google Analytics + Migrar de Universal Analytics a GA4 antes de que te pille el toro + Implementar Google Tag Manager con gtm4wp + Registrar conversiones de formularios + Informes, dimensiones y métricas más relevantes + Vida más allá de Google Analytics Nota: si vienes a esta sesión, vente despejado porque voy a meter caña.

Existe una sensación en la comunidad WordPress de que si no tengo un conocimiento avanzado de React, Redux y las tecnologías SPA, no podré crear un bloque Gutenberg… ¡Mentira! No necesitas ser un gurú de React para empezar a realizar componentes básicos.

Al final de esta charla sabrás cómo desarrollar bloques de Gutenberg desde 0, y tendrás los conocimientos básicos necesarios en tecnologías SPA, centrándonos en: – Introducción a Componentes y Props-States en React – Funciones WordPress para registrar un bloque. – Archivos JS y SCSS necesarios para dar funcionalidad a tu bloque Y al final de la charla, te daré las pistas para que puedas seguir aprendiendo React y añadir funcionalidad avanzada a tus bloques Sky is the limit!

Propongo una ponencia sobre SEO (mi especialidad) en la que hablar sobre cómo podemos ir «toreando» a Google en 2023. Está claro que cada vez Google es más complejo y hace más updates y cambios y los SEOs tenemos que adaptarnos a ello.

Por ello lo que una búsqueda a día de hoy puede tener una intencionalidad de cara a Google, mañana puede tener otra. ¿Cómo podemos gestionarlo? ¿Qué herramientas tenemos para poder conseguir el éxito? En esta ponencia te lo explicaré todo con casos prácticos que he vivido con webs mías y webs de clientes.

Para evitar que el cliente te diga frases como «esto no me gusta» o «métele más diseño», es crucial pedir feedback de la manera adecuada. Se habla mucho de que los clientes no saben dar feedback y muy poco de que a lo mejor somos los/as diseñadores/as los que no sabemos pedirlo. Como dice Jorge Drexler: «Cada uno da lo que recibe y luego recibe lo que da».

En esta charla aprenderemos cómo y cuándo pedir feedback para que los clientes se sientan cómodos y seguros y recibamos un feedback concreto, respetuoso y constructivo sobre nuestros diseños. Veremos algunas herramientas online para recibir feedback y conoceremos algunos métodos avanzados y muy interesantes que podemos utilizar con nuestros clientes. Después de esta charla, sabrás cómo pedir feedback y recibirlo sin dolor, para que tus proyectos con WordPress avancen sin fricciones.

WordPress de forma nativa nos da la posibilidad de gestionar tanto páginas como entradas, es decir, contenido estático y contenido dinámico, pero no solo se queda en eso, sino que de forma nativa podemos extender estos tipos de contenido y si además recurrimos a plugins de terceros podemos llevar todavía más lejos toda esta funcionalidad hasta tal punto de poder crear un directorio de coches, de inmuebles, de discos de música, etc…

En esta charla veremos y nos familiarizaremos con conceptos como los Custom Post Types, tipos de contenido personalizados, los campos personalizados, mediante ACF, y la jerarquía de plantillas de WordPress. Con estos tres elementos podremos llevar a cabo infinidad de directorios, listados, portfolios, etc… El objetivo de la charla no es sentar cátedra al respecto, sino mostrar una manera sólida y consistente de extender las funcionalidades de WordPress.

Los eventos tecnológicos, en mayor o menor medida, son espacios en los que nos reunimos para compartir conocimiento, conocer gente del sector con la que hacer negocios, descubrir nuevos procesos y herramientas o hacer vida social. Asistimos a charlas y talleres, nos llenamos la barriga de manjares, y nos reencontramos con gente a la que apreciamos. Pero, a veces, se nos olvida pararnos a pensar: ¿qué sacamos realmente de todo esto? Seguro que cada quien tiene sus razones particulares. Y yo tengo las mías, claro. En esta ponencia haré un repaso de las charlas (y otros formatos de divulgación) a las que he asistido en los eventos de WordPress, y que han supuesto un antes y un después en mi manera de entender el sector tecnológico o, en algunos casos, mi estilo de vida. Lo que hacemos y lo que decimos siempre tiene un impacto en la vida de quienes nos rodea. A veces no nos hacemos la idea hasta qué punto. Para que tengáis un ejemplo, os cuento el impacto que han tenido en mí los contenidos de otros ponentes de eventos de WordPress. Además, como excepción, me encantará que en el turno de preguntas me contéis algunos de vuestros ejemplos. Esta vez sí, más que una pregunta, podéis hacerme un comentario.

Si te asusta el mercado de las criptomonedas, crees que la cadena de bloques es algo relacionado con el editor Gutenberg, pensar en feediverso te hace añorar a Ramón J. Sender y para ti web3 es la página de contacto de un blog … me temo que no deberías perderte esta ponencia. Al terminar conocerás, ¿qué digo? DOMINARÁS estos conceptos, serás el alma de los corrillos de expertos, tu canal de YouTube echará humo, en tu streaming tendrás que cobrar entrada y tu WordPress será lo más de la Web3, volará por la cadena de bloques a través del feediverso, monetizada con criptomonedas. Una juerga vamos…