画像テスト フロートとSP用画像フィット
PCの画像サイズ調整に関しましては、ワードプレス標準の画像挿入機能からサイズを確認いただいて挿入してください。
フロートをかける場合のクラスは「ifl」が画像左で、「ifr」が画像右です。文面や画像をいれる各コンテナには、「class=”clearfix”」を追記いただければ、回り込みが次のコンテンツへ継承しません。
スマートフォンはデバイスの画面用には、標準で画像サイズはコンテンツ幅100%にフィットします。もしはみ出る画像が発生しましたら「class=”sp-img”」を付与してください。基本的には記述不要です。
画像右バージョンです。画像に対して「class=”ifr”」を付与した状態となります。
基本的にワードプレスからデフォルトで画像に付与させるクラスは削除していただくほうがよろしいかと思います。
サイズテスト
テキストテキストテキストテキストテキストテキストテキストテキストテキスト
PCのみ表示、SPのみ表示
画像によってはPC、SPによってどちらかのコンテンツにのみ表示させるのが適切な場合があります。
PCのみに表示「class=”pc-item”」
スマートフォンのみに表示「class=”sp-item”」
を利用して頂けば、コンテンツに収納にストレスが減ります。
