MODULUS i responsywny obrazek

Podaj adres strony, błędzie łatwiej.

Z dostępnej mi wiedzy wynika, ze należy usunąć mu wymiarowanie czyli width i height raz nadać mu klasę img-responsive, jeżeli masz oczywiście zaimplementowane style bootstrap.

Wstaw ten kod do pliku funkcyjnego:

	/*
	 * This function add img-responsive class within the_content included post_thumbnails.
	 * If you want to have responsive images outside the_content you have to add this class manually.
	 *
	 *  Responsive images: 
	 * 	1) add img-responsive class 
	 * 	2) remove dimensions 
	 *
	 * @since WP Less is More 1.0
	 **/
	
function wp_less_is_more_bootstrap_responsive_images( $html ){
  $classes = 'img-responsive'; // separated by spaces, e.g. 'img image-link'
  
  // check if there are already classes assigned to the anchor
  if ( preg_match( '/<img.*? class="/', $html ) ) {

    $html = preg_replace( '/(<img.*? class=".*?)(".*?\/>)/', '$1 ' . $classes . ' $2', $html );
	
  } else {
	  
    $html = preg_replace( '/(<img.*?)(\/>)/', '$1 class="' . $classes . '" $2', $html );
	
  }
  
  // remove dimensions from images,, does not need it!
  $html = preg_replace( '/(width|height)=\"\d*\"\s/', "", $html );
  
  return $html;
}

add_filter( 'the_content', 'wp_less_is_more_bootstrap_responsive_images', 10 );
add_filter( 'post_thumbnail_html', 'wp_less_is_more_bootstrap_responsive_images', 10 );

• Ta odpowiedź została zmodyfikowana 7 years, 1 months temu przez Paweł.
• Ta odpowiedź została zmodyfikowana 7 years, 1 months temu przez Paweł.

Do pliku funkcyjnego czyli functions.php

Jeżeli masz motyw oparty na bibliotece bootstrap, powinieneś mieć folder o nazwie bootstrap.

To jest to samo choć różni się sposobem obsługi. Lepiej jednak używać FTP.