<?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/"
	
	xmlns:georss="http://www.georss.org/georss"
	xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#"
	>

<channel>
	<title>スクロール | 私、就活辞めて、ネットで起業しました。</title>
	<atom:link href="https://chie-okodukai.com/tag/%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB/feed" rel="self" type="application/rss+xml" />
	<link>https://chie-okodukai.com</link>
	<description>自宅仕事でストレスフリーな暮らし♪</description>
	<lastBuildDate>Sun, 13 Jan 2019 08:56:18 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/06/cropped-1-e1497944131793.png?fit=32%2C32&#038;ssl=1</url>
	<title>スクロール | 私、就活辞めて、ネットで起業しました。</title>
	<link>https://chie-okodukai.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<atom:link rel="hub" href="https://pubsubhubbub.appspot.com"/>
<atom:link rel="hub" href="https://pubsubhubbub.superfeedr.com"/>
<atom:link rel="hub" href="https://websubhub.com/hub"/>
<atom:link rel="self" href="https://chie-okodukai.com/tag/%E3%82%B9%E3%82%AF%E3%83%AD%E3%83%BC%E3%83%AB/feed"/>
<site xmlns="com-wordpress:feed-additions:1">127556357</site>	<item>
		<title>WordPressで記事を下にスクロールした時にサイドバーも一緒についてくるようにするプラグイン【Q2W3 Fixed Widget】</title>
		<link>https://chie-okodukai.com/1590.html</link>
					<comments>https://chie-okodukai.com/1590.html#comments</comments>
		
		<dc:creator><![CDATA[chie*]]></dc:creator>
		<pubDate>Mon, 15 May 2017 13:32:52 +0000</pubDate>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[サイドバー]]></category>
		<category><![CDATA[記事]]></category>
		<category><![CDATA[スクロール]]></category>
		<category><![CDATA[ついてくる]]></category>
		<category><![CDATA[Q2W3 Fixed Widget]]></category>
		<category><![CDATA[追尾]]></category>
		<guid isPermaLink="false">http://chie-okodukai.com/?p=1590</guid>

					<description><![CDATA[<p>こんにちは、chieです(^^) 今回は、記事を下にスクロールしていった時に、サイドバーも一緒に下りてくる(追尾)ようにする プラグイン【Q2W3 Fixed Widget】について図解入りで詳しく解説します。 &#038;nbs...</p>
The post <a href="https://chie-okodukai.com/1590.html">WordPressで記事を下にスクロールした時にサイドバーも一緒についてくるようにするプラグイン【Q2W3 Fixed Widget】</a> first appeared on <a href="https://chie-okodukai.com">私、就活辞めて、ネットで起業しました。</a>.]]></description>
										<content:encoded><![CDATA[<img decoding="async" fetchpriority="high" class="size-full wp-image-333 aligncenter" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/computer-1185626_640-e1491561814997.jpg?resize=600%2C399" alt="" width="600" height="399" data-recalc-dims="1" />
<p>こんにちは、chieです(^^)</p>
<p>今回は、<span style="background-color: #ffff99;">記事を下にスクロールしていった時に、</span><span style="background-color: #ffff99;">サイドバーも一緒に下りてくる(追尾)ようにする</span><br />
<span style="background-color: #ffff99;"> プラグイン【<strong>Q2W3 Fixed Widget</strong>】</span>について図解入りで詳しく解説します。</p>
<p>&nbsp;</p>
<p>長い記事を書くと、サイドバーに設定していたウィジェットは途中で見えなくなってしまいます。</p>
<p>例えば、ウィジェットで</p>
<p>・<strong><span style="color: #ff6600;">ブログランキングのクリックのお願い</span></strong><br />
・<span style="color: #ff6600;"><strong>特におススメのツール紹介</strong></span></p>
<p>などの<span style="text-decoration: underline;">特に目立たせたいもの</span>や<span style="text-decoration: underline;">常に見てもらいたいウィジェット</span>がある場合は、常に追尾してくるように設定することで、読者の目に入りやすくなります。</p>
<p>また、単純にサイドバーが途中で見えなくなるよりも、右側にサイドバーの表示が見えている方が見た目が良いです。</p>
<p>このようなメリットもあるので、ぜひ導入するようにして下さい^^</p>
<p>&nbsp;</p>
<h2>「サイドバーが追尾する」とは</h2>
<p>&nbsp;</p>
<p><strong><span style="color: #ff6600;">記事をスクロールすると</span></strong><strong><span style="color: #ff6600;">サイドバーがついてくるようにする(追尾)</span></strong></p>
<p>という状況がどのようなものなのか。について、画像を使って説明します。</p>
<p>&nbsp;</p>
<p>まずは、何も設定していない状態です。</p>
<p>長い記事を下にスクロールして読んでいると、</p>
<img decoding="async" class="qwq alignnone wp-image-1598 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_04h22_04-e1494789976894.png?resize=600%2C254" alt="" width="600" height="254" data-recalc-dims="1" />
<p>　　　　　　　　　　　　　　　<strong>　↓↓↓</strong></p>
<img decoding="async" class="qwq alignnone wp-image-1599 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_04h23_01-e1494790015703.png?resize=600%2C254" alt="" width="600" height="254" data-recalc-dims="1" />
<p>このように、サイドバーは途中から表示されなくなってしまいます。</p>
<p>&nbsp;</p>
<p>ついてくる(追尾)ように設定をすると、</p>
<img decoding="async" class="qwq alignnone wp-image-1599 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_04h23_01-e1494790015703.png?resize=600%2C254" alt="" width="600" height="254" data-recalc-dims="1" />
<p><strong>　　　　　　　　　　　　　　　↓↓↓　　　　　　　　　　　</strong></p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1600 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_04h28_56-e1494790153399.png?resize=600%2C205" alt="" width="600" height="205" data-recalc-dims="1" />
<p>何も表示されていなかった箇所に、指定したウィジェットがページのスクロールに合わせて一番下まで追尾してくるようになります。</p>
<p>どのウィジェットを追尾させるかは、簡単に個別に選ぶことが出来ます。</p>
<p>&nbsp;</p>
<p><span style="text-decoration: underline;">ウィジェットが追尾してくる。</span></p>
<p>という状況が分かったところで、さっそくインストールしていきましょう♪</p>
<p><strong> </strong></p>
<h2>Q2W3 Fixed Widgetのインストール</h2>
<p>&nbsp;</p>
<p>まずは、ワードプレスのダッシュボードから【<strong>プラグイン</strong>】→【<strong>新規追加</strong>】をクリック。</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-1602" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_04h04_30.png?resize=318%2C108" alt="" width="318" height="108" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_04h04_30.png?w=318&amp;ssl=1 318w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_04h04_30.png?resize=300%2C102&amp;ssl=1 300w" sizes="(max-width: 318px) 100vw, 318px" data-recalc-dims="1" />
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1603 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_04h05_41-e1494790541410.png?resize=650%2C229" alt="" width="650" height="229" data-recalc-dims="1" />
<p><span style="color: #ff0000;">①</span>右上にある検索窓に<strong>Q2W3 Fixed Widget</strong>と打ち込んで、</p>
<p><span style="color: #ff0000;">②</span><strong>今すぐインストール</strong>をクリック。</p>
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1604 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_04h06_55.png?resize=582%2C269" alt="" width="582" height="269" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_04h06_55.png?w=582&amp;ssl=1 582w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_04h06_55.png?resize=300%2C139&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_04h06_55.png?resize=320%2C148&amp;ssl=1 320w" sizes="(max-width: 582px) 100vw, 582px" data-recalc-dims="1" />
<p><strong>有効化</strong>をクリック。</p>
<p>これでインストールは完了です(^^)</p>
<p>&nbsp;</p>
<h2>Q2W3 Fixed Widgetの設定方法</h2>
<p>&nbsp;</p>
<p>追尾させる設定方法は、凄く簡単なので安心してくださいね^^</p>
<p>設定は<span style="text-decoration: underline;"><strong>ウィジェット</strong></span>から行います。</p>
<p>ダッシュボードの【<strong>外観</strong>】→【<strong>ウィジェット</strong>】をクリック。</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-1605" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_04h41_12.png?resize=318%2C175" alt="" width="318" height="175" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_04h41_12.png?w=318&amp;ssl=1 318w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_04h41_12.png?resize=300%2C165&amp;ssl=1 300w" sizes="(max-width: 318px) 100vw, 318px" data-recalc-dims="1" />
<p>&nbsp;</p>
<p>導入しているテーマによって少し表記が異なる可能性もありますが、ウィジェットの中の<strong>サイドバー</strong>という箇所で追尾の設定をしていきます。</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1607 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_22h00_19.png?resize=358%2C338" alt="" width="358" height="338" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_22h00_19.png?w=358&amp;ssl=1 358w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_22h00_19.png?resize=300%2C283&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_22h00_19.png?resize=320%2C302&amp;ssl=1 320w" sizes="(max-width: 358px) 100vw, 358px" data-recalc-dims="1" />
<p>試しに1つウィジェットを開いてみて下さい。</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1608 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_22h02_47.png?resize=452%2C144" alt="" width="452" height="144" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_22h02_47.png?w=452&amp;ssl=1 452w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_22h02_47.png?resize=300%2C96&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_22h02_47.png?resize=320%2C102&amp;ssl=1 320w" sizes="(max-width: 452px) 100vw, 452px" data-recalc-dims="1" />
<p>Fixed widgetという文字が追加されています。</p>
<p>ここにチェックを入れる事で、ウィジェットを記事に追尾させる事が出来ます。</p>
<p>凄く簡単ですよね(*^^*)</p>
<p>&nbsp;</p>
<p>ちなみにこれ、サイドバーの全てのウィジェットで設定が出来るのですが、基本的には一番下のウィジェットから<br />
追尾させるようにしましょう。</p>
<p>一番下のウィジェットだけか、一番下＋その上のウィジェット、さらにその上のウィジェットも。</p>
<p>というような感じで、<strong><span style="color: #ff6600;">一番下を基準に</span></strong><strong><span style="color: #ff6600;">追尾</span></strong>させるようにして下さい。</p>
<p>&nbsp;</p>
<p>例えば、このように追尾させるウィジェット<span style="color: #ff0000;">①</span>と<span style="color: #ff0000;">②</span>の間に、追尾の設定をしていないウィジェットが挟まれているとします。</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1609 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_22h08_33.png?resize=357%2C286" alt="" width="357" height="286" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_22h08_33.png?w=357&amp;ssl=1 357w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_22h08_33.png?resize=300%2C240&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_22h08_33.png?resize=320%2C256&amp;ssl=1 320w" sizes="(max-width: 357px) 100vw, 357px" data-recalc-dims="1" />
<p>&nbsp;</p>
<p>すると、記事を下にスクロールしているとこのように設定をしていないウィジェットの項目に文字が被ってしまいます。<br />
これではあまり見た目が良くないですよね。</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1610 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_22h12_39.png?resize=363%2C373" alt="" width="363" height="373" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_22h12_39.png?w=363&amp;ssl=1 363w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_22h12_39.png?resize=292%2C300&amp;ssl=1 292w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-15_22h12_39.png?resize=320%2C329&amp;ssl=1 320w" sizes="(max-width: 363px) 100vw, 363px" data-recalc-dims="1" />
<p>&nbsp;</p>
<p>なので、追尾をさせたいウィジェットは</p>
<p>・<span style="background-color: #ffff99;">一番下に移動させてチェックを入れる</span><br />
・<span style="background-color: #ffff99;">一番下から順番にチェックを入れる</span></p>
<p>という風に設定してみて下さい(^^)</p>
<p>&nbsp;</p>
<h2>サイドバー追尾設定の際の注意点</h2>
<p>&nbsp;</p>
<p>サイドバーを追尾させる方法を説明しましたが、<strong>重要な注意点</strong>が１つあります。</p>
<p>それは、<span style="color: #ff0000;"><strong>追尾する部分にアドセンスのタグを入れない事</strong></span>です。</p>
<p>これをしてしまうと、<span style="text-decoration: underline; color: #ff0000;">Googleアドセンスの規約違反</span>となり、アカウント停止になってしまいます。</p>
<p>知らなかった・・。</p>
<p>となってからでは遅いので、しっかり覚えておいて下さいね。</p>
<p>&nbsp;</p>
<h2>まとめ</h2>
<p>&nbsp;</p>
<p>追尾の設定は、ウィジェットにチェックを入れるだけなので簡単でしたよね♪</p>
<p>これは見てもらいたい！というウィジェットが出来たら、追尾させてアピールするようにしてみて下さい^^</p>
<p><span style="color: #ff0000;"><strong>※</strong></span>アドセンスについてだけ注意して下さいね。</p>The post <a href="https://chie-okodukai.com/1590.html">WordPressで記事を下にスクロールした時にサイドバーも一緒についてくるようにするプラグイン【Q2W3 Fixed Widget】</a> first appeared on <a href="https://chie-okodukai.com">私、就活辞めて、ネットで起業しました。</a>.]]></content:encoded>
					
					<wfw:commentRss>https://chie-okodukai.com/1590.html/feed</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1590</post-id>	</item>
	</channel>
</rss>
