<?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>Easing Slider &#8211; 海外移住で仕事どうする？</title>
	<atom:link href="https://biz-abroad.net/archives/tag/easing-slider/feed" rel="self" type="application/rss+xml" />
	<link>https://biz-abroad.net</link>
	<description>アフィリエイト初心者でも稼ぐことが出来ます。 会社に依存した生活から脱出しませんか？ パソコン1台で、年齢不問の再チャレンジ 副収入を増やし、自立した人生をつかみとりましょう！</description>
	<lastBuildDate>Mon, 19 Feb 2018 11:32:33 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.4.2</generator>
<site xmlns="com-wordpress:feed-additions:1">142976993</site>	<item>
		<title>WordPressで、スライドショーを作る方法(プラグイン、Easing Slider)</title>
		<link>https://biz-abroad.net/archives/743</link>
					<comments>https://biz-abroad.net/archives/743#comments</comments>
		
		<dc:creator><![CDATA[けんぞう@海外在住でアフィリエイト]]></dc:creator>
		<pubDate>Thu, 28 Nov 2013 10:00:13 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Easing Slider]]></category>
		<category><![CDATA[アフィリエイト]]></category>
		<category><![CDATA[スライドショー]]></category>
		<category><![CDATA[初心者]]></category>
		<category><![CDATA[稼ぐ]]></category>
		<guid isPermaLink="false">http://biz-abroad.net/?p=743</guid>

					<description><![CDATA[WordPressで、スライドショーを使う方法を説明します。 &#160; WordPressでは、Easing Sliderというプラグインがあるのですが、 このプラグインを使えば、簡単にスライドショーを設定することが [&#8230;]]]></description>
										<content:encoded><![CDATA[<p>WordPressで、スライドショーを使う方法を説明します。</p>
<p>&nbsp;</p>
<p>WordPressでは、<span style="color: #ff0000;"><strong>Easing Slider</strong></span>というプラグインがあるのですが、<br />
このプラグインを使えば、簡単にスライドショーを設定することが<br />
できます。</p>
<p>&nbsp;</p>
<h2>スライドショーの導入方法</h2>
<p>まず、<a href="http://wordpress.org/plugins/easing-slider/installation/" target="_blank">Easing Sliderのプラグイン</a>をダウンロードします。</p>
<p>&nbsp;</p>
<p>プラグインを有効化すると、WordPressの管理画面に<br />
<span style="color: #008000;"><strong>&#8220;Slideshow</strong></span>&#8220;という項目が出てきます。</p>
<p><a href="https://biz-abroad.net/wp-content/uploads/2013/10/2013-10-08_233344.jpg"><img class="alignnone size-full wp-image-748" alt="2013-10-08_233344" src="https://biz-abroad.net/wp-content/uploads/2013/10/2013-10-08_233344.jpg" width="145" height="305" /></a></p>
<p>Slideshowをクリックすると、<br />
<span style="color: #008000;"><strong>Edit Slideshow</strong></span>という項目が出てきます。</p>
<p><a href="https://biz-abroad.net/wp-content/uploads/2013/10/2013-10-09_142953.jpg"><img class="alignnone size-medium wp-image-749" alt="2013-10-09_142953" src="https://biz-abroad.net/wp-content/uploads/2013/10/2013-10-09_142953-400x369.jpg" width="400" height="369" srcset="https://biz-abroad.net/wp-content/uploads/2013/10/2013-10-09_142953-400x369.jpg 400w, https://biz-abroad.net/wp-content/uploads/2013/10/2013-10-09_142953.jpg 515w" sizes="(max-width: 400px) 100vw, 400px" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>最初は、何も画像が入っていないので、一番右側の項目で<br />
&#8220;<span style="color: #008000;"><strong>Manage Slides</strong></span>”という欄の&#8221;<span style="color: #008000;"><strong>Add Images</strong></span>”というボタンを<br />
押すと、画像が追加出来ます。</p>
<p><a href="https://biz-abroad.net/wp-content/uploads/2013/10/2013-10-08_233639.jpg"><img class="alignnone size-medium wp-image-750" alt="2013-10-08_233639" src="https://biz-abroad.net/wp-content/uploads/2013/10/2013-10-08_233639-280x400.jpg" width="280" height="400" srcset="https://biz-abroad.net/wp-content/uploads/2013/10/2013-10-08_233639-280x400.jpg 280w, https://biz-abroad.net/wp-content/uploads/2013/10/2013-10-08_233639.jpg 305w" sizes="(max-width: 280px) 100vw, 280px" /></a></p>
<p>その下の<span style="color: #008000;"><strong>Dimension</strong></span>は、サイズの指定になります。<br />
そこで、希望するサイズを指定して下さい。<br />
(もちろん、作成する画像のサイズもそのサイズに<br />
合わせるのが良いです)<br />
ちなみに私は、520px x 230pxで設定しました。</p>
<p>&nbsp;</p>
<p>スライドショーなので、最低２つ以上、画像を挿入て下さい。</p>
<p>次に、画像をクリックして、<span style="color: #008000;"><strong>画像のリンク先</strong></span>や<br />
マウスをあてた時の表示される<span style="color: #008000;"><strong>タイトル</strong></span>を書いて<br />
保存します。</p>
<p><a href="https://biz-abroad.net/wp-content/uploads/2013/10/2013-10-09_143037.jpg"><img class="alignnone size-medium wp-image-751" alt="2013-10-09_143037" src="https://biz-abroad.net/wp-content/uploads/2013/10/2013-10-09_143037-400x363.jpg" width="400" height="363" srcset="https://biz-abroad.net/wp-content/uploads/2013/10/2013-10-09_143037-400x363.jpg 400w, https://biz-abroad.net/wp-content/uploads/2013/10/2013-10-09_143037.jpg 549w" sizes="(max-width: 400px) 100vw, 400px" /></a></p>
<p>&nbsp;</p>
<p>最後にスライドショーのコードを挿入したいところに<br />
埋め込んでいきます。</p>
<p>&nbsp;</p>
<p>私は、今回、トップページの中央にスライドショーを<br />
入れたかったので、</p>
<p>&nbsp;</p>
<p>WordPressの管理画面から<br />
<span style="color: #008000;"><strong>&#8220;外観&#8221;→&#8221;テーマ編集&#8221;→&#8221;メインインデックスのテンプレート</strong></span>&#8220;を<br />
選択します。</p>
<p>&nbsp;</p>
<p>私は、賢威を使っているので、<br />
&lt;!&#8211;▽メインコンテンツ&#8211;&gt;<br />
&lt;div id=&#8221;main-contents&#8221;&gt;</p>
<p>という所の下に、以下のようなコードを貼りつけます。</p>
<p>&lt;h2&gt;おすすめの商材&amp;サービス&lt;/h2&gt;<br />
&lt;div class=&#8221;contents clearfix&#8221;&gt;<br />
<span style="color: #008000;"><strong>&lt;?php if (function_exists(&#8216;easing_slider&#8217;)){ easing_slider(); }; ?&gt;</strong></span><br />
&lt;/div&gt;</p>
<p>&nbsp;</p>
<p>ポイントは、緑になっている部分です。<br />
賢威以外でも、基本的に上記の部分をしっかり記載するとスライドショーが<br />
表示されます。</p>
<p>&nbsp;</p>
<p>こんな感じです。</p>
<p><a href="https://biz-abroad.net/wp-content/uploads/2013/10/2013-10-13_170551.jpg"><img class="alignnone size-medium wp-image-752" alt="2013-10-13_170551" src="https://biz-abroad.net/wp-content/uploads/2013/10/2013-10-13_170551-400x188.jpg" width="400" height="188" srcset="https://biz-abroad.net/wp-content/uploads/2013/10/2013-10-13_170551-400x188.jpg 400w, https://biz-abroad.net/wp-content/uploads/2013/10/2013-10-13_170551.jpg 999w" sizes="(max-width: 400px) 100vw, 400px" /></a></p>
<p>&nbsp;</p>
<p>スライドショーを使うと、スペースもうまく活用出来ますし、<br />
サイトに躍動感が生まれて、見栄えがよくなりますよね^^</p>
<p>&nbsp;</p>
<p>あなたもスライドショーを使って、かっちょ良くて、効果的な<br />
サイトを作って下さい！</p>
<p>&nbsp;</p>
]]></content:encoded>
					
					<wfw:commentRss>https://biz-abroad.net/archives/743/feed</wfw:commentRss>
			<slash:comments>8</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">743</post-id>	</item>
	</channel>
</rss>
