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

技術メモ, WordPress, プラグイン

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

ブログやサイトにギャラリー風の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でも情報交換し合えたら嬉しいです。

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

 

 

 

 

 

 

当サイトはPWYW(Pay what you want)方式を採用しています。
この記事が参考になったり、サイト全体をご評価いただいた場合にお支払い頂ければ幸いです。
金額は自由に決められます。 PayPalで支払い
WP制作ならRU DESIGN

お気軽にお問い合わせください!

WordPressのカスタマイズや修正、オリジナルテーマの作成などリーズナブルな価格でご提供します。 お気軽にご相談下さい。 お問い合わせはこちら

関連記事

Twitterのシェアリンクのテキストにハッシュタグやスペースを追加、ついでにWordPressで使用方法
Twitterのシェアリンクのテキストにハッシュタグやスペースを追加、ついでにWordPressで使用方法
2021/08/28
Twitterのシェアリンクにハッシュタグやスペースを追加する方法です。   基本的なシェアリンクのURL https://twitter.com/s...
Yoast SEOのディクリプションで使用できるタグ一覧
Yoast SEOのディクリプションで使用できるタグ一覧
2021/08/14
ワードプレスでサイト制作時に、有名なプラグイン「All in One SEO Pack」を使用していましたが、ここ数年は「Yoast SEO」がお気に入り。プラ...
文字詰めで美しく!CSS – font-feature-settings
文字詰めで美しく!CSS – font-feature-settings
2021/08/12
font-feature-settingsは、OpenTypeフォントの文字詰めを行う機能があります。 等幅で表示されるOpenTypeフォントを自動カーニング...
WordPress ECサイトプラグイン Welcartのv2.3.0公開
WordPress ECサイトプラグイン Welcartのv2.3.0公開
2021/08/11
WordPressにECサイトを構築する、プラグイン「Welcart」のv2.3.0が公開されました。 v2.3.0の主な修正・追加内容 2021年8月11日現...
Bootstrap 5 Alpha 2リリース
Bootstrap 5 Alpha 2リリース
2020/10/12
2020年9月29日にHTML/CSS/JSフレームワークBootstrapの最新アルファ版「Bootstrap 5 Alpha 2」がリリースされました。 ア...