web-dev-qa-db-ger.com

So fügen Sie Ihrem Bild in einem benutzerdefinierten Beitragstyp eine CSS-Klasse hinzu

Ich versuche, jedem Bild in einem benutzerdefinierten Beitragstyp eine CSS-Klasse hinzuzufügen.

Ich habe diese Antwort gefunden, um jedem Bild im Allgemeinen eine Klasse hinzuzufügen:

function add_image_class($class){
    $class .= ' additional-class';
    return $class;
}
add_filter('get_image_tag_class','add_image_class');

Wie würde ich darauf aufbauen, damit es nur für einen benutzerdefinierten Beitragstyp gilt?

custom-post-typesimagesfilterscss
4
Dvaeer

Kombiniere die Antwort hier von @cjcj mit dem Code in this answer , dem Code, der für mich außerhalb der Schleife in functions.php funktioniert:

// Add ability to check for custom post type outside the loop. 
function is_post_type($type){
    global $wp_query;
    if($type == get_post_type($wp_query->post->ID)) return true;
    return false;
}

// Add class to every image in 'wpse' custom post type.
function add_image_class($class){
    if ('wpse' == is_post_type()){
        $class .= ' additional-class';
    }
    return $class;
}
add_filter('get_image_tag_class','add_image_class');
5
Dvaeer

Die Funktion get_post_type gibt den Typ des aktuellen Beitrags zurück. Angenommen, Sie möchten diese Klasse nur einem Beitragstyp mit dem Namen 'wpse' hinzufügen, und Sie sollten eine Bedingung wie die folgende einfügen:

function wpse237573_add_image_class($class){
    if ('wpse' == get_post_type()) $class .= ' additional-class';
    return $class;
}
add_filter('get_image_tag_class','wpse237573_add_image_class');
3
cjbj