Ta bort höjd & bredd från bilder i WordPress

När du laddar upp en bildfil till WordPress sätts den in i ditt inlägg med bredd och höjd attribut. Detta kan vara användbart, men det kan också vara mycket begränsande. Speciellt om du arbetar på en webbplats baserad på ”responsive design.”

Om du vill stoppa WordPress från att fästa höjd och breddattribut till dina bildfiler, så lägg till följande kod till din functions.php fil:

// Remove height & width attributes from images
add_filter( 'post_thumbnail_html', 'remove_width_attribute', 10 );
add_filter( 'image_send_to_editor', 'remove_width_attribute', 10 );

function remove_width_attribute( $html ) {
   $html = preg_replace( '/(width|height)="\d*"\s/', "", $html );
   return $html;
}

Ta bort P taggar från bilder i WordPress

Som standard kommer WordPress att placera bilder i P taggar. Detta kan begränsa din styling förmåga i CSS. För att komma runt detta kan du klistra in följande kod i din functions.php fil. Då kommer bilderna istället att placeras i en HTML5 figure tag:

// Remove P tags from images
function img_unautop($pee) {
    $pee = preg_replace('/
\\s*?(<\\/a>|)?\\s*<\\/p>/s', '
$1
', $pee);
    return $pee;
}
add_filter( 'the_content', 'img_unautop', 30 );