
Incorporar cosas nuevas en nuestra rutina a la hora de de preparar páginas web para clientes siempre cuesta, pero cuando son cosas tan sencillas como crear estilos de bloques y que dan tanto de sí, vale la pena dedicarle algo de tiempo, lo mismo si la web es la nuestra y queremos ganar tiempo en nuestro día a día dejando bloques preparados con diferentes estilos para crear contenido más ágilmente. Hoy repasamos qué es eso de block styles y cómo crearlos.
¿Qué tal la semana?
Semana esther
Rematando la nueva versión de Uprising
Meetup Terrassa
Mantenimientos habituales.
Semana Nahuai
Expediente X con suscriptores expirados en RCP porque el webhook no conseguía enviar la información.
Trasteando con estilos de bloques y temas FSE.
Meetup Terrassa con una pedazo de charla y más asistentes.
Meetup de Barcelona aprovechando la visita del equipo Tardis de Automattic.
Contenido Nahuai
3 nuevos tutoriales en Código Genesis, de los cuales destaca:
Modificar la plantilla del checkout de Restrict Content Pro
Tema de la semana: Estilos de bloques
Hay dos formar de registrarlos:
- PHP -> register_block_style
- Puedes añadir el CSS inline
- O llamar a un fichero
- Javascript -> registerBlockStyle (3 dependencias wp-blocks, wp-dom-ready, and
wp-edit-post)
Luego tienes que encolar los estilos CSS en el frontend y el editor (backend).
Las clases generadas son: is-style-{nombre-del-estilo}
Ejemplos:



Ejemplos en temas de OsomPress:
Quote y pullquote:

Media/text

Social icons:

EDD downloads

Novedades
Ya está disponible el programa de WordCamp Irun 2022.
Tip de la semana
Cambiar tarjeta de pago predeterminada en la ficha de cliente de Stripe
Menciones
Alex pregunta cómo se puede usar otra imagen destacada para redes sociales.

Capítulo está patrocinado por Local, la herramienta para desarrollo en local que utilizamos en nuestro día a día.
Es gratuita, compatible con Mac, Windows y Linux y permite crear rápidamente instalaciones de WordPress para poder testar sitios, crear nuevos y desarrollar y probar diferentes configuraciones de forma ágil y segura.
Tiene características avanzadas, como acceso por SSH, WP-CLI y la opción de configurar diferentes versiones de servidor, PHP y base de datos.
Una de las funcionalidades más prácticas para ahorrar tiempo es el uso de los Blueprints, que son plantillas que puedes usar como punto de partida para tus proyectos.
Por ejemplo, puedes crear distintos dependiendo del tipo de web (corporativa, academia, tienda…)
Además, en la nueva versión de Local (6.4) tienes un apartado dedicado a los Blueprints que te facilita gestionarlos.
Podrás encontrar siempre las mejores ofertas en freelandev.com/recursos/
Deja una respuesta