Jak usunąć zakodowane wymiary miniatur?

15

Jak mogę usunąć atrybuty szerokości i wysokości z post_thumbnail podczas wstawiania za pomocą <?php the_post_thumbnail(); ?>?

<img width="800" height="533" src="http://domain.com/wp-content/uploads/2011/02/image.jpg" class="attachment-post-thumbnail wp-post-image" />

post-thumbnails

— Carson
źródło

poszukaj pliku thumbnail.php, nie jestem pewien, ale zazwyczaj pliki zawierają kodowanie na twardo

— Niraj Chauhan

Jeśli się zastanawiasz, chcę mieć możliwość modyfikowania szerokości i wysokości za pomocą CSS - dokładniej ustaw maksymalną szerokość i pozwól, aby wysokość sama ustawiła się zamiast domyślnie ustawionej na stałe.

— Carson

użyj firebuga, aby uzyskać dokładną klasę lub identyfikator, lub podaj mi swój adres URL

— Niraj Chauhan

2

Zmiana czegokolwiek w pliku poza kompozycją (na przykład post-thumbnail-template.php) byłaby złym pomysłem, ponieważ każda aktualizacja WordPress go nadpisze.

— Carson,

Co sprawia, że uważasz, że musisz usunąć atrybuty, aby robić to, co chcesz?

— t31os

25

Powiązane: Filtrować, aby usunąć atrybuty wymiarów obrazu?

Istnieje filtr, post_thumbnail_htmlktóry odbiera jako argument pełny element HTML reprezentujący obraz miniatury postu, zanim zostanie powtórzony na stronie. Możesz odfiltrować wymiary z odrobiną wyrażenia regularnego:

add_filter( 'post_thumbnail_html', 'remove_thumbnail_dimensions', 10, 3 );

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

— Złote Jabłka
źródło

Nie działa mi. add_filter („post_thumbnail_html”, „remove_thumbnail_dimensions”, 10, 3); funkcja remove_thumbnail_dimensions ($ html, $ post_id, $ post_image_id) {if (wp_is_mobile ()) {$ html = preg_replace ('/ (width | height) = \ "\ d * \" \ s /', "", $ html ); } return $ html; }

— dlopezgonzalez

Spowoduje to usunięcie szerokości / wysokości ze wszystkich przypadków the_post_thumbnail()użycia.

— Dario Zadro

5

możesz po prostu złapać adres URL kciuka i samodzielnie umieścić go w tagu img:

<?php
$thumbnail = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'your_thumb_handle' );
?>
<img src="<?php echo $thumbnail['0']; ?>" />

— Milo
źródło

1

To jedyne rozwiązanie, na jakie się natknąłem. Miałem tylko nadzieję, że istnieje sposób, aby to zrobić bez obejścia.

— Carson,

Ale musisz również zapytać o atrybuty alt i title

— MZAweb

0

add_filter( 'post_thumbnail_html', 'remove_thumbnail_dimensions', 10 );
add_filter( 'image_send_to_editor', 'remove_thumbnail_dimensions', 10 );
add_filter( 'the_content', 'remove_thumbnail_dimensions', 10 );
function remove_thumbnail_dimensions( $html ) {
    $html = preg_replace( '/(width|height)=\"\d*\"\s/', "", $html );
    return $html;
}

wykona to zadanie, „the_contnet” usunie całą szerokość i wysokość obrazu tekstu posta.

— Książę Yin
źródło

Proszę edytować swoje odpowiedzi i dodać wyjaśnienie: dlaczego to może rozwiązać problem?

— fuxia

0

Wolę to rozwiązanie poniżej, ponieważ nie dokonuję globalnego zastąpienia funkcją. Zostanie to włączone do plików motywu.

<?php echo preg_replace( '/(width|height)="\d*"/', '', get_the_post_thumbnail( get_the_ID(), 'large' ) ); ?>

Możesz zamienić „duże” na „miniatura”, „średnia”, „pełna” lub niestandardowy rozmiar obrazu zadeklarowany w motywie.

— Dario Zadro
źródło