apply bunny image class to image element

Hi there,

you can manually add a URL to a GB Image Block, its the Insert from URL option when you add the image block to the page. But that would be a manual process.

How many images will require this ? As it may be possible to filter the query var into the URL.
And if there are many images they would need some common class or attribute to do this.

Let me know.

Ok… but if theres multiple class queries. i assume you would need to select which class query is applied to each image ?

Sorry for all the questions… but how would it know which class to add?

Try this PHP, you can add pre-defined class name like “square” and “rectangle”, feel free to change/add class name.

function add_custom_parameter_to_image_url($url, $attributes) {
    if (!empty($url) && !empty($attributes['className'])) {
        if (strpos($attributes['className'], 'square') !== false) {
            $url = add_query_arg('class', 'square', $url);
        } elseif (strpos($attributes['className'], 'rectangle') !== false) {
            $url = add_query_arg('class', 'rectangle', $url);
        }
    }
    return $url;
}

add_filter('generateblocks_dynamic_url_output', 'add_custom_parameter_to_image_url', 10, 2);

And set the GB image block’s dynamic link to single image.

how to choose the class when adding image?

That should be a question for you, you are the one who defines the image sizes based on the classes provided by the plugin.