ハードコードされたサムネイル画像の寸法を削除するにはどうすればよいですか?


15

withを挿入するときにpost_thumbnailから幅と高さの属性を削除するにはどうすればよい<?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" />

thumbnail.phpファイルを探します。確かではありませんが、通常、そのファイルにはハードコーディングが含まれています
Niraj Chauhan

あなたが疑問に思っている場合、CSSで幅と高さを変更できるようにしたい-より具体的にはmax-widthを設定し、デフォルトではなくハードコーディングされたものに高さを設定させます。
カーソン

正確なクラスやIDを取得し、または私にあなたのURLを与えるために使用放火犯
Niraj Chauhan

2
テーマ以外のファイル(post-thumbnail-template.phpなど)を変更することは、WordPressの更新によって上書きされるため、お勧めできません。
カーソン

あなたが望むことをするために属性を削除する必要があると思うのは何ですか?
t31os

回答:


25

関連:画像寸法属性を削除するフィルター?

上のフィルターがあります post_thumbnail_htmlページにエコーされる前に投稿のサムネイル画像を表す完全なhtml要素を引数として受け取るます。少し正規表現を使用してディメンションを除外できます。

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;
}

私にはうまくいきません。add_filter( 'post_thumbnail_html'、 'remove_thumbnail_dimensions'、10、3); function remove_thumbnail_dimensions($ html、$ post_id、$ post_image_id){if(wp_is_mobile()){$ html = preg_replace( '/(width | height)= \ "\ d * \" \ s /'、 ""、$ html ); } $ htmlを返します。}
dlopezgonzalez 14

5

親指のURLを取得して、自分でimgタグに入れるだけです。

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

1
それは私が出会った唯一の解決策であり、回避策なしでそれを行う方法があることを望んでいました。
カーソン

ただし、alt属性と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;
}

これにより、「the_contnet」は投稿コンテンツのテキスト画像の幅と高さをすべて削除します。


回答を編集し、説明を追加してください:なぜそれが問題を解決できるのでしょうか?
FUXIA
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.