Så tar du bort hover texten på bilder i WordPress

Kan ni som jag kan störa er på att en design kan förstöras av att det kommer upp ”tool-tip” på bilder när man hovrar dom? Det är för att det finns ett titel attribut satt på bilden och det görs per automatik av WordPress.

Om ni vill bli av med detta störande element så har jag knåpat ihop denna lilla kodsnutten som byter ut titel attribut till alt-taggen om denna är tom och inte satt.

// Add in functions.php

// Replace the title attribute to alt attribute on images if the alt isn't set
add_filter('get_image_tag','my_image_tag',10,4);
function my_image_tag($html, $id , $alt, $title){
    if($alt == '') {
        $html = str_replace('alt=""','alt="'.$title.'"',$html);
        $html = preg_replace('|title="[^"]*"|U', '', $html);
    }
    return $html;
}

Jag gör inte som jag lär här på bloggen och har inte implementerat det på denna sidan, men denna är sidan är heller inget designfenomen :)

Kommentera

E-postadressen publiceras inte. Obligatoriska fält är märkta *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>