#161 – Qué son los Block Styles y cómo sacarles partido

Síguenos en: 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_stylePuedes añadir el CSS inlineO llamar a un ficheroJavascript -> 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: Listados con iconosImágenesGaleríaAvisos 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.