サイン バイノー! おっしーです。 今回はWordressにどうやってレスポンシブデザインを組み込むか?に焦点を絞ってみました。 まず「レスポンシブデザイン」について。 弊社のデザイナーの記事を読んでいただくと、すごくわかりやすいと思います。 必読!5分でわかる流行のレスポンシブWebデザインまとめ 必読!5分でわかる流行のレスポンシブWebデザインまとめ その2!! 必読!5分でわかる流行のレスポンシブWebデザインまとめ 制作編 で、今回は画像のサイズに対応するにはどうするか?と言う事ですね。 WordPressでは便利な関数『the_post_thumbnail』がございます。 ドキュメントを確認して頂けると… 「トリミング」処理なので画像が切り抜かれてます。 /* functionで定義する */ add_image_size( 'category-thumb', 300, 300
![WordPressでレスポンシブを構築する際の画像サイズ対応例 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作](https://cdn-ak-scissors.b.st-hatena.com/image/square/60fd606941a49237a305bc5f8e5204ac407a73f9/height=288;version=1;width=512/https%3A%2F%2Fliginc.co.jp%2Fwp-content%2Fuploads%2F2014%2F02%2Feyecatch8.jpg)