• Saltar a la navegación principal
  • Saltar al contenido principal
  • Saltar al pie de página
Freelandev

Freelandev

Vivir del desarrollo en WordPress

  • Apple
  • Ivoox
  • Spotify
  • Google Podcast
  • ¿Por qué Freelandev?
  • Podcast
    • Perspectiva WordPress
    • Entrevistas a profesionales WordPress
  • Quiénes somos
  • Contacto

#190 – Crear un bloque de WordPress con JavaScript es un poco más fácil ahora

28/11/2022 por Nahuai y Esther Deja un comentario

Freelandev - Vivir del desarrollo en WordPress
Freelandev - Vivir del desarrollo en WordPress
#190 - Crear un bloque de WordPress con JavaScript es un poco más fácil ahora
00:00 / 40:00
RSS Feed
Share
Link
Embed

Síguenos en:

itunesspotifyivooxgoogle podcasts

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

wetopi

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 🙂

Etiquetado como: Desarrollo WordPress

Interacciones con los lectores

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Footer

Nuestros proyectos

  • Nahuai Badiola
  • esther solà
  • Tranquilidad WP
  • Código Genesis
  • OsomPress

Escúchanos

  • iTunes
  • iVoox
  • Spotify

Sobre Freelandev

¿Emprender online como desarrollador WordPress? Aprende a gestionar tu negocio digital con esther solà y Nahuai Badiola, freelancers y desarrolladores WordPress especializados en Genesis Framework y WooCommerce. Descubre cada lunes sus estrategias de marketing digital, cómo se organizan y qué herramientas usan en el día a día.

© 2023 · Dakota theme by OsomPress · Aviso legal