<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Embed Plus Plugin for YouTube &#8211; オヤマシティ</title>
	<atom:link href="https://www.oyamacity.com/tag/embed-plus-plugin-for-youtube/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.oyamacity.com</link>
	<description>栃木県小山市ポータルサイト</description>
	<lastBuildDate>Thu, 17 Aug 2023 14:51:10 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://www.oyamacity.com/ptl/wp-content/uploads/2021/02/cropped-oyamacity-32x32.png</url>
	<title>Embed Plus Plugin for YouTube &#8211; オヤマシティ</title>
	<link>https://www.oyamacity.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>YouTubeチャンネルをホームページ上に表示</title>
		<link>https://www.oyamacity.com/web/30395/</link>
					<comments>https://www.oyamacity.com/web/30395/#respond</comments>
		
		<dc:creator><![CDATA[サイト管理者]]></dc:creator>
		<pubDate>Sun, 06 Mar 2022 14:47:39 +0000</pubDate>
				<category><![CDATA[Plugin]]></category>
		<category><![CDATA[ホームページ制作]]></category>
		<category><![CDATA[Embed Plus Plugin for YouTube]]></category>
		<guid isPermaLink="false">https://www.oyamacity.com/?p=30395</guid>

					<description><![CDATA[今の世の中、YouTubeチャンネルを持っている方はたくさんいらっしゃいますが、ホームページも運営していて且つYouTubeチャンネルも持っている時、ホームページ上にYouTubeチャンネルを表示しておきたい場合がありま [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>今の世の中、YouTubeチャンネルを持っている方はたくさんいらっしゃいますが、ホームページも運営していて且つYouTubeチャンネルも持っている時、ホームページ上にYouTubeチャンネルを表示しておきたい場合があります。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p>WordPressでは、投稿・固定に関わらず、ページにYouTubeチャンネルを表示してくれるプラグインがいくつかあります。私が試したのは、下の４つになりますので、そちらをレポートしたいと思います。ちなみに④は、プラグインとは言えませんね。ただのリンクです。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p>①Embed Plus Plugin for YouTube（無料・有料）<br>②Feeds for YouTube（無料・有料）<br>③YotuWP（無料・有料）<br>④YouTube Gallery（Elfsight Apps）（無料・有料）</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p>[全体的な特長]</p>



<ul class="wp-block-list">
<li>レイアウトが、「Flex」ではなく「Float」だったりする</li>



<li>設定項目の代表格は、列数・表示数である</li>



<li>サムネイルの間隔は10px程度</li>



<li>それぞれの間隔は、Paddingで取っている</li>



<li>動画詳細（タイトルやいいねなど）を個別に呼び出せない</li>



<li>動画詳細が表示出来るものは、全部表示されてしまう（三点リーダーなどない）</li>
</ul>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p>[間隔ををPaddingで取るデメリット]<br>・上のコンテンツと縦の線が合わない。（図を参照）</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="640" height="480" data-id="30396" src="https://www.oyamacity.com/ptl/wp-content/uploads/2022/03/layout1.png" alt="" class="wp-image-30396" srcset="https://www.oyamacity.com/ptl/wp-content/uploads/2022/03/layout1.png 640w, https://www.oyamacity.com/ptl/wp-content/uploads/2022/03/layout1-300x225.png 300w" sizes="(max-width: 640px) 100vw, 640px" /></figure>



<figure class="wp-block-image size-large"><img decoding="async" width="640" height="480" data-id="30397" src="https://www.oyamacity.com/ptl/wp-content/uploads/2022/03/layout2.png" alt="" class="wp-image-30397" srcset="https://www.oyamacity.com/ptl/wp-content/uploads/2022/03/layout2.png 640w, https://www.oyamacity.com/ptl/wp-content/uploads/2022/03/layout2-300x225.png 300w" sizes="(max-width: 640px) 100vw, 640px" /></figure>
</figure>



<p>縦の線が必ず合う必要もありませんし、好みが分かれるところであると思いますが、私は好きではありません。私は右側の図の方が好きです。こういう自分だけのこだわりを持つことは大切だと思っています。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p>[私個人のプラグイン採用条件]</p>



<ul class="wp-block-list">
<li>YouTubeチャンネルの表示ごときに金は掛けたくない</li>



<li>縦の線が合う</li>



<li>サムネイルの間隔をコントロール出来る</li>



<li>動画のタイトルとその他の詳細情報を表示出来る</li>
</ul>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p>[結果発表]<br>そんなものはありませんでした。全てガッチガチにFloatされていますが、最終的には妥協しなければなりません。そこで、CSSで簡単にコントロール出来そうだなと思ったものが、①のEmbed Plus Plugin for YouTubeということになりました。呼び出せるメタ情報も、タイトルのみです。そして、これまた、UIがとてもダサいのですが背に腹は代えられません。<br>ちなみに、有料でもいい場合は、絶対的に②のFeeds for YouTubeのプロ版です。</p>



<div style="height:30px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Feeds for YouTube プロ版の特長<br>・サムネイルとサムネイルの間隔をピクセル指定できる<br>・好きな項目（タイトル、日付、詳細など）を呼び出せる</p>



<p>④は、確かに、「お？！」と、一見カッコよく感じるのですが、余計なヘッダーが着いたり、そのヘッダーのデザインが柔軟ではなかったりで結局断念しました。カッコ良さは自分で作るべきだと思います。</p>



<p>採用したくないプラグインを一度でもインストールすると、DBが汚くなるイメージがあってイヤですよね。そういった方の参考になればいいなと思いました。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.oyamacity.com/web/30395/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
