愛知と兵庫の個別指導塾「さくら個別指導学院」のホームページです。ブログは毎日更新中です。

画像挿入テンプレート

  • HOME »
  • 画像挿入テンプレート

画像テスト フロートとSP用画像フィット

PCの画像サイズ調整に関しましては、ワードプレス標準の画像挿入機能からサイズを確認いただいて挿入してください。

フロートをかける場合のクラスは「ifl」が画像左で、「ifr」が画像右です。文面や画像をいれる各コンテナには、「class=”clearfix”」を追記いただければ、回り込みが次のコンテンツへ継承しません。

スマートフォンはデバイスの画面用には、標準で画像サイズはコンテンツ幅100%にフィットします。もしはみ出る画像が発生しましたら「class=”sp-img”」を付与してください。基本的には記述不要です。

画像右バージョンです。画像に対して「class=”ifr”」を付与した状態となります。
基本的にワードプレスからデフォルトで画像に付与させるクラスは削除していただくほうがよろしいかと思います。

サイズテスト

IMG_9733

テキストテキストテキストテキストテキストテキストテキストテキストテキスト

PCのみ表示、SPのみ表示

画像によってはPC、SPによってどちらかのコンテンツにのみ表示させるのが適切な場合があります。
PCのみに表示「class=”pc-item”」
IMG_9728

スマートフォンのみに表示「class=”sp-item”」
IMG_9728

を利用して頂けば、コンテンツに収納にストレスが減ります。

お問い合わせやお申込みはこちらから TEL 0587-37-5825 15:00~21:30(土日は除く)

PAGETOP
Copyright © さくら個別指導学院 All Rights Reserved.
Powered by WordPress & BizVektor Theme by Vektor,Inc. technology.