働く若者
働く若者
働く若者
ロゴ画像

画像の出し分け

スライド、カルーセルのHTMLソースを以下のように記述して画面幅によって画像を出し分けている。
どの画像を使うかはブラウザが判断する。

<img 
  srcset="https://lightning-g3.hp1.work/wp-content/uploads/2021/04/2ss.jpg 400w,
          https://lightning-g3.hp1.work/wp-content/uploads/2021/04/2s.jpg 640w,
          https://lightning-g3.hp1.work/wp-content/uploads/2021/04/2.jpg 1280w"
  src="https://lightning-g3.hp1.work/wp-content/uploads/2021/04/2ss.jpg" alt="働く若者">

新着情報

VK Blocks Pro
VK Blocks Pro 1.6.0 の新機能 – グリッドカラムアイテムの下余白設定New!!
VK Blocks Pro
VK Blocks Pro 1.5.0 で蛍光マーカーの UI が改善されました
Lightning G3
サブメニューのフォントサイズを大きめにする
VK Blocks Pro
目次の表記を英語にしてみた
VK Blocks Pro
アコーディオンブロック活用のすすめ
Lightning G3
H3 / H4 見出しのテスト

カルーセル

働く若者
働く若者
働く若者
働く若者
働く若者
働く若者