本サンプルのようにするには事前に以下のプラグインを有効化及びサムネイル画像の設定が必要です※アイキャッチ画像は「Featured Video Plus」使用を想定したデザインデータです。
サンプルサイトについての補足
YouTubeスライドショー
記事トップのアイキャッチ画像をYouTube動画に変えるには「Featured Video Plus」を使用しています。
トップページのYouTubeスライドショーは同じく「Featured Video Plus」で設定したアイキャッチ動画(YouTube)「ヘッダー画像エリアウィジェット」にカテゴリ一覧スライドショーで表示しています。
また、<div class="youtube-slider">
で囲むことで専用CSSを適応してデザイン崩れを防いでいます。
ヘッダー下の全画面背景
YouTuberスライドショー下のカードリンク
専用CSSについて
デザイン固有のCSSはカスタマイザーの「追加CSS」に記載されていますので適宜修正してください。
表示速度について
YouTube動画を大量に張るとサイトの読み込み速度が低下します。
「キャッシュ系プラグイン」や「LasyLoadSEO(遅延読込プラグイン)」等と併用することで軽減できる場合があります。
※紹介している他社製プラグインはバージョンや使用方法、環境などにより正常に動作しない可能性もございます