Menu
テーマ切り替え
ほのぼの情報サイト
ほのぼのゲーム情報GAME PON-POO
無料画像素材

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

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

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

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

プラグインの入手

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

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

https://ja.wordpress.org/plugins/yotuwp-easy-youtube-embed/

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" ]

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

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

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

https://game.pon-poo.com/youtube-ch

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

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

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

RU DESIGN
AUTHOR

RU DESIGN

個人でWeb制作をしています。一般からナイト系まで幅広く対応し、実践的なノウハウや自作ツールをこのブログで公開中。制作のご相談もお気軽にどうぞ。

この記事をシェア: