Custom Bildergrößen in BricksBuilder

Ich hab mir für den Bricksbuilder meine eigenen Bildergrößen festgelegt

/* --- Stopt WordPress vom Erstellen der Standard Bilder Größen --- */

add_filter( "intermediate_image_sizes", "remove_default_img_sizes", 10, 1);
function remove_default_img_sizes( $sizes ) {
$targets = ["thumbnail", "medium", "medium_large", "large", "1536x1536", "2048x2048", "woocommerce_thumbnail", "woocommerce_single", "woocommerce_gallery_thumbnail"];
foreach($sizes as $size_index=>$size) {
if(in_array($size, $targets)) {
unset($sizes[$size_index]);
}
}
return $sizes;
}

/* --- Custom Image Sizes --- */

add_theme_support( "post-thumbnails" );
add_image_size( "Hero image", 1920, 9999 );
add_image_size( "Container image", 1366, 9999 ); /* Bricks Einstellungen - Element-Container breite */
add_image_size( "Extra large image", 1120, 9999 );
add_image_size( "Large image", 960, 9999 );
add_image_size( "Medium image (Handy Full)", 800, 9999 ); /* Handy Full Width */
add_image_size( "Small image (Handy)", 640, 9999 ); /* Handy Bilder */
add_image_size( "Extra small image", 480, 9999 ); 
add_image_size( "XX small image", 240, 9999 );

/* Zeigt die Bildergrößen in Bricks an */

function wpb_custom_image_sizes( $size_names ) {
$new_sizes = array(
"Hero image" => "Hero image",
"Container image" => "Container image",
"Extra large image" => "Extra large image",
"Large image" => "Large image",
"Medium image (Handy Full)" => "Medium image (Handy Full)",
"Small image (Handy)" => "Small image (Handy)",
"Extra small image" => "Extra small image",
"XX small image" => "XX small image",
);
return array_merge( $size_names, $new_sizes );
}
add_filter( "image_size_names_choose", "wpb_custom_image_sizes" );

am besten das Snippet in euer Child Theme packen oder via Snippet Tool aktivieren (https://wordpress.org/plugins/easy-code-manager/)

Falls ihr die Bildergrößen im nachhinein einbaut, müsst ihr die Bilder neu erstellen lassen. Ich nutze dazu dieses Plugin: https://wordpress.org/plugins/regenerate-thumbnails/

Bild eines Logos von Discord

Hinterlassen Sie den ersten Kommentar

MEHR ZUM THEMA

*Affiliatelinks/Werbelinks
Die mit Sternchen (*) gekennzeichneten Links sind sogenannte Affiliate-Links.
Wenn du auf so einen Affiliate-Link klickst und über diesen Link einkaufst, bekomme ich von dem betreffenden Online-Shop oder Anbieter eine Provision.
Für dich verändert sich der Preis nicht.