Skip to content

Instantly share code, notes, and snippets.

@wpmark

wpmark/php-block-styles.php

Last active November 27, 2024 10:27
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save wpmark/aa2469de4804a7a01883a13d37051ef9 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save wpmark/aa2469de4804a7a01883a13d37051ef9 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. wpmark revised this gist Nov 26, 2024. 1 changed file with 3 additions and 3 deletions.
    6 changes: 3 additions & 3 deletions php-block-styles.php
    View file
    Original file line number Diff line number Diff line change
    @@ -2,17 +2,17 @@
    /**
    * Register some default block editor styles for this block.
    */
    function hd_testimonials_register_testimonials_block_styles() {
    function hd_register_block_styles() {

    // add the small image style.
    register_block_style(
    'core/heading', // name of your block
    array(
    'name' => 'eyebrow', // part of the class that gets added to the block.
    'label' => __( 'Eyebrow Heading', 'hd-testimonials' ),
    'label' => __( 'Eyebrow Heading' ),
    )
    );

    }

    add_action( 'init', 'hd_testimonials_register_testimonials_block_styles' );
    add_action( 'init', 'hd_register_block_styles' );
  2. wpmark revised this gist May 6, 2022. 1 changed file with 7 additions and 0 deletions.
    7 changes: 7 additions & 0 deletions readme.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,7 @@
    # Register block styles with PHP

    You can now register different styles for WordPress blocks using PHP - no Javascript needed! Use the code here, either in your themes `functions.php` file or a plugin.

    The `name` paramter forms part of the CSS class that is added to the block. Don't forget, this is all that block styles do, they had an additional class which then allows you to style them in a different way.

    The class will take the form of `is-style-{NAME}`. So in the example here, when the "EyeBrow" style is applied to a heading, that heading block would have the class of `is-style-eyebrow`.
  3. wpmark created this gist May 6, 2022.
    18 changes: 18 additions & 0 deletions php-block-styles.php
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,18 @@
    <?php
    /**
    * Register some default block editor styles for this block.
    */
    function hd_testimonials_register_testimonials_block_styles() {

    // add the small image style.
    register_block_style(
    'core/heading', // name of your block
    array(
    'name' => 'eyebrow', // part of the class that gets added to the block.
    'label' => __( 'Eyebrow Heading', 'hd-testimonials' ),
    )
    );

    }

    add_action( 'init', 'hd_testimonials_register_testimonials_block_styles' );