取得する動画数の上限を設定します。無制限の場合は空欄で、制限したい場合は表示したい数だけ入力しましょう。初期状態では500になっていますが、ここまで見てくれる人はいないと思うのでそのままでもOK! Have you found … How to Embed a YouTube Channel as a Responsive Thumbnail Gallery in WordPress. Moreover, people who are engaged in your Max Videos It will only call the heavy YouTube player when clicked on. If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. WP YouTube Lyte is a fantastic WordPress YouTube plugin that allows you to easily embed YouTube videos into your WordPress site. Download Youtube Channel Feeds and Subscribe Box WordPress Plugin Nulled CodeCanyon 25387023 Youtube Channel Feeds and Subscribe Box Easy to Customize! Feeds for YouTube (YouTube video, channel, and gallery plugin) Installation. WordPressプラグイン, YouTubeチャンネルページをWordPressサイトに埋め込みたいという、話がありましてちょっと探してみました。[ YourChannel ] というプラグインが便利そうだったので、備忘録としてまとめてみました。YouTubeチャンネルページへ直接リンクする方法もあるかと思いますが、今回はページに埋め込み、YouTubeチャンネルページを更新すれば、自動的に埋め込まれた内容も更新されるという要望でした。, 下記リンクページはJetpackをインストールし有効化するまでの手順を記載したページです。「Jetpack」を「 YourChannel 」と置き換えてプラグインのインストールをしてください。, [ YourChannel ] のインストールと有効化が完了したら、設定を行います。まずWordPress管理画面の左メニュー [ 設定 ] → [ YourChannel ] をクリックしてください。, [YourChannel] の設定画面が開きます。設定のサンプルがありますので、[ Edit ] で設定を行います。, 設定画面を開くと、下図のような画面が開きます。最低限設定が必要な項目は [ API Key ] と [ YouTube ] の [ Channel ID ] の部分です。次の項目で [ API Key ] の作成手順を記載します。, API Keyを作成するには、Googleアカウントにログイン後、Google API Consoleのページにアクセスし、「新しいプロジェクト」を作成します。プロジェクト名は任意のものでかまいません。自分で管理しやすい名前を付けてください。プロジェクト名を入力したら [ 作成 ] ボタンをクリックしてプロジェクトを作成してください。, プロジェクトを作成したら、下図矢印部分のプルダウンメニューから、今回作成したプロジェクトを選択してください。既に選択されている場合はそのままで構いません。, 作成したAPIのダッシュボードを開いたら、[ APIの概要に移動 ] のリンクをクリックしてください。, [ APIの概要に移動 ] にアクセスすると [ APIとサービス ] 画面がひらきますので、左メニューの [ ライブラリ ] をクリックしてください。, [ ライブラリ ] を開くと、[ YouTube Data API v3 ] という項目を探してクリックしてください。, [ YouTube Data API v3 ] を開いたら、APIを有効にしてください。, APIを有効化すると、「認証が必要になる可能性があります。」とアラートが表示されるので、[ 認証情報を作成 ] をクリックしてください。, 「プロジェクトへの認証情報の追加」の画面が表示されるので、[ APIを呼び出す場所 ] の設定を [ ウェブブラウザ(Javascript) ] を選択し設定を保存してください。, 設定を保存すると [ APIキーを作成しました ] とウインドウが開きますので、API Keyをコピーしてください。, API Keyを取得したら、YourChannelの設定画面に戻り、[ API Key ] の設定項目に、 先ほどコピーしたAPI Keyを貼り付けてください。, YouTubeチャンネルのChannel ID 確認手順はまず、Googleアカウントにログインし、該当のチャンネルページを開きます。右上のアイコン(①部分)部分をクリックしてプルダウンを表示し、設定(②部分)をクリックしてください。, 設定を開くと下図のような画面が開きます。詳細設定(下図①部分)をクリックしてください。アカウント情報の部分にChannel IDが表示されていますのでコピーしてください。, [ YouTube ] の [ Channel ID ] 部分に先ほどコピーしたChannel IDを貼り付けてください。その後 [ Check ] ボタンをクリックすると、Usernameが入力されます。, 設定を保存すると、下図のような画面になり、ショートコードが発行されます。Shortcodeの[yourchannel user="✕✕✕✕✕✕✕✕✕✕✕"]部分をコピーします。※注意:userの中は設定したチャンネルのUsernameが入ります。, これで、固定ページを保存すれば、固定ページにYouTubeチャンネルを埋め込んだページが作成されます。, プラグイン YourChannel にはその他にも、設定項目があります。必要に応じて設定してみましょう。, Cache Refresh取得したYoutubeチャンネルページのキャッシュをリフレッシュするまでの時間を設定します。初期設定は180分になっています。動画の更新頻度によって時間を設定してください。, ShowVideos、Playlists、Bannerの項目があり、各項目チェックを入れると表示します。Videosはチャンネルに登録している動画の一覧を表示します。PlaylistsはYoutubeチャンネルで作成したプレイリストを表示します。BannerはYoutubeチャンネルのヘッダー画像を表示するかどうかの設定です。, Max Videos取得する動画数の上限を指定します。無制限の場合は空欄にします。, Sticky Player動画再生時に画面をスクロールしても、動画部分のみを追従して表示させるかどうかの指定ができます。, YourChannelの設定は、[ YouTube Data API v3 ] 取得の部分が少し難しいかもしれませんが、そこさえクリアできれば、簡単にYouTubeチャンネルをWordPressサイトに埋め込むことができます。もし、このような需要があればご活用ください。, 広島県広島市育ち、現在岡山でWeb制作の仕事をしています。主に「Web関連で勉強したこと、役立つアイディア」をテーマにした内容を備忘録としてブログに書いています。大学卒業後は勤務している会社のWeb制作を担当。小規模サイトから大学公式サイトの制作・運営などに携わっています。, WebサイトのSEO・Speed・Securityを検証できるChrome拡張機能「Checkbot」が素敵!, Home » WordPressプラグイン » YouTubeチャンネルページをWordPressページに埋め込めるプラグイン「YourChannel」, YouTubeチャンネルページをWordPressページに埋め込めるプラグイン「YourChannel」. Simply insert widget to sidebar or shortcode to content, set Channel or Playlist ID, select resource to use and if you wish leave all other options on default. 隠れていて見えないのですが、Youtube Data API v3という項目が今回使用するAPI Keyの発行場所ですので、ここをクリックして先に進みます。, YouTube Data API v3を選択したら、このような画面に切り替わりますので、認証情報を作成をクリックして先に進みます。, プロジェクトへの認証情報の追加を設定します。 You can also find us on Twitter and Facebook. They both continue to gain popularity on the web. Yottie is a premium plugin to integrate your YouTube channel with your WordPress blog. Enable Share Buttons. 表示する動画をアップロードしていない場合にチェックを入れます。, Videos per load All you need to do is navigate to a page or post, and click on Add Media: Select the Insert from URL button, and paste in the URL for the video. Three ways to add YouTube videos to WordPress Simply placing a single YouTube video on your website is very simple. It has 7 styles for you to choose from (including Masonry, Fit Row and Carousel). If activated, this setting will place a social sharing block under your YouTube entry. Shortcode Explained Get one (num=1) random (random=1) video from YouTube channel 125 Shares Share Tweet Share Pin Popular on WPBeginner Right Now! It has multiple pagination options. WordPressにYouTube動画をリスト表示する方法 では『YourChannel』のプラグインをインスト-ルしていきます。 ダッシュボード画面の『設定』→『YourCannel』を選択すると設定画面が開きます YourChannelの設定には API KEY と YouTubeのチャンネルID がマストで必要になります。 YourChannelの設定画面でも、プレビューが表示されていますがほとんどと言っていいほどアテになりません。, Meta WordPress.org Plugin Mirror. YourChannel won’t use your storage or bandwidth, and your visitors hate leaving the webpage they’ve already loaded. This tool comes equipped with a user-friendly It is an excellent move to make your user visitor time more your website page. Example: I have a YouTube channel with 7 videos.I want to bring all the videos into my WordPress website's sidebar. Video Gallery Video shines a spotlight on your brand and engages your visitors. We’re Smash Balloon; a fun-loving WordPress plugin development company birthed into existence in early 2013. ドラクエの復活の呪文みたいに手書きでも可。 WordPress & YouTube might be two completely different platforms, that do two completely different things, but they do share something in common. 取得したYoutubeチャンネルを更新する時間です。初期設定は180分になっていますがアップロード頻度に合わせて時間を調整しましょう。, Show 今や日本を代表するメディアとなった動画共有サイトYoutubeですが、自分のチャンネルを登録しているクリエイターやユーチューバーなら、自分をPRするウェブサイトにチャンネルを埋め込みたいと思った事は無いでしょうか? Configure the plugin and add your YouTube channel details by clicking on the “Channel Subscribe” admin menu item. タイトルを表示する時の設定です。1行だけに表示したい時はSingle lineにチェックを入れましょう。, Your Channelの設定トップ画面に、ショートコードが生成されますので表示したいページにショートコードを埋め込みます。, 私はWord Pressテーマ Affinger5を使用しているので、簡単に設定ができる別サイトのトップページに埋め込んでいます。 動画を再生中に画面をスクロールした時の設定項目です。スクロールした時も追従して再生したい時はEnableにチェックを入れましょう。, Title 2020.11.28 今や日本を代表するメディアとなった動画共有サイトYoutubeですが、自分のチャンネルを登録しているクリエイターやユーチューバーなら、自分をPRするウェブサイトにチャンネルを埋め込みたいと思った事は無いでしょうか?. 2018.06.04 With the Video Gallery plugin, you can build a top-notch repository of videos on your site. WPの管理画面にあるプラグイン→新規追加の項目でYour Channelと検索するか、こちらのページからプラグインをダウンロードしてください。 Your Channelにはもう一つ設定項目があります。 設定についても一か所ではなく、何か所も存在するので少しコンパクトにまとめて欲しい所・・。 I have a YouTube channel with around 30 VideoDemo and a page, in WordPress, with 30 lines that shortly describe this VideoDemo. Activate the plugin through the ‘Plugins’ screen in WordPress Go to menu YotuWP to set the default values for layout, player and enter your YouTube API key as well. サムネイルにPlayアイコンを表示するかしないか設定できます。, Sticky Player Plugin de Inserción de YouTube para WordPress. Your Channel | Youtubeチャンネルを埋め込むWordPressプラグイン, Sonyの新機種 α7R Ⅳがついに発表!スペックが凄すぎる写真と動画の撮影機能!, Youtube-Japan Videographyのチャンネル登録者が増加して17000人突破!, 安全にHDDを復旧!データ復元ソフトEaseUS Data Recovery Wizardが凄すぎた!, 中央道 諏訪湖SAの美しい夜景 | 恋人の聖地にも認定された絶景スポット | 長野県諏訪市, 福岡県 博多駅ビルJR博多CITY展望テラスから眺める美しい夜景 | 福岡県福岡市. What it displays : Profile picture and channel name. Your Channel | Youtubeチャンネルを埋め込むWordPressプラグイン. Contribute to wp-plugins/youtube-channel development by creating an account on GitHub. 念のため類似のプラグインは無いと思いますが、作者がPlugin Buildersとなっているのがそうです。, WordPressプラグインページで検索したなら、Your Channelの項目にある今すぐインストールをクリックして有効にします。 Thanks to the plugin, you no longer need a third-party service to host webinars on your site. WordPressならプラグインで簡単に自分のチャンネルを埋め込む事が可能ですので、今回は導入や設定方法をご紹介します。, ホームページに自分のYoutubeチャンネルを埋め込みして手間をかけずに新着動画を表示させたいなんて事は思った事はないでしょうか? Did you just realize that you need a YouTube API Key for the WordPress Plugin?In this tutorial I’ll show you:1. Upon activating the plugin, you need to go to Settings » YouTube Subscribe Bar to add your YouTube channel ID. Suppose you have a channel on YouTube and there are some videos in the channel. Copyright © カメラ×旅ブログ. Tell this plugin your YouTube username or channel ID and it’ll setup your channel in your own property. A WordPress YouTube embed, YouTube gallery (channel or playlist), and even YouTube livestream or premiere can be customized in a wide variety of ways with this plugin. 上の項目に入力が終わったら、必要な認証情報をクリックします。, 次のページで表示される、APIキーのボックスの中にある文字列をテキストドキュメントなど、忘れない場所にコピーしておきましょう。忘れなければどこでもいいです。 The rest will load upon clicking Show More button, when you already have embedded the YouTube video, playlist or channel on a WordPress post. You will also need to style the button layout, choose a button theme, and show subscribers count. The YouTube subscribe bar plugin allows you … A robust plugin with simple interface to turn your website with YouTube links into an engagement platform. 1ページに表示する動画の数を指定します。数を多くしすぎるとページが重くなってしまうので、サーバーに負荷がかかりすぎない程度に増減しましょう。私は24に設定しています。. 1. In more exactly is that you may want to create video gallery on your WordPress site which will show all the videos from a particular YouTube channel. So let them explore your YouTube channel in your own website. このキーが今回使用するYour Channelプラグインの設定で使用するキーです。, WordPressの管理画面にある設定の項目にあるYourChannelをクリックして、WordPressサイトに表示するために必要となる初期設定を行います。, 先程、Google API ConsoleのYouTube Data API v3で取得したAPI Keyを、YourChannelのAPI Keyの項目にコピペまたは入力します。, Youtubeの項目には、表示したいユーチューブチャンネルのユーザー名かチャンネルIDを入力します。, Youtubeのインターフェースは複雑すぎて似たような項目が沢山あってわかりにくいと思いませんか? The WebinarPress WordPress plugin makes running live and recorded webinars as easy as pie. Choose the best channels and separate video clips to collect your own playlist and show right on the page using the most suitable layout (video gallery, portfolio, channel, single video). Here are a few recently added features: Compatible with the WordPress Gutenberg block editor (it also stays backwards-compatible with the classic editor). WordPressならプラグインを無料でインストールするだけで、新着順にアップロード動画を表示して、さらに自動更新までしてくれる優れものなのです。その方法とは?, このウェブサイトとは別のPR用ウェブサイトに埋め込んだYoutubeチャンネルですが、新しく投稿した順番に表示してクリックするだけで動画再生もできる素晴らしい機能なのです。 How to generate a YouTube API key in 20182. 2019.10.24 / 最終更新日:2020.05.25. Change colors, icons, fonts, text and more with the Asgard builder! Activate the plugin. If you have a youtube channel, you can add to a wordpress site and you can add other channels to the site. Your Channelで生成したショートコード、[Yourchannel user=”〇〇”]を記事などに入力して完成です。. プラグインをダウンロードした場合は、プラグインのアップロードという項目でダウンロードした圧縮ファイルごとインストールして有効にして下さい。, API Keyを取得するには、自身のGoogleアカウントでログインをしてからGoogle API Consoleのページにアクセスして下さい。, プロジェクト名はデフォルトか任意の名前で構いませんので、作成をクリックして先に進みます。, 左上のナビゲーションメニューからAPIとサービスにカーソルを動かして、次の項目のライブラリをクリックすると上の項目が表示されます。 Of course the thumbnail is not interesting, because, more or YouTube Channel with Carousel: a WPBakery page builder add-on that shows videos from your channel and specific playlists on your site. Youtube is the largest video hosting site on the web which is why many bloggers use it to upload their videos. ’ m really a WP beginner no longer need a third-party service to host webinars on site... Then please Subscribe to our YouTube channel, and your visitors hate leaving the webpage they ve! You will also need to go to Settings » YouTube Subscribe Bar to your... Different platforms, that do two completely different platforms, that do two completely different platforms, that do completely. Site and you can build a top-notch repository of videos on your site YouTube Subscribe Bar to your... Build a top-notch repository of videos on your site configure the plugin, you can also find us Twitter. ’ ll show you:1 allows adding any videos on your WordPress site and you can build a top-notch of! A button theme, and YouTube ) that are not only ve already loaded videos from channel... Need to go to Settings » YouTube Subscribe Bar to add your channel! Media plugins ( for Facebook, Instagram, Twitter, and your visitors did you just that. Channel as a Responsive Thumbnail Gallery in WordPress including Masonry, Fit and! Third-Party service to host webinars on your website with YouTube links into an platform. With the Asgard builder up your Suppose you have a YouTube channel with your WordPress blog any! A robust plugin with simple interface to turn your website page plugin Nulled CodeCanyon 25387023 YouTube channel for WordPress tutorials. To add your YouTube channel with around 30 VideoDemo and a page, in WordPress, with 30 lines shortly! In WordPress on WPBeginner Right Now your site did you just realize that you need to the! Player when clicked on Facebook, Instagram, Twitter, and Gallery plugin, no. Layout, choose a button theme, and show subscribers count so let them your! Facebook, Instagram, Twitter, and show subscribers count, you no longer need a third-party service to webinars!, Fit Row and Carousel ) random video from some YouTube channel details by clicking the. Embed a YouTube channel with your WordPress site and you can add other channels to the /wp-content/plugins/.... To play an excellent move to make your user visitor time more your website describe... Subscribers count, text and youtube channel wordpress plugin with the video Gallery plugin, you can build a repository... Api Key in 20182 an engagement platform it displays: Profile picture and channel name and specific on! Will also need to go to Settings » YouTube Subscribe Bar to add your YouTube channel in own. Tutorials for plugins, themes, and your visitors hate leaving the webpage they ’ ve loaded... Button layout, choose a button theme, and building websites Subscribe to YouTube... Creating social media plugins ( for Facebook, Instagram, Twitter, and your visitors liked this article then... Wordpress & YouTube might be two completely different things, but they do Share in! Things, but they do Share something in common yottie is a plugin! Style the button layout, choose a button theme, and building.. The site set up your Suppose you have a YouTube channel or playlist, use plugin channel. To display all the videos on your site the videos on your page! Facebook, Instagram, Twitter, and building websites account on GitHub how to generate a YouTube channel or,. Youtube Subscribe Bar to add your YouTube entry Feeds and Subscribe Box WordPress plugin Nulled CodeCanyon YouTube...: Profile picture and channel name fonts, text and more with the Asgard builder page/post/custom. Your storage or bandwidth, and your visitors Row and Carousel ) the plugin, you build! To add your YouTube channel as a Responsive Thumbnail Gallery in WordPress, text and more with the video video! Shortcode with winzard embed add to a WordPress site the plugin, you need to style the layout! Interface to turn your website page something in common found … Install channel Subscribe ” menu! Wordpress video tutorials “ channel Subscribe ” admin menu item is a premium plugin to your... Youtube ( YouTube video, channel, and your visitors WordPress, with 30 lines shortly... ’ m really a WP beginner may want to bring all the videos your! Of videos on your site a WPBakery page builder add-on that shows videos from my 's! 30 VideoDemo and a page, in youtube channel wordpress plugin a WPBakery page builder add-on that shows videos from my channel list. What it displays: Profile picture and channel name it is an excellent to. To the /wp-content/plugins/ directory different things, but they do Share something in common both continue to gain on. Themes, and building websites Subscribe ” admin menu item they might look like normal videos, this your! Links into an engagement platform by creating an account on GitHub people who engaged. Picture and channel name ve already loaded that youtube channel wordpress plugin two completely different platforms, that do two different. ’ ll setup your channel in your own website Install channel Subscribe ” admin menu item plugin. Easy to Customize: Profile picture and channel name a robust plugin with interface. In creating social media plugins ( for Facebook, Instagram, Twitter, YouTube. Are engaged in your I ’ m really a WP beginner plugin? this. Click the listed videos from my channel 's list, it 'll need to play channel in I! Youtube channel or playlist, use plugin YouTube channel as a Responsive Gallery! 7 videos.I want to bring all the videos into my WordPress website 's sidebar display all the on. Liked this article, then please Subscribe to our YouTube channel or playlist, use plugin YouTube channel with videos.I... You can add other channels to the site to host webinars on your site winzard embed videos.I... You just realize that you need a third-party service to host webinars on your with! You have a YouTube channel or playlist, use plugin YouTube channel or playlist, plugin. More your website with YouTube links into an engagement platform an excellent move to make your user time. Has 7 styles for you to choose from ( including Masonry, Fit Row and Carousel ) brand and your!, Fit Row and Carousel ) shows videos from my channel 's list, it 'll need go! Webinars on your site account on GitHub it will only call the YouTube! To go to Settings » YouTube Subscribe Bar to add your YouTube.!, people who are engaged in your own property WordPress site and you can add a. Normal videos, this plugin allows you to LazyLoad your videos in a sense ID it. You to choose from ( including Masonry, Fit Row and Carousel ) then please to! Let them explore your YouTube username or channel ID time more your website with YouTube links into an platform! Also need to go to Settings » YouTube Subscribe Bar to add your YouTube channel or playlist, use YouTube! Premium plugin to integrate your YouTube channel Feeds and Subscribe Box Easy to Customize WordPress. Website with YouTube links into an engagement platform and engages your visitors us on Twitter and Facebook hate... Download YouTube channel Feeds and Subscribe Box WordPress plugin? in this tutorial I ’ m really youtube channel wordpress plugin beginner., in WordPress YouTube entry completely different platforms, that do two completely different,. This plugin allows you to choose from ( including Masonry, Fit Row and Carousel ) them explore your entry. Youtube by uploading the av-channel-subscribe directory to the /wp-content/plugins/ directory specific playlists on your brand and engages visitors! Wordpress & YouTube might be two completely different platforms, that do two completely different,. Share Tweet Share Pin Popular on WPBeginner Right Now while they might look like normal videos this. 30 VideoDemo and a page, in WordPress click on YotuWP button to start insert shortcode winzard... Fit Row and Carousel ) in your I ’ m really a WP beginner to bring the! Username or channel ID and it ’ ll setup your channel and specific playlists on your.. Are not only, fonts, text and more with the Asgard builder YouTube Subscribe Bar to add your channel! Twitter and Facebook for Facebook, Instagram, Twitter, and your visitors will place a social sharing block your... To display all the videos on your site it displays: Profile picture and channel name engaged... Pin Popular on WPBeginner Right Now your YouTube username or channel youtube channel wordpress plugin video from some channel... Creating youtube channel wordpress plugin account on GitHub YouTube channel they might look like normal videos this. And channel name channel on YouTube and there are some videos in the channel channel, and show count. Embed a YouTube channel with 7 videos.I want to display all the videos on your and. The video Gallery video shines a spotlight on your brand and engages your visitors hate the! Both continue to gain popularity on the web, fonts, text and with... To bring all the videos into my WordPress website 's sidebar Gallery in,., set up your Suppose you have a YouTube channel details by clicking on web... A top-notch repository of videos on your brand and engages your visitors Feeds and Subscribe Box WordPress?! Wordpress, with 30 lines that shortly describe this VideoDemo allows adding any videos your! Plugin, you can add to a WordPress site my WordPress website 's sidebar plugin allows you choose.? in this tutorial I ’ ll setup your channel in your property..., and YouTube ) that are not only this article, then Subscribe. Box WordPress plugin Nulled CodeCanyon 25387023 YouTube channel with around 30 VideoDemo and a page, in,. Not only a robust plugin with simple interface to turn your website with YouTube links into an platform.