Resumen de la conferencia WordCamp Gdynia 2023 nextgen

WordCamp Gdynia 2023 NextGen se celebró el sábado 30 de septiembre de 2023 en el Morski Instytut Rybacki (Instituto Nacional de Investigación Pesquera Marina), en la calle Hugo Kołłątaja 1 de Gdynia. Asistieron más de 200 desarrolladores, diseñadores, dueños de agencias y entusiastas de WordPress de toda Polonia. El lema, anunciado en la web oficial del evento, fue la optimización: del trabajo que se hace con WordPress y del propio WordPress.

El programa se desarrolló en dos salas. La sala principal acogió 16 ponencias y una segunda sala ofreció en paralelo 4 talleres, gratuitos para cualquier asistente con entrada. Este resumen sigue la agenda oficial y las descripciones de las sesiones publicadas por la organización.

Si su empresa necesita apoyo en el desarrollo avanzado de su plataforma, consulte nuestros servicios de desarrollador WordPress en WPPoland.

#Qué es un WordCamp NextGen

NextGen fue una fase experimental en la forma de organizar los WordCamps. El texto explicativo de la organización lo describe como una invitación a los equipos locales para proponer formatos y temas nuevos que respondan a lo que la comunidad necesita ahora. Los WordCamps clásicos abarcan una mezcla amplia de diseño, desarrollo, SEO, marketing y contenidos. Un evento NextGen puede limitarse a un solo tema, un solo público o un solo nivel de experiencia.

El mismo texto enumera los valores que todo WordCamp NextGen debía mantener: reducir las barreras para participar, celebrar la comunidad en su conjunto y no a una empresa o persona concreta, y apoyar la diversidad. Gdynia eligió un evento de un día con un único tema, Optymalizacja: Praca i WordPress (optimización: trabajo y WordPress). El tema estaba abierto tanto a principiantes como a usuarios avanzados.

La demanda se notó pronto. Según la organización, todas las entradas Early Bird se agotaron en dos días y medio. La primera convocatoria de patrocinadores, en junio de 2023, contaba con unas cien personas, y con la segunda tanda de entradas, en agosto, la organización ya esperaba cerca de 300 asistentes.

#Dónde se celebró WordCamp Gdynia 2023

La sede fue el Instituto Nacional de Investigación Pesquera Marina, a pocos minutos a pie de la estación Gdynia Główna. La organización recordó en el blog del evento que la historia del instituto se remonta a 1921, cuando empezó como laboratorio pesquero en Hel. Los asistentes podían aparcar dentro del recinto identificándose en la barrera.

El equipo organizador que figura en la web del evento incluía a Mariusz Szatkowski, Marcin Robin Andrzejewski, Katarzyna Gajewska, Rafał Osiński, Dawid Urbański, Hanna Szatkowska y Marcin Szatkowski. La Triciudad (Gdańsk, Sopot y Gdynia) es desde hace años un núcleo sólido de la comunidad tecnológica polaca. Las grabaciones se publicaron después en el canal de YouTube WordPress Trójmiasto.

#Apertura y horario de WordCamp Gdynia 2023

Marcin Andrzejewski y Mariusz Szatkowski inauguraron la conferencia a las 9:45 en ambas salas, tras la acreditación desde las 9:00. La jornada completa, en hora local (CEST), fue la siguiente:

Los bloques de la tarde entre las 14:00 y las 15:00 fueron charlas relámpago de 15 minutos. El resto de franjas de la sala principal duraron 30 minutos.

#WordPress Playground y WebAssembly en el navegador

La primera ponencia fue la de Adam Zieliński, de Automattic, creador de WordPress Playground y core committer de WordPress. Su título se traduce como WordPress sin instalación, sin ordenador y sin internet: conozca WordPress Playground.

La documentación de arquitectura de Playground explica el mecanismo. El intérprete de PHP se compila a WebAssembly con Emscripten. WordPress necesita MySQL, pero no existe una versión de MySQL para WebAssembly, así que Playground incluye PHP con el controlador de SQLite y el plugin oficial SQLite Database Integration reescribe las consultas de MySQL al dialecto de SQLite. Un Service Worker gestiona el tráfico HTTP que normalmente iría a un servidor remoto.

ARQUITECTURA DE WORDPRESS PLAYGROUND EN EL NAVEGADOR:
+-------------------------------------------------------------+
| Navegador web (Chrome / Firefox / Safari / Edge)            |
|                                                             |
| +-------------------------+     +-------------------------+ |
| | Intérprete PHP compilado| <-> | Base de datos SQLite    | |
| | a WebAssembly (.wasm)   |     | vía SQLite Integration  | |
| +-------------------------+     +-------------------------+ |
|              ^                                              |
|              | Peticiones HTTP gestionadas                  |
|              v por un Service Worker                        |
| +---------------------------------------------------------+ |
| | Archivos del núcleo de WordPress + temas + plugins      | |
| +---------------------------------------------------------+ |
+-------------------------------------------------------------+

Como cada versión de PHP es un archivo .wasm estático independiente, cambiar de versión de PHP solo significa descargar otro binario.

#Para qué usan los equipos WordPress Playground

WordPress Playground ha crecido desde 2023 hasta convertirse en una herramienta que los equipos de desarrollo usan a diario:

1. Vistas previas de pull requests: la acción oficial WordPress Playground PR Preview añade un botón de vista previa a los pull requests de plugins y temas, de modo que quien revisa prueba el cambio en el navegador con un solo clic.
2. Demostraciones para clientes a partir de un blueprint: un blueprint es un archivo JSON que describe la versión de WordPress, la versión de PHP, los plugins y los pasos de configuración. La documentación de Playground muestra cómo cargarlo con el parámetro de consulta ?blueprint-url=.
3. Pruebas end-to-end: la documentación de Playground incluye una guía para ejecutar pruebas de Playwright contra una instancia de Playground, sin depender de una base de datos de staging compartida.

<!-- Inserción de una instancia de Playground configurada con un archivo blueprint JSON -->
<iframe
  src="https://playground.wordpress.net/?blueprint-url=https://example.com/blueprints/staging-test.json"
  width="100%"
  height="650"
  class="rounded-xl border border-gray-200"
  loading="lazy"
></iframe>

#Crear bloques nativos de Gutenberg y hooks en POO

Dawid Urbański mostró cómo empezar a crear bloques nativos para el editor Gutenberg. Según la descripción de la sesión, recorrió la instalación de WordPress, la preparación de un tema, la incorporación de archivos JavaScript, la instalación del paquete @wordpress/scripts, la creación de bloques con los componentes disponibles y, por último, la compilación del bloque y su inserción en una página desde el editor. Se ciñó a ejemplos sencillos para que todo el proceso quedara a la vista.

Para un proyecto nuevo, el punto de partida con soporte oficial es @wordpress/create-block. Genera un plugin que registra un bloque, crea el PHP, el JavaScript y el CSS, e integra la misma configuración de build sin necesidad de ajustes.

La ponencia de Piotr Niewiadomski, OOP hook cares, abordó una molestia habitual en el código orientado a objetos de WordPress: registrar a mano cada método con add_action() y add_filter(). Presentó una biblioteca que asigna automáticamente los métodos de las clases a los filtros y acciones correspondientes.

#Cómo acelerar WP_Query y estabilizar los proyectos de equipo

Przemek Hernik intervino dos veces. Su ponencia en la sala principal llevaba por título Cómo acelerar WP_Query hasta 100 veces con decisiones de diseño sencillas. La idea, según la descripción, era que las decisiones de arquitectura tomadas antes de escribir la primera línea de código determinan la velocidad de un plugin o de una solución a medida para un cliente. Se dirigía a autores de plugins y a quienes desarrollan soluciones personalizadas.

Krystian Wójcik habló de cómo reducir el número de errores en los proyectos de equipo. Repasó los retos de los equipos de desarrollo, cómo unificar el entorno de trabajo para que cada desarrollador use la misma configuración y por qué todo el entorno debe estar en Git.

La ponencia de Sebastian Kurzynowski, titulada Żuczki, Misie i kaizen (bichitos, ositos y kaizen), defendió la confianza en uno mismo y en las personas con las que se trabaja. Describió la estructura del equipo, las prácticas de trabajo, el desarrollo profesional y la automatización.

#Optimización de imágenes, SEO técnico y LCP en WordPress

Mateusz Gbiorczyk mostró paso a paso cómo reducir el peso de un sitio WordPress sin perder calidad en las imágenes.

El momento era oportuno. WordPress 6.3, publicado pocas semanas antes de la conferencia, cambió la forma en que el núcleo gestiona las imágenes. La nota técnica del equipo de rendimiento indica que WordPress añade ahora fetchpriority="high" a la imagen que considera con más probabilidad de ser el elemento LCP, lo que “normalmente mejora el LCP entre un 5 y un 10 %” (traducción propia). La misma versión corrigió los casos restantes en los que el núcleo aplicaba carga diferida a imágenes visibles en pantalla y reunió ambos atributos en una sola función, wp_get_loading_optimization_attributes(). Los temas y plugins con sus propias reglas de lazy loading necesitaban una revisión después de la 6.3.

La ponencia de Lena Sędkiewicz, Pásate al lado verde de la fuerza, trató el SEO técnico en WordPress. Partió de síntomas conocidos: un sitio que carga demasiado despacio, usuarios que no encuentran lo que buscan, errores 404 frecuentes y páginas que gustan a los usuarios pero que Google no ve. Su charla repasó las soluciones técnicas en WordPress que dan a un sitio la oportunidad de subir en los resultados de búsqueda.

Encontrará más sobre formatos modernos en nuestra guía de formatos de nueva generación AVIF y WebP.

#Caché de WordPress como sitio estático

La ponencia de Max Matłoka, Hasta el infinito y más allá: caché sin fecha de caducidad, explicó cómo convertir un sitio WordPress tradicional en uno estático. La descripción de la sesión subraya lo que esto aporta al rendimiento y a la escalabilidad, y también trató las ventajas y los retos de este enfoque.

Tomasz Lach abordó la optimización desde el lado del negocio. Su punto de partida: los temas, los plugins, el desarrollo, las ventas y las finanzas parecían ir bien, y estaba satisfecho. Después, pequeños cambios poco evidentes resultaron tener grandes efectos en su trabajo con WordPress y en todo su negocio.

Tomasz Kołkiewicz contó la historia de cómo creó productos comerciales a partir de sus propias necesidades y observaciones, y mostró varias formas en que optimiza su trabajo y su negocio.

#Importar productos a WooCommerce desde CSV

Piotr Misztal dirigió un taller de 90 minutos sobre la importación de productos con el importador integrado en el propio WooCommerce. Los asistentes prepararon el archivo en una hoja de cálculo (Excel, Calc, Numbers o Google Sheets) siguiendo el mapeo estándar de columnas de WooCommerce, lo guardaron correctamente como CSV y lo importaron. El taller cubrió tipos de producto, ajustes adicionales, descripciones, precios, imágenes, variaciones, categorías, etiquetas, taxonomías personalizadas, atributos y datos serializados. También mostró cómo actualizar rápidamente productos existentes con el mismo método.

La documentación actual del importador CSV de WooCommerce completa los detalles. El importador localiza los productos existentes por ID o SKU y omite un ID sin coincidencia. Admite los tipos simple, variable, grouped, external, variation, virtual y downloadable. Las columnas que no reconoce se ignoran, pero los campos personalizados se pueden importar con el prefijo meta: en la cabecera. Las imágenes deben estar ya subidas o accesibles por URL, y el importador del núcleo no puede definir el texto alternativo. Los archivos grandes pueden fallar en una sola petición, por lo que la documentación recomienda dividirlos en lotes.

Rafał Chrzan presentó un caso práctico de WooCommerce combinado con Full Site Editing sobre Sage 10. Su tema fue cómo un equipo que ya dispone de un sistema de diseño puede construir más rápido proyectos de comercio electrónico a medida.

#Plugin con GPT para escribir y publicar entradas en WordPress

La charla relámpago de Magdalena Paciorek se titulaba Deja que GPT escriba y publique por ti. Explicó cómo crear un plugin que publica entradas de blog en WordPress de forma automática con un modelo GPT. El plugin recoge textos de origen, usa GPT para clasificarlos y extraer datos y, después, genera con esos datos nuevos artículos para el blog.

#Alojamiento compartido o dedicado y RGPD

Wojciech Babicz habló de la cesión de datos personales en el alojamiento. Su punto de partida: quien tiene una tienda online, un sitio con formulario, un buzón de correo o acceso al alojamiento de un cliente, trata datos personales. El RGPD (RODO en polaco) llegó en 2018, el interés se fue apagando y muchas empresas siguen sin saber adónde viajan los datos personales ni qué datos tienen. Resumió qué hay que hacer para cumplir la ley en materia de alojamiento y tratamiento de datos. La base jurídica es el artículo 28 del RGPD, según el cual “el tratamiento por el encargado se regirá por un contrato u otro acto jurídico con arreglo al Derecho de la Unión o de los Estados miembros” (traducción propia).

Patryk Szymulewski cerró la jornada con el alojamiento compartido frente al dedicado. Comparó precio, rendimiento y control, explicó cuándo basta un plan compartido más barato y cuándo compensa un servidor dedicado, cuándo merece la pena pagar protección contra ataques DDoS y cómo proteger un sitio sin un gran presupuesto.

Maciek Palmowski se preguntó si WordPress headless tiene sentido. Muchos artículos y empresas presentan el headless como el único camino correcto para WordPress, y su charla contrastó esa afirmación con la posibilidad de que sea simplemente otra forma de vender servicios.

#Plantillas Blade en WordPress y máquinas de estados en JavaScript

En la segunda sala se celebraron tres talleres más. La inscripción se abrió el 4 de septiembre de 2023, y la organización avisó de que quien llegara tarde perdería su plaza en favor de la lista de espera.

#Laravel Blade en un tema de WordPress

El taller de 75 minutos de Przemek Hernik explicó por qué merece la pena probar los motores de plantillas al crear plugins o temas a medida, con Laravel Blade como ejemplo. Los asistentes incorporaron Blade a su propio código en pocos pasos. Los requisitos indicados eran una instalación limpia de WordPress 6.3, PHP 8.1 o superior y Composer 2.5 o superior. Una vista Blade mantiene las consultas y la lógica fuera del marcado:

{{-- resources/views/archive-product.blade.php --}}
@extends('layouts.app')

@section('content')
  <header class="catalog-header py-8">
    <h1 class="text-3xl font-bold">{{ $categoryTitle }}</h1>
    <p class="text-gray-600">{{ $categoryDescription }}</p>
  </header>

  <div class="product-grid grid grid-cols-1 md:grid-cols-3 gap-6">
    @forelse($products as $product)
      @include('components.product-card', ['item' => $product])
    @empty
      <div class="alert alert-info">
        <p>{{ __('No hay productos que cumplan los criterios seleccionados.', 'wppoland') }}</p>
      </div>
    @endforelse
  </div>

  <div class="pagination-wrapper mt-8">
    {!! $paginationLinks !!}
  </div>
@endsection

#Crear un tema de bloques con Full Site Editing

El taller de Marcin Krzemiński presentó Full Site Editing y los temas de bloques. El objetivo era construir un tema completo en el editor sin escribir una sola línea de código. Estaba abierto a todos los niveles, con un conocimiento básico de WordPress y del editor de bloques como único requisito. Los asistentes necesitaban un ordenador, un navegador y un entorno de desarrollo local, o en su lugar una cuenta gratuita de InstaWP.

#Máquinas de estados en JavaScript con XState

El taller de Sebastian Kurzynowski introdujo las máquinas de estados en JavaScript. Los participantes necesitaban Visual Studio Code y XState instalados. XState se define como una biblioteca de gestión de estado y orquestación para JavaScript y TypeScript sin dependencias, basada en la programación orientada a eventos, las máquinas de estados, los statecharts y el modelo de actores. Una máquina de estados permite que un componente esté en un único estado definido cada vez, por ejemplo IDLE, VALIDATING, SUBMITTING, SUCCESS o ERROR, lo que descarta combinaciones como mostrar a la vez el indicador de carga y un mensaje de error.

#Grabaciones y presentaciones de WordCamp Gdynia 2023

Las 16 ponencias de la sala principal se grabaron. El 3 de octubre de 2023 la organización anunció que las presentaciones estaban disponibles en el canal de YouTube WordPress Trójmiasto, y el 12 de octubre publicó la lista de grabaciones, una por ponencia. La lista abarca las ponencias de la sala principal.

El evento se financió con patrocinadores. Los patrocinadores oro fueron smarthost.pl, cyberFolks.pl, Fooz, statik space, White Label Coders y wpappointments, y WPPoland figuraba entre los socios.

#Balance de WordCamp 2023 en Gdynia

WordCamp Gdynia 2023 NextGen demostró que un WordCamp de un día y un solo tema puede llenar dos salas de material práctico. Playground en el navegador, importaciones CSV bien hechas con las herramientas que WooCommerce ya trae, plantillas Blade que separan la lógica del marcado y una mirada sincera al headless y al alojamiento respondían a la misma pregunta: en qué se va el tiempo y qué se puede recortar.

Para la Triciudad, sede de los encuentros locales WordUp Trójmiasto, organizar una conferencia nacional de este tamaño fue la culminación de años de trabajo de quienes animan la comunidad. El contacto directo con los creadores de herramientas como WordPress Playground tiende un puente entre el mercado local y el desarrollo global del open source.

Para desarrolladores y responsables técnicos, asistir a conferencias como esta es la mejor forma de contrastar sus propios procesos de desarrollo y evitar errores de arquitectura costosos.

Si planea lanzar un sitio avanzado, optimizar una gran tienda WooCommerce o migrar a un tema de bloques, contácteme como experto en WordPress.