FAIR

Federated and Independent Repositories

Image Styles for Core Block

Plugin Banner

Image Styles for Core Block

by Mahesh Waghmare

Download
Description

This plugin adds a new image styles for the Core Image block.

Read more in one page quick documentation.

Features:

  • Zero configuration
  • Easy to use.
  • 25+ image styles.
    • Triangle
    • Trapezoid
    • Parallelogram
    • Rhombus
    • Pentagon
    • Hexagon
    • Heptagon
    • Octagon
    • Nonagon
    • Decagon
    • Bevel
    • Rabbet
    • Left Arrow
    • Right Arrow
    • Left Point
    • Right Point
    • Left Chevron
    • Right Chevron
    • Star
    • Cross
    • Message
    • Close
    • Frame
    • Inset
    • Custom Polygon
    • Circle
    • Ellipse
  • Add new styles with filter.
  • Remove existing styles with filter.
  • Modify existing styles with filter.
  • Quick support

Welcome for featured requests

If you have any suggestion or any featured request then don’t hesitate to contact.

Add new image style

add_filter( 'k2cbis_get_styles', 'prefix_add_new_style' );

function prefix_add_new_style( $styles = array() ) {
    $styles[] = array(
        'name' => 'prefix-new-style',
        'label' => 'New Style',
        'inline_style' => '.wp-block-image.is-style-prefix-new-style img { clip-path: polygon(40% 10%, 30% 50%, 83%  25%); }',
    );

    return $styles;
}

Bug reports

Bug reports for “K2 Core Block Image Styles” are welcomed in our repository on GitHub. Please note that GitHub is not a support forum, and that issues that are not properly qualified as bugs will be closed.

Further reading

For more info check out the following:

Can I use this plugin with any Gutenberg Block

Nope, For now this plugin add the styles only for the Core Image Gutenberg blocks. We may add those styles for other Gutenberg blocks in future.

Can I enable or disable any styles?

Yes. For now you can use the filter k2cbis_get_styles to add, remove or modify styles.

E.g.

add_filter( 'k2cbis_get_styles', 'prefix_add_new_style' );
function prefix_add_new_style( $styles = array() ) {
    $styles[] = array(
        'name' => 'prefix-new-style',
        'label' => 'New Style',
        'inline_style' => '.wp-block-image.is-style-prefix-new-style img { clip-path: polygon(40% 10%, 30% 50%, 83%  25%); }',
    );

    return $styles;
}

1.0

  • Initial release.
Back to top