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

02/05/2022 34 min
#161 – Qué son los Block Styles y cómo sacarles partido

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

Síntesis del Episodio

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.