このサンプルの補足

本サンプルのようにするには事前に以下のプラグインを有効化及びサムネイル画像の設定が必要です※アイキャッチ画像は「Featured Video Plus」使用を想定したデザインデータです。

サンプルサイトについての補足

YouTubeスライドショー

記事トップのアイキャッチ画像をYouTube動画に変えるには「Featured Video Plus」を使用しています。

プラグイン設定例

トップページのYouTubeスライドショーは同じく「Featured Video Plus」で設定したアイキャッチ動画(YouTube)「ヘッダー画像エリアウィジェット」にカテゴリ一覧スライドショーで表示しています。

また、<div class="youtube-slider">で囲むことで専用CSSを適応してデザイン崩れを防いでいます。

ヘッダー下の全画面背景

ヘッダー全体の背景画像に関する紹介はコチラ

YouTuberスライドショー下のカードリンク

ヘッダーのカードリンク説明はコチラ

専用CSSについて

デザイン固有のCSSはカスタマイザーの「追加CSS」に記載されていますので適宜修正してください。

表示速度について

YouTube動画を大量に張るとサイトの読み込み速度が低下します。

「キャッシュ系プラグイン」や「LasyLoadSEO(遅延読込プラグイン)」等と併用することで軽減できる場合があります。

※紹介している他社製プラグインはバージョンや使用方法、環境などにより正常に動作しない可能性もございます

人気動画

Featured Video Play Icon
1

これはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストですこれはダミーのテキストです これはh2タグの見出しです これはダミーのテキストですこれはダミーのテキストですこれはダミーの ...

Featured Video Play Icon
2

Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

Featured Video Play Icon
3

見出し 見出し壱 見出し弐 見出し参 見出し四 見出し五 見出し六 引用 (Blockquote) テスト 一行の引用。 ハングリーであれ、愚かであれ。 cite 参照を含む複数行の引用。 これは言語 ...

投稿日:

Copyright© YouTuber2 , 2018 All Rights Reserved Powered by AFFINGER5.