2023.7.31 追記

Swiper のアップデート によりこのページのスライダーが正常動作しなくなっていますが、このページは2年以上前に行った検証の記録なので、スライダー動作の修正等を行っていません。

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

画像の出し分け

スライド、カルーセルの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 投稿リストでカスタム分類のタームを親→子の順に表示した例
ExUnit
カスタマイズ
VK 最近の投稿ウィジェットでクエリを改変するフィルターフック
ExUnit
個々の記事ごとに Google 広告の表示・非表示を切り替えるカスタマイズ事例
Lightning G3
グローバルナビのロゴ画像を中央に配置したカスタマイズ例
WordPress
カスタマイズ
アーカイブページのカスタマイズ例いくつか (賃貸物件など)

カルーセル

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