• 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

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

02/05/2022 por Nahuai y Esther Deja un comentario

Freelandev - Vivir del desarrollo en WordPress
Freelandev - Vivir del desarrollo en WordPress
#161 - Qué son los Block Styles y cómo sacarles partido
00:00 / 34:44
RSS Feed
Share
Link
Embed

Síguenos en:

itunesspotifyivooxgoogle podcasts

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:

  • Listados con iconos
  • Imágenes
  • Galería
  • Avisos

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/

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.

© 2022 · Dakota theme by OsomPress · Aviso legal