Aunque ya hace años que somos conscientes de la necesidad de conocer JavaScript a fondo para mejorar en el desarrollo con WordPress, lo cierto es que muchos vamos posponiendo el momento de enfrentarnos a ello y ponernos manos a la obra. Hoy crear un bloque desde cero es mucho más fácil que hace un tiempo y para demostrarlo vamos a ver paso por paso cómo hacerlo.
Pero antes, como siempre….
¿Qué tal la semana?
Semana esther
Batallando con theme.json (que delicadito es….)
De nuevo con las cookies ????????
Semana Nahuai
- Investigando la mejor manera de ofrecer Osom Modal Login en un tema de bloques
- Creando un bloque que muestre el nombre del usuario logueado.
- Haciendo pruebas con el sistema SlotFill – https://developer.wordpress.org/news/2022/11/18/how-to-extend-wordpress-via-the-slotfill-system/
- Buscando alternatitva a mostrar contenido de un CPT tiendo en cuenta el Content Drip y Past Content en Restrict Content Pro
- Mostrando el tiempo de Content Drip en la columna de las entradas de un CPT.
Contenido Nahuai
3 nuevos tutoriales en Código Genesis de los cuales destaca:
https://codigogenesis.com/excluir-entradas-categoria-bloque-listado-contenido-wordpress/
Tema de la semana:
Preparar entorno de desarrollo:
- Instalar Homebrew (MacOS)
- Instalar Node.js
- Intalar npm
- Local
Crear un bloque con el paquete create-block
- npx @wordpress/create-block –variant dynamic user-block
- npm start
Modificar los ficheros /src/:
- render.php → código que se va a mostrar en el frontend
- edit.js → código que se va a mostrar en el backend/editor
- block.json → personalizar los ajustes del bloque que van a estar disponibles
- index.js → Modificaciones SlotFill
- editor.scss → CSS del editor
- style.scss → CSS para ambos
Crear fichero zip
- npm run plugin-zip
- las modificaciones se muestran en la carpeta /build/
Novedades
Ya tenemos fecha para el State of the World de WordPress y se pueden enviar preguntas a Matt: https://wordpress.org/news/2022/11/state-of-the-word-2022/
Nuevo blog para developers de WordPress (en beta):
https://developer.wordpress.org/news/
Tip de la semana
Herramienta de Adobe para mejorar el audio: https://podcast.adobe.com/enhance
Menciones
Marta nos hace de CM en Mastodon.
Elías comenta que hace un tiempo que uso EDD para varios proyectos y le gusta mucho
Una de las ventajas de Wetopi es… el desarrollo en local gratis
Imagina que:
- necesitas preparar una demo para mostrar un tema, o combinación de plugins
- quieres comparar cara a cara un par de plugins
- necesitas empezar a montar una nueva web e ir compartiendo el proceso con tu cliente.
Pues en Wetopi arrancar uno o varios servidores WordPress y empezar a trabajar es un simple clic.
No tienes que optimizar nada ni configurar ningún dominio.
Y trabajas con servidores idénticos a los de pago, con la única restricción que son privados;
Es decir, para poder acceder a tu web necesitas hacerlo a través de un “enlace compartir”. Puedes hacerlos servir el tiempo que necesites, recuerda, en Wetopi no tenemos letra pequeña
Al terminar con el desarrollo puedes descargar tu web, eliminarla o asociar un plan y publicarla.
Regístrate en wetopi.com/freelandev y consigue 15€ de descuento para probarlo ya mismo sin compromiso, y descubre las ventajas de su servicio de hosting especializado en WordPress 🙂
Deja una respuesta