【Twenty Seventeen】記事幅一杯に画像を表示させたい

wp-admin/options-media.php

などで、アップロードされる画像のサイズを変更可能です。

ただし、既にアップロードされた画像には適用されないので、Regenerate Thumbnails などのプラグインで再生成し、記事の画像を変更する必要があるかと思います。

試してみたところ、幅640ピクセルの画像が表示されました。

1. 新規にインストールした WordPress 4.9.5 でテーマ Twenty Seventeen を選択。
2. 外観 > カスタマイズ> 追加CSS に @yoshiyuki_h さんのコードを記述。
3. 新規投稿を作成し、メディアを追加 をクリック。
4. 幅1920のjpegファイルをアップロード。
5. フルサイズを指定して投稿へ貼り付け。
6. 投稿を 公開 で保存してから、個別投稿ページで投稿を表示(管理画面ではなく).

さらに、追加CSS を消してから、上記で作成した投稿をもう一度表示すると、幅525ピクセルになりました（フルサイズなので当然だと思いますが）。

@ishitaka さん

アップロード時の「フルサイズ」の選択や、アップロード後に「カスタムサイズ」で 640px 幅にしても効果がありません。

効果がありません、という点を検証してみたのですけれど、関係なかったんですね。失礼しました。

こんにちは、

カスタマイザ / 追加CSS

img{
 width:100%;
 height:auto;
}

では、だめなんですか？

• この返信は6年、 5ヶ月前にnobitaが編集しました。

引き続き、

子テーマで $content_width を変更するには、下記のように記述しないと更新できないようです。

これについては、Twentyseventeen テーマが、twentyseventeen_setup()内で、変数を定義しているため、フィルターなどで変数を上書きする場合は、多分　global $content_width;をフィルタ関数に記述すると、動作すると思います。

add_action( 'after_setup_theme', 'my_twentyseventeen_setup',11);

function my_twentyseventeen_setup(){
	global $content_width;
	
	$GLOBALS['content_width'] = 640;		
}

しかし、この変更は、サーバサイドで、投稿に画像を挿入する場合の画像サイズとしてwidth属性に適用されるため、既に挿入済みの画像に対して、サイズを変更するといった事は出来ません。

なので、クライアントサイドのCSSで処理するのが簡単ではないかと思い、CSSでサイズを指定するといいのではないかと思い、書き込みました。

小さな画像サイズのものが、大きなサイズで表示されるといった懸念があるのかもしれませんが、投稿から、挿入される画像は、レスポンシブ画像なので、ベースサイズは768px位です。なので、たぶん行けると考えています。

@yoshiyuki_h　さんのサイトの場合、aligncenterクラスを使っているようなので、より細かく書くと

img.aligncenter{
width:希望の幅、
height:auto;
max-width:100%;
}

と指定する事で、コンテンツ幅いっぱいに表示することが出来るだろうという趣旨でしたが、

テストしてみましたでしょうか？

@ishitaka さん

ご指摘ありがとうございます。間違いでした。

global $content_width は不要ですね

• この返信は6年、 5ヶ月前にnobitaが編集しました。