1. TOP
  2. 技術メモ
  3. ブログにYouTubeのギャラリーを簡単に表示!YotuWP

ブログにYouTubeのギャラリーを簡単に表示!YotuWP

ブログにYouTubeのギャラリーを簡単に表示!YotuWP

この記事は【2021年9月12日】が最後の更新のため、記事の内容が古い可能性があります。

ブログやサイトにギャラリー風のYoutubeページを追加するのに適しているプラグイン「YotuWP」

YouTubeの動画は埋め込みでページに表示させる事ができますが、このプラグインを使うことで、自身のYouTubeチャンネルを開設している方は動画を公開するだけで、サイトやブログにも一覧表示させたりするなど便利なプラグインです。CSSなど苦手な方でもギャラリー風の綺麗なページ作成が可能です。デザインも、そこそこ簡単にカスタマイズできるのでお勧めですよ!

 

プラグインの入手

WPのプラグイン検索で「YotuWP」と入力すればすぐ出てくるので、インストールし有効化してください。

また、下記サイトからもDLできます。

Video Gallery – YouTube Playlist, Channel Gallery by YotuWP

 

APIの取得・設定

Google Cloud PlatformからAPIを取得します。

 

https://console.developers.google.com

 

上記アクセス後、ライブラリーを選択。

少し下へスクロールしたところに「YouTube Data API v3」があるので、こちらを有効化してください。

 

簡単な説明になりますが、認証情報でAPI Keyを生成します。
赤い枠に表示されているAPI Keyをコピーします。

 

YotuWPの設定

YotuWPをインストールし有効化すると管理画面のメニューに「YotuWP」が追加されます。
General Settingへ進み、先ほどコピーしたAPI Keyを貼り付けて保存してください。

これで準備は整いました。

今回は省きますが、ここから表示する際のレイアウトなど設定していきます。

 

投稿や固定ページに表示

YotuWPのメニューShortcode Generateか、下記のようにエディタにも表示されるボタンからショートコードを作成します。

 

例は、表示させたいチャンネルIDを記載したショートコード になります。

[yotuwp type=”channel” id=”UC3u2a2LjGn_YDVsRgSe14Uw” ]

 

こちらを投稿や固定ページに貼り付けることによって、このように表示されます。

 

 

新しい動画を順番に表示していますが、いろいろなやり方があるので、試行錯誤しながら試してみましょう。

実際に稼働しているサイトはこちらです。

 

YouTube動画チャンネル「げーむぽんぷーちゃん」

 

趣味的な形でゲーム情報のサイトを作りました。
ゲーム画像をそのまま使用するのは問題があったので、シェアする形で紹介しようと思いチャンネルを開設しました。
収益は正直考えてないですが、さすがにチャンネル登録が少ないと寂しいので・・・笑
登録やコメント頂けるとありがたいです。

 

YouTubeでも情報交換し合えたら嬉しいです。

それと、ゲーム情報サイトもよろしくお願い致します♪

 

 

 

 

 

 

PR

ニッチなテーマのイラスト素材を投稿中!ぜひご利用ください。

ナマケモノなど可愛いイラストをイラストACで無料配布中!

オリジナル絵本をKindleで出版!

ナマケモノのふにゃまるちゃんを読む

困ったときは格安で依頼!RU DESIGNも出品中

格安レンタルサーバーでサイト運営を始めよう

ドメイン取得は一括管理が便利!

応援・支援よろしくお願いします!サイト運営に活用させていただきます。

Braveクリエイターサポート
ホームページ制作ならRU DESIGN

関連記事

【WordPress初心者さん必見!】「これ、どうすればいいの?」検索しても意外と見つからない疑問を解決!
2025/04/19
WordPressでのサイト運営、始めてみましたか?✨ 最初は設定や記事の書き方など、覚えることがたくさんで大変ですよね!基本的な操作は色々なサイトで解説されて...
WordPressで「Missing a temporary folder」エラーを解決!ファイルがアップロードできない時の簡単な対処法
2025/04/19
WordPressで画像やプラグインをアップロードしようとしたら、「Missing a temporary folder」というエラーが出て、うまくアップロード...
WPFormsで「JavaScriptの問題を検出しました」メッセージが表示された時の原因と対処法
2025/04/19
WordPressサイトで人気の高いお問い合わせフォームプラグインの一つであるWPFormsを利用していると、サイトの管理画面や、実際にフォームが表示されている...
WordPressサイトの処理が止まる?「Maximum execution time exceeded」エラーの原因と対策
2025/04/18
WordPressサイトを運営していると、時々「Fatal error: Maximum execution time of XX seconds exceed...
WordPressで遭遇しやすい「原因が分かりにくい」エラーと解決策
2025/04/18
WordPressでウェブサイトを運用していると、予期しないエラーメッセージに遭遇することがあります。有名なエラー(例えば、白い画面だけが表示される「真っ白画面...