Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

205
Views
Registre los mismos estilos personalizados para múltiples tipos de bloques en gutenberg

Quiero agregar algunos estilos a más de un tipo de bloque.

Por el momento, estoy haciendo esto para cada tipo de bloque como este y cambio solo la parte 'core/paragraph' a 'core/heading' por ejemplo.

¿Hay alguna manera de hacer esto para más de un bloque al mismo tiempo?

 wp.blocks.registerBlockStyle( 'core/paragraph', [ { name: 'default', label: 'Default', isDefault: true, }, { name: 'lead', label: 'Lead', }, { name: 'subline', label: 'Subline', }, ] );
about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Si conoce los nombres de los bloques a los que desea agregar sus estilos, puede usar registerBlockStyle() en un bucle forEach() para registrar en masa varios estilos en varios bloques, por ejemplo:

 const blocks = ["core/quote", "core/heading", "core/paragraph"]; //etc.. const styles = [ { name: 'default', label: 'Default', isDefault: true, }, { name: 'lead', label: 'Lead', }, { name: 'subline', label: 'Subline', } ]; // Loop through each block and register all custom styles in one go.. blocks.forEach(function(blocks) { wp.blocks.registerBlockStyle(blocks, [...styles]); });

Para encontrar los nombres de todos los bloques actualmente registrados, use:

 wp.blocks.getBlockTypes().map(block => block.name);

Aunque puede aplicar sus estilos a cada bloque, utilícelo con moderación solo en los bloques necesarios, no en todos los bloques a la vez.

about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!