<?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/%E7%94%BB%E5%83%8F/feed" rel="self" type="application/rss+xml" />
	<link>https://chie-okodukai.com</link>
	<description>自宅仕事でストレスフリーな暮らし♪</description>
	<lastBuildDate>Sun, 24 Mar 2019 11:48:43 +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/%E7%94%BB%E5%83%8F/feed"/>
<site xmlns="com-wordpress:feed-additions:1">127556357</site>	<item>
		<title>WordPressの記事の文章と画像をWordに貼り付ける方法♪【無料レポート】</title>
		<link>https://chie-okodukai.com/4538.html</link>
		
		<dc:creator><![CDATA[chie*]]></dc:creator>
		<pubDate>Sat, 26 Aug 2017 07:15:58 +0000</pubDate>
				<category><![CDATA[ネットビジネス]]></category>
		<category><![CDATA[無料レポート]]></category>
		<category><![CDATA[ラムネデザイン]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[画像]]></category>
		<category><![CDATA[文章]]></category>
		<category><![CDATA[記事]]></category>
		<category><![CDATA[方法]]></category>
		<category><![CDATA[Word]]></category>
		<guid isPermaLink="false">http://chie-okodukai.com/?p=4538</guid>

					<description><![CDATA[<p>こんにちは、chieです(^^) &#160; 今回は、WordPressの記事の文章と画像をWordに貼り付ける方法 について図解入りで詳しく解説します。 &#160; &#160; WordPressで記事を投稿した...</p>
The post <a href="https://chie-okodukai.com/4538.html">WordPressの記事の文章と画像をWordに貼り付ける方法♪【無料レポート】</a> first appeared on <a href="https://chie-okodukai.com">私、就活辞めて、ネットで起業しました。</a>.]]></description>
										<content:encoded><![CDATA[<img decoding="async" fetchpriority="high" class="alignnone size-full wp-image-4563" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/014-1.jpg?resize=654%2C436" alt="" width="654" height="436" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/014-1.jpg?w=680&amp;ssl=1 680w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/014-1.jpg?resize=300%2C200&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/014-1.jpg?resize=320%2C213&amp;ssl=1 320w" sizes="(max-width: 654px) 100vw, 654px" data-recalc-dims="1" />
<p>こんにちは、chieです(^^)</p>
<p>&nbsp;</p>
<p>今回は、<span style="background-color: #ffff99;">WordPressの記事の文章と画像をWordに貼り付ける方法</span><br />
 について図解入りで詳しく解説します。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>WordPressで記事を投稿した時に、<br />
 <strong>記事の文章をそのままレポートにまとめたいなあ～。</strong></p>
<p>と思う事がありますよね。</p>
<p>&nbsp;</p>
<p><span style="color: #ff6600;"><strong>記事の文章+画像のコピー<span style="color: #000000;">⇒</span>Wordに貼りつけ</strong></span></p>
<p>方法としてはこれでいいのですが、<br />
 <span style="background-color: #ffff99;">貼り付けの際に後々Wordで文章を編集しやすくするコツ</span></p>
<p>があるので、その点について説明していきますね^^</p>
<p>&nbsp;</p>
<p><span style="color: #ff6600;"><strong>※</strong></span>無料のレポートテンプレート<br />
 <a href="http://lamunedesign.com/cm/index.cgi?v=w1MKNyTxLDM0MDJ6Q3k_" target="_blank" rel="noopener"><strong>ラムネデザイン</strong></a>のレポート作成画面で解説しています。</p>
<p>無料でGETする方法は<a href="http://chie-okodukai.com/3397.html" target="_blank" rel="noopener">こちら</a>。</p>
<h2>コピーは見出しごとにする</h2>
<p>&nbsp;</p>
<p><span style="background-color: #ffff99;"><strong>Wordに貼り付け後に編集しやすくするポイント</strong></span>になります。</p>
<p>&nbsp;</p>
<p>記事をコピーしてWordに貼りつけていくのですが、</p>
<p><span style="color: #ff6600;"><strong>一気に全部コピーするのではなく、</strong></span><br />
 <span style="color: #ff6600;"> <strong>見出しごとにコピー<span style="color: #000000;">⇒</span>貼り付けをしましょう。</strong></span></p>
<p>&nbsp;</p>
<p>一気に貼りつけてしまうと<br />
 <span style="text-decoration: underline;">見出しの区切り</span>が分かりにくくなってしまいます。</p>
<p>&nbsp;</p>
<p>では、実際にやってみますね^^</p>
<p>&nbsp;</p>
<h3>見出しごとに文章と画像を全て選択</h3>
<p>
 まずは、以下のように<strong><span style="background-color: #ffff99;">１つの見出しごとに文章と画像を全て選択</span></strong>して、<br />
 <strong><span style="background-color: #ffff99;">コピー</span></strong>をクリックします。</p>
<p>&nbsp;</p>
<img decoding="async" class="qwq alignnone wp-image-4546 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/2017-08-26_12h28_18-e1503718150339.png?resize=654%2C340" alt="" width="654" height="340" data-recalc-dims="1" />
<p>&nbsp;</p>
<h3>貼りつけのオプションで書式を結合を選択</h3>
<p>&nbsp;</p>
<p>そしてWordに貼り付けるのですが、<br />
 ここでは必ず<span style="background-color: #ffff99;"><strong>貼りつけのオプション</strong></span>で<strong><span style="background-color: #ffff99;">書式を結合</span></strong>を選択します。</p>
<img decoding="async" class="qwq alignnone wp-image-4547 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/2017-08-26_12h18_55.png?resize=546%2C282" alt="" width="546" height="282" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/2017-08-26_12h18_55.png?w=546&amp;ssl=1 546w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/2017-08-26_12h18_55.png?resize=300%2C155&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/2017-08-26_12h18_55.png?resize=320%2C165&amp;ssl=1 320w" sizes="(max-width: 546px) 100vw, 546px" data-recalc-dims="1" />
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>すると、このように文章も画像も挿入することが出来ます^^</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-4548 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/2017-08-26_12h20_03.png?resize=358%2C222" alt="" width="358" height="222" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/2017-08-26_12h20_03.png?w=358&amp;ssl=1 358w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/2017-08-26_12h20_03.png?resize=300%2C186&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/2017-08-26_12h20_03.png?resize=320%2C198&amp;ssl=1 320w" sizes="(max-width: 358px) 100vw, 358px" data-recalc-dims="1" />
<p>&nbsp;</p>
<h3>Wordで見出しを設定する</h3>
<p>&nbsp;</p>
<p>見出しを１つ分貼りつけたら、<br />
 <span style="background-color: #ffff99;"><strong>Wordでも見出しを設定</strong></span>していきます。</p>
<p>&nbsp;</p>
<p><span style="color: #ff0000;">①</span>見出しに該当する文字を選んで、<br />
 <span style="color: #ff0000;">②</span>見出しを選択する。</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-4549 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/2017-08-26_12h20_41.png?resize=654%2C468" alt="" width="654" height="468" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/2017-08-26_12h20_41.png?w=664&amp;ssl=1 664w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/2017-08-26_12h20_41.png?resize=300%2C215&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/2017-08-26_12h20_41.png?resize=320%2C229&amp;ssl=1 320w" sizes="(max-width: 654px) 100vw, 654px" data-recalc-dims="1" />
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>これでレポートにも見出しが設定されました^^</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-4550 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/2017-08-26_12h21_00.png?resize=602%2C485" alt="" width="602" height="485" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/2017-08-26_12h21_00.png?w=602&amp;ssl=1 602w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/2017-08-26_12h21_00.png?resize=300%2C242&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/2017-08-26_12h21_00.png?resize=320%2C258&amp;ssl=1 320w" sizes="(max-width: 602px) 100vw, 602px" data-recalc-dims="1" />
<p>&nbsp;</p>
<h2>同じ作業を他の見出しでも繰り返す</h2>
<p>&nbsp;</p>
<p><strong>文章の全体的な修正は最後</strong>で良いので、</p>
<p>まずは、<span style="color: #ff0000;"><strong>記事の残りの見出し１つ１つの文章+画像を</strong></span><br />
 <span style="color: #ff0000;"><strong>同じようにコピーして貼り付ける<span style="color: #000000;">⇒</span>見出しを設定する。</strong></span></p>
<p>という作業を繰り返していきます。</p>
<p>&nbsp;</p>
<p>これで、Wordでも見出しの区切りを把握出来るので、<br />
 全て貼りつけた後に<span style="background-color: #ffff99;"><strong>目次の更新</strong><br />
 </span>(<span style="color: #ff6600;"><strong>目次の上で右クリック⇒フィールド更新</strong></span>)</p>
<p>をすれば、見出しごとに確認しながら<br />
 全体の修正をする事が出来ます。</p>
<p>&nbsp;</p>
<h3>目次の更新をする</h3>
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-4551 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/2017-08-26_12h51_18.png?resize=547%2C371" alt="" width="547" height="371" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/2017-08-26_12h51_18.png?w=547&amp;ssl=1 547w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/2017-08-26_12h51_18.png?resize=300%2C203&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/2017-08-26_12h51_18.png?resize=320%2C217&amp;ssl=1 320w" sizes="(max-width: 547px) 100vw, 547px" data-recalc-dims="1" />
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-4552 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/2017-08-26_12h49_53.png?resize=583%2C409" alt="" width="583" height="409" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/2017-08-26_12h49_53.png?w=583&amp;ssl=1 583w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/2017-08-26_12h49_53.png?resize=300%2C210&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/08/2017-08-26_12h49_53.png?resize=320%2C224&amp;ssl=1 320w" sizes="(max-width: 583px) 100vw, 583px" data-recalc-dims="1" />
<p>このような表示が出たら、<br />
 <span style="background-color: #ffff99;"><strong>目次を全て更新する</strong></span>を選択すればOKです^^</p>
<p>&nbsp;</p>
<h2>まとめ</h2>
<p>&nbsp;</p>
<p><strong>WordPressの記事の文章と画像をWordに貼り付ける方法<br />
 </strong>として、<strong><span style="color: #ff6600;">貼り付けの際に後々Wordで文章を編集しやすくするコツ</span></strong></p>
<p>を解説しました^^*</p>
<p>&nbsp;</p>
<p>記事の文章の細かい修正や位置の調整などは、<br />
 <span style="text-decoration: underline;">見出しを全て設定して目次を更新してから</span><br />
 すると楽なのでお勧めです♪</p>The post <a href="https://chie-okodukai.com/4538.html">WordPressの記事の文章と画像をWordに貼り付ける方法♪【無料レポート】</a> first appeared on <a href="https://chie-okodukai.com">私、就活辞めて、ネットで起業しました。</a>.]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">4538</post-id>	</item>
		<item>
		<title>Wordで画像に枠線を付ける方法を図解入りで詳しく解説します♪【無料レポート】</title>
		<link>https://chie-okodukai.com/3724.html</link>
					<comments>https://chie-okodukai.com/3724.html#comments</comments>
		
		<dc:creator><![CDATA[chie*]]></dc:creator>
		<pubDate>Sat, 29 Jul 2017 14:02:52 +0000</pubDate>
				<category><![CDATA[ネットビジネス]]></category>
		<category><![CDATA[無料レポート]]></category>
		<category><![CDATA[枠線]]></category>
		<category><![CDATA[付ける方法]]></category>
		<category><![CDATA[画像]]></category>
		<category><![CDATA[Word]]></category>
		<guid isPermaLink="false">http://chie-okodukai.com/?p=3724</guid>

					<description><![CDATA[<p>こんにちは、chieです(^^) &#160; 今回は、Wordで画像に枠線を付ける方法 について図解入りで詳しく解説します。 &#160; &#160; レポートを作っていると画像を使う事がありますよね。 &#160;...</p>
The post <a href="https://chie-okodukai.com/3724.html">Wordで画像に枠線を付ける方法を図解入りで詳しく解説します♪【無料レポート】</a> first appeared on <a href="https://chie-okodukai.com">私、就活辞めて、ネットで起業しました。</a>.]]></description>
										<content:encoded><![CDATA[<img decoding="async" loading="lazy" class="size-full wp-image-3725 aligncenter" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/Word1.jpg?resize=500%2C500" alt="" width="500" height="500" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/Word1.jpg?w=500&amp;ssl=1 500w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/Word1.jpg?resize=150%2C150&amp;ssl=1 150w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/Word1.jpg?resize=300%2C300&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/Word1.jpg?resize=100%2C100&amp;ssl=1 100w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/Word1.jpg?resize=320%2C320&amp;ssl=1 320w" sizes="(max-width: 500px) 100vw, 500px" data-recalc-dims="1" />
<p>こんにちは、chieです(^^)</p>
<p>&nbsp;</p>
<p>今回は、<span style="background-color: #ffff99;"><strong>Wordで画像に枠線を付ける方法</strong></span></p>
<p>について図解入りで詳しく解説します。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>レポートを作っていると画像を使う事がありますよね。</p>
<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>
<p>Wordで挿入した画像には、<br />
 <strong>枠線</strong>を簡単に付けることが出来ます。</p>
<p>&nbsp;</p>
<p><span style="color: #ff6600;"><strong>より自然な枠線にする為のポイント</strong></span><br />
 もありますので、ぜひ参考にしてくださいね^^*</p>
<p>&nbsp;</p>
<h2> 画像と文章の区切りは、読者さんの為にも必要</h2>
<p>&nbsp;</p>
<p>私たち情報発信者は、<br />
 文章を読んでくださる読者さんに向けて<br />
 分かりやすくて役に立つ文章を書く必要があります。</p>
<p>&nbsp;</p>
<p>そこで大事なのは、<br />
 【<strong><span style="background-color: #ffff99;">分かりにくい要素を作らない事</span></strong>】です。</p>
<p>&nbsp;</p>
<p><strong>・<span style="color: #3366ff;">何か読みづらいな･･･。</span></strong><br />
 <strong>・<span style="color: #3366ff;">分かりにくいな･･･。</span></strong></p>
<p>と思われてしまうと、<br />
 その先の文章も読まれなくなってしまいます。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>無料レポートでも同じことです。</p>
<p><span style="color: #ff6600;"><strong>分かりやすさ</strong></span>を意識しながら、<br />
 画像にも枠をつけて工夫していきましょう^^*</p>
<p>&nbsp;</p>
<h2>この３つの違い、分かりますか？</h2>
<p>&nbsp;</p>
<p>これはWordの画面をキャプチャしたものです。</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-3728" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/2017-07-29_22h11_09-e1501334715453.png?resize=654%2C463" alt="" width="654" height="463" data-recalc-dims="1" />
<p>この画面の中で、</p>
<p><span style="background-color: #ffff99;"><strong>・画像２つ</strong></span><br />
 <span style="background-color: #ffff99;"><strong>・文章</strong></span></p>
<p>の３つの要素を使っているのですが･･･、<br />
 どれがどれか見分けがつきますか？</p>
<p>&nbsp;</p>
<p>文章に関しては分かりやすいかもしれません。</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-3729" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/2017-07-29_22h11_091-e1501334900489.png?resize=654%2C463" alt="" width="654" height="463" data-recalc-dims="1" />
<p>こちらが文章ですね。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>残りの画像２つに関しては、分からないと思います。</p>
<p>私自身、『<strong>あれ、区切りここだっけ？</strong>』となっているので(;^ω^)</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>正解はこちらです。</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-3730" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/2017-07-29_22h11_0911-e1501335038201.png?resize=654%2C463" alt="" width="654" height="463" data-recalc-dims="1" />
<p>こんなの絶対分からないですよね(;^ω^)</p>
<p>&nbsp;</p>
<p>自分でも分かりにくい事は、<br />
 読者さんにとってはもっと分かりにくい事です。</p>
<p>&nbsp;</p>
<p>画像の後に続く文章も、<br />
 区切りがはっきりしていなくて読みづらいですよね。</p>
<p>&nbsp;</p>
<p>ではさっそく、<br />
 画像に枠線を付けて分かりやすくしていきます♪</p>
<p>&nbsp;</p>
<h2>画像に枠線を付ける方法</h2>
<p>&nbsp;</p>
<p>画像に枠線を付ける方法を解説していきます。</p>
<p>&nbsp;</p>
<p>まず、Wordの画面で<br />
 <span style="background-color: #ffff99;"><strong><span style="background-color: #ffffff; color: #ff0000;">①</span>枠線を付けたい画像</strong></span>を選択します。</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-3731" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/2017-07-29_22h34_02.png?resize=465%2C457" alt="" width="465" height="457" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/2017-07-29_22h34_02.png?w=465&amp;ssl=1 465w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/2017-07-29_22h34_02.png?resize=300%2C295&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/2017-07-29_22h34_02.png?resize=320%2C314&amp;ssl=1 320w" sizes="(max-width: 465px) 100vw, 465px" data-recalc-dims="1" />
<p><span style="color: #ff0000;">②</span>次に、<span style="background-color: #ffff99;"><strong>書式タブ</strong></span>を開いて、</p>
<p><span style="color: #ff0000;">③</span>の<span style="background-color: #ffff99;"><strong>図の枠線</strong></span>をクリックします。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>枠線の色を選択できます。</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-3732" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/2017-07-29_22h39_47.png?resize=179%2C281" alt="" width="179" height="281" data-recalc-dims="1" />
<p>自然な枠線の色になっておススメなのは、<br />
 <span style="background-color: #ffff99;"><strong>一番左の上から３番目</strong></span>の色です。</p>
<p>その１つ下の色も結構自然です^^</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>色を選択すると、このように画像に枠線が付きます。</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-3734" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/2017-07-29_22h45_17-1-e1501336074467.png?resize=654%2C438" alt="" width="654" height="438" data-recalc-dims="1" />
<p>画像だと分かりやすくなりましたね♪</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>一度枠線を付けると、このように<br />
 色を選択しなくても続けて同じ枠線を付けられます。</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-3736" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/2017-07-29_22h49_49-1.png?resize=150%2C141" alt="" width="150" height="141" data-recalc-dims="1" />
<p>他に枠を付けたい画像を選択した状態で、<br />
 この色のついた部分をクリックしましょう。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>すると、</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-3737" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/2017-07-29_22h52_23-e1501336443323.png?resize=654%2C455" alt="" width="654" height="455" data-recalc-dims="1" />
<p>&nbsp;</p>
<p><strong>画像</strong>と<strong>文章</strong>、それぞれがはっきりと分かるようになりました^^*</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>始めの状態と比べてみます。</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-3728" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/2017-07-29_22h11_09-e1501334715453.png?resize=654%2C463" alt="" width="654" height="463" data-recalc-dims="1" />
<p>↓↓↓</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-3737" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/2017-07-29_22h52_23-e1501336443323.png?resize=654%2C455" alt="" width="654" height="455" data-recalc-dims="1" />
<p>&nbsp;</p>
<p>枠がある事で区切りを付けられています^^</p>
<p>&nbsp;</p>
<h2>まとめ</h2>
<p>&nbsp;</p>
<p><span style="background-color: #ffff99;"><strong>Wordで画像に枠線を付ける方法</strong></span></p>
<p>について解説しました。</p>
<p>&nbsp;</p>
<p>画像への枠線を使って、<br />
 分かりやすい文章を意識してくださいね^^*</p>The post <a href="https://chie-okodukai.com/3724.html">Wordで画像に枠線を付ける方法を図解入りで詳しく解説します♪【無料レポート】</a> first appeared on <a href="https://chie-okodukai.com">私、就活辞めて、ネットで起業しました。</a>.]]></content:encoded>
					
					<wfw:commentRss>https://chie-okodukai.com/3724.html/feed</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">3724</post-id>	</item>
		<item>
		<title>パソコンで画像をダウンロードした時に、自動的にファイルが開く機能を無効にする方法♪　【GoogleChrome】</title>
		<link>https://chie-okodukai.com/3191.html</link>
		
		<dc:creator><![CDATA[chie*]]></dc:creator>
		<pubDate>Mon, 10 Jul 2017 13:07:07 +0000</pubDate>
				<category><![CDATA[ネットビジネス]]></category>
		<category><![CDATA[【パソコン】役に立つ知識]]></category>
		<category><![CDATA[ダウンロード]]></category>
		<category><![CDATA[自動]]></category>
		<category><![CDATA[開く]]></category>
		<category><![CDATA[無効]]></category>
		<category><![CDATA[画像]]></category>
		<category><![CDATA[パソコン]]></category>
		<category><![CDATA[ファイル]]></category>
		<guid isPermaLink="false">http://chie-okodukai.com/?p=3191</guid>

					<description><![CDATA[<p>こんにちは、chieです(^^) &#160; 今回は、パソコンで画像をダウンロードした時に、 自動的にファイルが開く機能を無効にする方法 について図解入りで詳しく解説します。 &#160; &#160; 無料画像サイト...</p>
The post <a href="https://chie-okodukai.com/3191.html">パソコンで画像をダウンロードした時に、自動的にファイルが開く機能を無効にする方法♪　【GoogleChrome】</a> first appeared on <a href="https://chie-okodukai.com">私、就活辞めて、ネットで起業しました。</a>.]]></description>
										<content:encoded><![CDATA[<img decoding="async" loading="lazy" class="size-full wp-image-3192 aligncenter" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/StockSnap_IVY2VG1MAD.jpg?resize=650%2C432" alt="" width="650" height="432" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/StockSnap_IVY2VG1MAD.jpg?w=650&amp;ssl=1 650w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/StockSnap_IVY2VG1MAD.jpg?resize=300%2C199&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/StockSnap_IVY2VG1MAD.jpg?resize=320%2C213&amp;ssl=1 320w" sizes="(max-width: 650px) 100vw, 650px" data-recalc-dims="1" />
<p>こんにちは、chieです(^^)</p>
<p>&nbsp;</p>
<p>今回は、<span style="background-color: #ffff99;">パソコンで画像をダウンロードした時に、</span><br />
 <span style="background-color: #ffff99;">自動的にファイルが開く機能を無効にする方法</span></p>
<p>について図解入りで詳しく解説します。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>無料画像サイトなどから記事に使いたい画像をダウンロードする時、<br />
 一度に複数ダウンロードしたりしますよね？</p>
<p>&nbsp;</p>
<p>その時、<strong>ダウンロードする度にその画像のファイルが開いて、</strong><br />
 <strong>閉じてからまたダウンロードして・・。</strong></p>
<p>という事を繰り返していませんか？</p>
<p>&nbsp;</p>
<p>大量にダウンロードする時はちょっと面倒ですよね(;^ω^)</p>
<p>&nbsp;</p>
<p>そこで、この<strong>自動的に開く機能を無効にする方法</strong><br />
 を解説していきます♪</p>
<p>&nbsp;</p>
<p><span style="color: #ff0000;">※GoogleChromeでの設定です。</span></p>
<p>&nbsp;</p>
<h2>自動で開く機能を無効化する</h2>
<p>無効化の設定について解説していきます^^</p>
<h3>GoogleChromeの設定</h3>
<p>&nbsp;</p>
<p>GoogleChromeの設定から無効化をします。</p>
<p>&nbsp;</p>
<p>まずは、画面右上の・が縦に３つ並んだマークをクリックしてください。</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-3193" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/2017-07-10_21h38_55.png?resize=208%2C101" alt="" width="208" height="101" data-recalc-dims="1" />
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>次に、設定をクリックします。</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-3194" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/2017-07-10_21h39_19.png?resize=357%2C464" alt="" width="357" height="464" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/2017-07-10_21h39_19.png?w=357&amp;ssl=1 357w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/2017-07-10_21h39_19.png?resize=231%2C300&amp;ssl=1 231w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/2017-07-10_21h39_19.png?resize=320%2C416&amp;ssl=1 320w" sizes="(max-width: 357px) 100vw, 357px" data-recalc-dims="1" />
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>設定画面が開きました^^</p>
<p>最近この設定画面、デザインが変わったんです。</p>
<p>スッキリした感じがしますよね♪</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-3195" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/2017-07-10_21h39_36-e1499691031711.png?resize=600%2C419" alt="" width="600" height="419" data-recalc-dims="1" />
<p>&nbsp;</p>
<p>次に、画面の一番下までスクロールしてください。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-3196" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/2017-07-10_21h39_43-e1499691167557.png?resize=600%2C318" alt="" width="600" height="318" data-recalc-dims="1" />
<p><strong>詳細設定</strong>という所をクリックします。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>表示された画面を少し下にスクロールすると、</p>
<p><strong>ダウンロード</strong>という項目があります。</p>
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-3197" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/2017-07-10_21h21_53-e1499691259265.png?resize=600%2C180" alt="" width="600" height="180" data-recalc-dims="1" />
<p>ここにある、<br />
 <span style="background-color: #ffff99;">ダウンロード後に特定の種類のファイルを自動的に開きます</span></p>
<p>という文字の右にある、<span style="background-color: #ffff99;"><strong>クリア</strong></span>をクリックします。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span style="background-color: #ffff99;"><strong>クリア</strong></span>をクリックしたら、先ほどの項目は消えています。</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-3198" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/07/2017-07-10_21h39_59-e1499691199432.png?resize=600%2C149" alt="" width="600" height="149" data-recalc-dims="1" />
<p>これで自動的にファイルが開く機能は無効になりました。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>今後、<strong>画像をダウンロードするたびに</strong><br />
 <strong>いちいちファイルが開くのを手動で閉じる。</strong></p>
<p>という面倒がなくなりました^^*</p>
<p>&nbsp;</p>
<p>試しに無料画像サイトで10枚くらい一気にダウンロード<br />
 してみましたが、自動でファイルは開かれませんでした♪</p>
<p>&nbsp;</p>
<h2>まとめ</h2>
<p>&nbsp;</p>
<p><strong>画像をダウンロードした時に</strong><br />
 <strong>自動的にファイルが開く機能を無効にする方法</strong></p>
<p>について解説しました^^</p>
<p>&nbsp;</p>
<p>急いでいる時や大量に画像をダウンロードする時は、<br />
 手間がかからずに助かりますよ♪</p>The post <a href="https://chie-okodukai.com/3191.html">パソコンで画像をダウンロードした時に、自動的にファイルが開く機能を無効にする方法♪　【GoogleChrome】</a> first appeared on <a href="https://chie-okodukai.com">私、就活辞めて、ネットで起業しました。</a>.]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">3191</post-id>	</item>
		<item>
		<title>WordPressでメルマガ紹介などの画像のスライドショーを簡単に作れるプラグイン【Easing Slider】</title>
		<link>https://chie-okodukai.com/1653.html</link>
		
		<dc:creator><![CDATA[chie*]]></dc:creator>
		<pubDate>Wed, 17 May 2017 13:48:04 +0000</pubDate>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[画像]]></category>
		<category><![CDATA[Easing Slider]]></category>
		<category><![CDATA[スライドショー]]></category>
		<category><![CDATA[メルマガ]]></category>
		<guid isPermaLink="false">http://chie-okodukai.com/?p=1653</guid>

					<description><![CDATA[<p>こんにちは、chieです(^^) &#160; 今回は、ワードプレスでメルマガを紹介する 画像のスライドショーを簡単に作れるプラグイン 【Easing Slider】のインストールから設定方法 まで、図解入りで詳しく解説...</p>
The post <a href="https://chie-okodukai.com/1653.html">WordPressでメルマガ紹介などの画像のスライドショーを簡単に作れるプラグイン<br>【Easing Slider】</a> first appeared on <a href="https://chie-okodukai.com">私、就活辞めて、ネットで起業しました。</a>.]]></description>
										<content:encoded><![CDATA[<img decoding="async" loading="lazy" class="size-full wp-image-1704 aligncenter" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/blog-793047_640-e1495028500465.jpg?resize=600%2C398" alt="" width="600" height="398" data-recalc-dims="1" />
<p>こんにちは、chieです(^^)</p>
<p>&nbsp;</p>
<p>今回は、<span style="background-color: #ffff99;">ワードプレスでメルマガを紹介する</span><br />
 <span style="background-color: #ffff99;">画像のスライドショーを簡単に作れるプラグイン</span><br />
 <span style="background-color: #ffff99;">【<strong>Easing Slider</strong>】のインストールから設定方法<br />
 </span>まで、図解入りで詳しく解説します。</p>
<p>&nbsp;</p>
<p>ブログを見ている時に、<br />
 画像がスライドショーで表示されている<br />
 という状況を見たことがあると思います。</p>
<p>こんな感じですね。<br />
 [easingslider id=&#8221;1645&#8243;]
<p>これ、自分で出来たらかっこいいなあ<br />
 と思った事ありませんか？</p>
<p>&nbsp;</p>
<p><strong>Easing Slider</strong>を使えば、<br />
 スライドショーの画像の細かい設定から<br />
 表示速度まで自分で決める事が出来ます。</p>
<p>&nbsp;</p>
<p>設定も意外と簡単なのでご安心ください。</p>
<p>ちなみに、画像は<span style="text-decoration: underline;">自分で用意したもの</span>を使います。</p>
<p>私は、無料画像サイトなどでダウンロードした画像に<br />
 文字を入れて編集したものを使っています♪</p>
<p>&nbsp;</p>
<p>枚数に制限はありません。<br />
 設定前に用意しておいて下さいね^^</p>
<p>&nbsp;</p>
<h3>Easing Sliderのインストール</h3>
<p>&nbsp;</p>
<p>さっそくインストールしていきましょう。</p>
<p>&nbsp;</p>
<p>まずは、ワードプレスのダッシュボードから<br />
 【<strong>プラグイン</strong>】→【<strong>新規追加</strong>】をクリック。</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-1615" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-16_15h00_05.png?resize=320%2C110" alt="" width="320" height="110" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-16_15h00_05.png?w=320&amp;ssl=1 320w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-16_15h00_05.png?resize=300%2C103&amp;ssl=1 300w" sizes="(max-width: 320px) 100vw, 320px" data-recalc-dims="1" />
<p>&nbsp;</p>
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-1660" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h15_03-e1495022670550.png?resize=600%2C223" alt="" width="600" height="223" data-recalc-dims="1" />
<p><span style="color: #ff0000;">①</span>画面右上の検索窓に<strong>Easing Slider</strong>と打ち込んで、</p>
<p><span style="color: #ff0000;">②</span><strong>今すぐインストール</strong>をクリック。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-1661" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h15_18.png?resize=580%2C268" alt="" width="580" height="268" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h15_18.png?w=580&amp;ssl=1 580w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h15_18.png?resize=300%2C139&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h15_18.png?resize=320%2C148&amp;ssl=1 320w" sizes="(max-width: 580px) 100vw, 580px" data-recalc-dims="1" />
<p><strong>有効化</strong>をクリック。</p>
<p>&nbsp;</p>
<p>これでインストールは完了です(^^)</p>
<p>&nbsp;</p>
<h3>Easing Sliderの設定方法</h3>
<p>&nbsp;</p>
<p>Easing Sliderのインストールにより、<br />
 ダッシュボードに<strong>Sliders</strong>という項目が追加されています。</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-1662" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h15_43.png?resize=157%2C152" alt="" width="157" height="152" data-recalc-dims="1" />
<p>&nbsp;</p>
<p>スライドショーの設定はここから行うので、<br />
 【<strong>Sliders</strong>】<strong>→</strong>【<strong>Add new</strong>】をクリックして下さい。</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-1663" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h16_09.png?resize=320%2C121" alt="" width="320" height="121" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h16_09.png?w=320&amp;ssl=1 320w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h16_09.png?resize=300%2C113&amp;ssl=1 300w" sizes="(max-width: 320px) 100vw, 320px" data-recalc-dims="1" />
<p>&nbsp;</p>
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-1664" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h16_46-e1495023111339.png?resize=600%2C61" alt="" width="600" height="61" data-recalc-dims="1" />
<p><span style="color: #ff0000;">①</span>これから作るスライドショーの名前を決めます。</p>
<p>自分で管理した時に分かりやすい名前であれば<br />
 何でも大丈夫です^^</p>
<p>入力したら、<span style="color: #ff0000;">②</span>の<strong>Add Slides</strong>をクリック。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1665 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_19h03_21-e1495023270640.png?resize=600%2C444" alt="" width="600" height="444" data-recalc-dims="1" />
<p>事前に準備していた、<br />
 <span style="color: #ff6600;"><strong>スライドショーに使う画像</strong></span>を選択します。</p>
<p><strong>ドラッグ＆ドロップ</strong>か<strong>ファイルを選択</strong>で選びます。</p>
<p>通常のメディアライブラリと同じ作業ですね。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-1666" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h20_02-e1495023859991.png?resize=600%2C494" alt="" width="600" height="494" data-recalc-dims="1" />
<p>スライドショーに使いたい画像をすべて選択したら、<br />
 右下の<strong>Insert into Slider</strong>をクリック。</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-1667" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h20_07.png?resize=142%2C45" alt="" width="142" height="45" data-recalc-dims="1" />
<p>&nbsp;</p>
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-1668" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h20_39.png?resize=483%2C293" alt="" width="483" height="293" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h20_39.png?w=483&amp;ssl=1 483w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h20_39.png?resize=300%2C182&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h20_39.png?resize=320%2C194&amp;ssl=1 320w" sizes="(max-width: 483px) 100vw, 483px" data-recalc-dims="1" />
<p>選択した画像が表示されました。</p>
<p>この順番でスライドショーとして表示されるので、<br />
 順番を変えたい場合は<span style="color: #ff6600;">画像を左クリックして</span><br />
 <span style="color: #ff6600;">選択したまま左右に入れ替えて下さい。</span></p>
<p>&nbsp;</p>
<p>各画像の上にカーソルを合わせると、<br />
 このような表示が出ます。<br />
 <img decoding="async" loading="lazy" class="alignnone size-full wp-image-1669" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h21_14.png?resize=511%2C312" alt="" width="511" height="312" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h21_14.png?w=511&amp;ssl=1 511w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h21_14.png?resize=300%2C183&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h21_14.png?resize=320%2C195&amp;ssl=1 320w" sizes="(max-width: 511px) 100vw, 511px" data-recalc-dims="1" /></p>
<p><span style="color: #ff0000;">①</span>のマークをクリックすると、画像の設定が出来ます。</p>
<p><span style="color: #ff0000;">②</span>をクリックすると、画像をスライドショーから外す事が出来ます。</p>
<p>&nbsp;</p>
<p><span style="color: #ff0000;">①</span>をクリックして設定を行いましょう。<br />
 <img decoding="async" loading="lazy" class="alignnone size-full wp-image-1670" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_19h07_51-e1495024285589.png?resize=600%2C264" alt="" width="600" height="264" data-recalc-dims="1" /></p>
<p>右側の設定をしていきます。</p>
<p>拡大しました。</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-1694" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_19h07_511.png?resize=447%2C516" alt="" width="447" height="516" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_19h07_511.png?w=447&amp;ssl=1 447w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_19h07_511.png?resize=260%2C300&amp;ssl=1 260w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_19h07_511.png?resize=320%2C369&amp;ssl=1 320w" sizes="(max-width: 447px) 100vw, 447px" data-recalc-dims="1" />
<p><span style="color: #ff0000;">①</span>まず、<strong>Custom URL</strong>を選択してください。</p>
<p><span style="color: #ff0000;">②</span>に、<strong>メルマガの登録ページのURL</strong>を入力します。</p>
<p><span style="color: #ff0000;">③</span>にチェックを入れて、<span style="text-decoration: underline;">画像をクリックした時に</span><br />
 <span style="text-decoration: underline;">　違うタブで開かれる</span>ように設定をします。</p>
<p><span style="color: #ff0000;">④</span>の<strong>Update</strong>をクリックして設定を確定しましょう。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-1671" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h20_39-1.png?resize=483%2C293" alt="" width="483" height="293" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h20_39-1.png?w=483&amp;ssl=1 483w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h20_39-1.png?resize=300%2C182&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h20_39-1.png?resize=320%2C194&amp;ssl=1 320w" sizes="(max-width: 483px) 100vw, 483px" data-recalc-dims="1" />
<p>今の設定を、残りの画像にも同じようにして下さい。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>画像の設定ができたら、続いて右側の<br />
 細かい設定をしていきましょう。<br />
 <img decoding="async" loading="lazy" class="alignnone size-full wp-image-1672" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_19h12_40-e1495024638662.png?resize=600%2C277" alt="" width="600" height="277" data-recalc-dims="1" /></p>
<p>&nbsp;</p>
<p>上から順に説明します。</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-1673" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h25_06.png?resize=299%2C292" alt="" width="299" height="292" data-recalc-dims="1" />
<p>表示される画像の大きさを決めます。</p>
<p>基本的には、使う画像と同じくらいのサイズが良いです。</p>
<p><strong>Make 100% full width.</strong>にチェックを入れる事で、<br />
 表示される画面いっぱいに画像を表示させることが出来ます。</p>
<p>チェックを入れた方がバランスよく表示されます。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-1674" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h25_25.png?resize=308%2C293" alt="" width="308" height="293" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h25_25.png?w=308&amp;ssl=1 308w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h25_25.png?resize=300%2C285&amp;ssl=1 300w" sizes="(max-width: 308px) 100vw, 308px" data-recalc-dims="1" />
<p>画面の表示設定です。</p>
<p><strong>Effect:</strong>で<strong>Fede</strong>を選ぶと、フェードアウトするように<br />
 画面がぼや～っとなって次の画像に切り替わります。</p>
<p><strong>Slide</strong>を選ぶと、横にスライドする形で<br />
 次の画像に切り替わります。</p>
<p>ここはお好みで決めて下さい(^^)</p>
<p>&nbsp;</p>
<p>下の数字の部分ですが、<br />
 ここの数字が大きい程画面が切り替わる<br />
 速度が遅くなります。</p>
<p><strong>1000=1秒</strong>で計算して下さい。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-1675" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h25_45.png?resize=298%2C185" alt="" width="298" height="185" data-recalc-dims="1" />
<p>ここにはチェックを入れておきましょう。</p>
<p>画像の読み込み時間を短縮する事で、<br />
 <strong>ブログの表示速度を上げる</strong>効果があります。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-1697" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_21h54_48.png?resize=295%2C341" alt="" width="295" height="341" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_21h54_48.png?w=295&amp;ssl=1 295w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_21h54_48.png?resize=260%2C300&amp;ssl=1 260w" sizes="(max-width: 295px) 100vw, 295px" data-recalc-dims="1" />
<p>スライドショーを見た人が、<br />
 画像を操作できるかどうかの設定です。</p>
<p><strong>Arrows:</strong>の<strong>Enable</strong>を選択する事で可能になります。<br />
 画像では、このように矢印が表示されます。</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-1698" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_21h59_30-e1495026017881.png?resize=500%2C327" alt="" width="500" height="327" data-recalc-dims="1" />
<p><strong>On Hover:</strong>の<strong>False</strong>を選択すると、<br />
 常にこの矢印が表示される状態にできます。</p>
<p>&nbsp;</p>
<p><strong>Position:</strong>では、矢印を内側に表示させるか<br />
 外側に表示させるかを選べます。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-1700" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_22h04_47.png?resize=299%2C361" alt="" width="299" height="361" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_22h04_47.png?w=299&amp;ssl=1 299w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_22h04_47.png?resize=248%2C300&amp;ssl=1 248w" sizes="(max-width: 299px) 100vw, 299px" data-recalc-dims="1" />
<p>画像の枚数分表示される<strong>丸いアイコン</strong>の設定です。<br />
 <img decoding="async" loading="lazy" class="alignnone size-full wp-image-1699" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_22h03_50-e1495026385987.png?resize=500%2C336" alt="" width="500" height="336" data-recalc-dims="1" /></p>
<p>この部分ですね。</p>
<p>&nbsp;</p>
<p><strong>Pagination:</strong>の<strong>Enable</strong>を選択すると表示されます。</p>
<p><strong>On Hover:</strong>の<strong>False</strong>を選択する事で、<br />
 常にこの丸い部分を表示させる事が出来ます。</p>
<p><strong>Position:</strong>では、この丸い表示をどのように<br />
 表示させるかを細かく設定できます。</p>
<p>色々試してみて、お好みの設定にして下さい^^</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-1677" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h27_05.png?resize=297%2C267" alt="" width="297" height="267" data-recalc-dims="1" />
<p>最後の項目です。</p>
<p><strong>Playback:</strong>の<strong>Enable</strong>を選択する事で、<br />
 自動でスライドショーが繰り返し表示されます。</p>
<p>チェックを入れておきましょう。</p>
<p>&nbsp;</p>
<p><strong>Pause Duration:</strong>で画像1つ1つの表示時間を<br />
 設定できます。</p>
<p><strong>1000=1秒</strong>で計算して下さい。</p>
<p>&nbsp;</p>
<p>ここまで設定が終わったら、<br />
 <strong>Publish</strong>をクリックで完了です。<br />
 <img decoding="async" loading="lazy" class="alignnone size-full wp-image-1678" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h27_15.png?resize=126%2C50" alt="" width="126" height="50" data-recalc-dims="1" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>ダッシュボードから、<br />
 【<strong>Sliders</strong>】→【<strong>All Sliders</strong>】をクリックしてみて下さい。</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-1680" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h27_59.png?resize=154%2C168" alt="" width="154" height="168" data-recalc-dims="1" />
<p>&nbsp;</p>
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-1681" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h28_13.png?resize=388%2C285" alt="" width="388" height="285" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h28_13.png?w=388&amp;ssl=1 388w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h28_13.png?resize=300%2C220&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h28_13.png?resize=320%2C235&amp;ssl=1 320w" sizes="(max-width: 388px) 100vw, 388px" data-recalc-dims="1" />
<p>先ほど作ったスライドショーが保存されています。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>このタイトルをクリックすると、また設定をする事が出来ます。<br />
 <img decoding="async" loading="lazy" class="alignnone size-full wp-image-1682" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_19h24_17.png?resize=475%2C276" alt="" width="475" height="276" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_19h24_17.png?w=475&amp;ssl=1 475w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_19h24_17.png?resize=300%2C174&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_19h24_17.png?resize=320%2C186&amp;ssl=1 320w" sizes="(max-width: 475px) 100vw, 475px" data-recalc-dims="1" /></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3>スライドショーを表示させる方法</h3>
<p>&nbsp;</p>
<p>作ったスライドショーを記事に表示させたい場合、</p>
<p>&nbsp;</p>
<p>投稿ページを表示させると上部に<br />
 表示されている<strong>Add Slider</strong>をクリックします。</p>
<p>(固定ページにも同じ表示が出ます。)</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-1685" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h29_05.png?resize=392%2C344" alt="" width="392" height="344" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h29_05.png?w=392&amp;ssl=1 392w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h29_05.png?resize=300%2C263&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h29_05.png?resize=320%2C281&amp;ssl=1 320w" sizes="(max-width: 392px) 100vw, 392px" data-recalc-dims="1" />
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1686 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h29_20.png?resize=319%2C242" alt="" width="319" height="242" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h29_20.png?w=319&amp;ssl=1 319w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_03h29_20.png?resize=300%2C228&amp;ssl=1 300w" sizes="(max-width: 319px) 100vw, 319px" data-recalc-dims="1" />
<p><span style="color: #ff0000;">①</span>先ほど作ったスライドショーを選択して、</p>
<p><span style="color: #ff0000;">②</span>insert Sliderをクリック。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>すると、記事にスライドショーの情報が表示されます。</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1687 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_20h59_11.png?resize=333%2C292" alt="" width="333" height="292" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_20h59_11.png?w=333&amp;ssl=1 333w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_20h59_11.png?resize=300%2C263&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_20h59_11.png?resize=320%2C281&amp;ssl=1 320w" sizes="(max-width: 333px) 100vw, 333px" data-recalc-dims="1" />
<p>&nbsp;</p>
<p>このままの状態で<strong>プレビュー</strong>をクリックしてみて下さい。</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1689 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_21h00_03-e1495027771795.png?resize=500%2C306" alt="" width="500" height="306" data-recalc-dims="1" />
<p>スライドショーを確認する事が出来ます。</p>
<p>嬉しいですよね～(*^^*)</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>もし、サイドバーに表示させたい場合は</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-1690" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_21h01_17.png?resize=316%2C173" alt="" width="316" height="173" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_21h01_17.png?w=316&amp;ssl=1 316w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_21h01_17.png?resize=300%2C164&amp;ssl=1 300w" sizes="(max-width: 316px) 100vw, 316px" data-recalc-dims="1" />
<p>&nbsp;</p>
<p><strong>ウィジェット</strong>を表示させて、</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1691 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_19h23_37.png?resize=450%2C290" alt="" width="450" height="290" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_19h23_37.png?w=450&amp;ssl=1 450w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_19h23_37.png?resize=300%2C193&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_19h23_37.png?resize=320%2C206&amp;ssl=1 320w" sizes="(max-width: 450px) 100vw, 450px" data-recalc-dims="1" />
<p><strong>テキストウィジェット</strong>を<strong>サイドバーに追加</strong>して</p>
<p>先ほど投稿編集ページで表示されていた<br />
 スライドショーの情報をそのまま貼り付けて下さい。</p>
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1692 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_21h02_47.png?resize=177%2C83" alt="" width="177" height="83" data-recalc-dims="1" />
<p>&nbsp;</p>
<p>保存をクリックして<br />
 実際のサイドバーを確認してみると・・・。</p>
<img decoding="async" loading="lazy" class="alignnone size-full wp-image-1693" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_19h23_16.png?resize=358%2C251" alt="" width="358" height="251" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_19h23_16.png?w=358&amp;ssl=1 358w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_19h23_16.png?resize=300%2C210&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-17_19h23_16.png?resize=320%2C224&amp;ssl=1 320w" sizes="(max-width: 358px) 100vw, 358px" data-recalc-dims="1" />
<p>このようにちゃんと表示されています♪</p>
<p>&nbsp;</p>
<p>先ほども触れましたが、固定ページにも<br />
 表示できるので、お好きにスライドショーを<br />
 表示させてみて下さい^^</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h3>まとめ</h3>
<p>&nbsp;</p>
<p>少し長くなってしまいましたが、<br />
 お好みのスライドショーが<br />
 作れましたでしょうか？</p>
<p>&nbsp;</p>
<p>細かい設定が出来るので、<br />
 慣れてきたら色々と設定を試してみるのも<br />
 良いと思います(^^)お疲れ様でした♪</p>The post <a href="https://chie-okodukai.com/1653.html">WordPressでメルマガ紹介などの画像のスライドショーを簡単に作れるプラグイン<br>【Easing Slider】</a> first appeared on <a href="https://chie-okodukai.com">私、就活辞めて、ネットで起業しました。</a>.]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1653</post-id>	</item>
		<item>
		<title>WordPressにアップロードした画像サイズを自動で圧縮軽量化！表示速度が遅くなるのを防ぐ【EWWW Image Optimizer】</title>
		<link>https://chie-okodukai.com/1505.html</link>
		
		<dc:creator><![CDATA[chie*]]></dc:creator>
		<pubDate>Fri, 12 May 2017 14:51:01 +0000</pubDate>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[画像]]></category>
		<category><![CDATA[表示速度]]></category>
		<category><![CDATA[圧縮]]></category>
		<category><![CDATA[EWWW Image Optimizer]]></category>
		<guid isPermaLink="false">http://chie-okodukai.com/?p=1505</guid>

					<description><![CDATA[<p>こんにちは、chieです(^^) 今回は、画像をメディアライブラリにアップロードするだけで自動で画像のサイズを圧縮・軽量化し、ブログの表示速度を改善してくれるプラグイン【EWWW Image Optimizer】 のイン...</p>
The post <a href="https://chie-okodukai.com/1505.html">WordPressにアップロードした画像サイズを自動で圧縮軽量化！表示速度が遅くなるのを防ぐ【EWWW Image Optimizer】</a> first appeared on <a href="https://chie-okodukai.com">私、就活辞めて、ネットで起業しました。</a>.]]></description>
										<content:encoded><![CDATA[<img decoding="async" loading="lazy" class="size-full wp-image-1525 aligncenter" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/computer-767781_640-e1494615421582.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><span style="background-color: #ffff99;"><span style="color: #ff6600;"><strong>ブログの表示速度</strong></span></span><span style="background-color: #ffff99;"><span style="color: #ff6600;"><strong>を改善</strong></span>してくれるプラグイン【<strong>EWWW Image Optimizer</strong>】</span><br />
のインストールと設定方法まで図解入りで詳しく解説します。</p>
<p>&nbsp;</p>
<p>記事を書いていると、画像を挿入する事がありますよね。</p>
<p>特に、丁寧な解説をしようとすると自然と画像をいっぱい使った記事になります。</p>
<p>画像を使った記事が増える程に、ブログは重くなっていきます。</p>
<p>&nbsp;</p>
<p>そこで役に立つのがこのプラグイン【<strong>EWWW Image Optimizer</strong>】です。</p>
<p><span style="text-decoration: underline;">メディアライブラリにアップロードした画像</span>が<strong>自動で</strong><span style="color: #ff6600;"><strong>圧縮・軽量化</strong></span>されるので、データの通信量が減り、これだけでブログの表示速度の改善になります。</p>
<p>また、<br />
・<span style="background-color: #ffff99;">既にアップロードしている画像の圧縮も可能</span><br />
・<span style="background-color: #ffff99;">画像の位置情報(個人情報)の漏えいを防ぐ設定がある</span></p>
<p>などの便利な機能もありますので、ぜひ導入するようにしましょう！</p>
<p>&nbsp;</p>
<h2>EWWW Image Optimizerのインストール</h2>
<p>&nbsp;</p>
<p>さっそくインストールしていきましょう。</p>
<p>まずは、ワードプレスのダッシュボードから【<strong>プラグイン</strong>】→【<strong>新規追加</strong>】をクリック。</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1507 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-12_22h41_45.png?resize=319%2C108" alt="" width="319" height="108" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-12_22h41_45.png?w=319&amp;ssl=1 319w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-12_22h41_45.png?resize=300%2C102&amp;ssl=1 300w" sizes="(max-width: 319px) 100vw, 319px" data-recalc-dims="1" />
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1508 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-12_22h42_56-e1494599190929.png?resize=600%2C217" alt="" width="600" height="217" data-recalc-dims="1" />
<p><span style="color: #ff0000;">①</span>右上の検索窓に<strong>EWWW Image Optimizer</strong>と打ち込んで、</p>
<p><span style="color: #ff0000;">②</span><strong>今すぐインストール</strong>をクリック。</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="qwq alignnone wp-image-1509 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-12_22h43_15.png?resize=584%2C296" alt="" width="584" height="296" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-12_22h43_15.png?w=584&amp;ssl=1 584w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-12_22h43_15.png?resize=300%2C152&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-12_22h43_15.png?resize=320%2C162&amp;ssl=1 320w" sizes="(max-width: 584px) 100vw, 584px" data-recalc-dims="1" /><br />
<strong>有効化</strong>をクリック。</p>
<p>これでインストールは完了です(^^)</p>
<p>これだけでも、今後メディアライブラリにアップロードした画像は自動で圧縮されます♪</p>
<p>&nbsp;</p>
<h2>EWWW Image Optimizerのインストール以前にアップロードした画像を圧縮する方法</h2>
<p>&nbsp;</p>
<p>インストール・有効化したら、その後アップロードした画像に関しては圧縮などの機能が作用しますが、<span style="text-decoration: underline;">インストール以前の画像</span>には適応されません。</p>
<p>そこで、<strong><span style="color: #ff6600;">圧縮されていない画像を一括で圧縮</span></strong>する方法を説明します(^^)</p>
<p>&nbsp;</p>
<p>まずは、ダッシュボードから、【<strong>メディア</strong>】→【<strong>一括最適化</strong>】をクリック。</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1511 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-12_23h34_13.png?resize=317%2C94" alt="" width="317" height="94" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-12_23h34_13.png?w=317&amp;ssl=1 317w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-12_23h34_13.png?resize=300%2C89&amp;ssl=1 300w" sizes="(max-width: 317px) 100vw, 317px" data-recalc-dims="1" />
<p>&nbsp;</p>
<p>一括最適化の設定画面が表示されました。</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1516 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-12_23h38_14-e1494613375129.png?resize=600%2C269" alt="" width="600" height="269" data-recalc-dims="1" />
<p><strong>最適化されていない画像をスキャンする</strong>をクリック。</p>
<p>&nbsp;</p>
<p><img decoding="async" loading="lazy" class="qwq alignnone wp-image-1517 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-12_23h39_41-e1494613424934.png?resize=600%2C276" alt="" width="600" height="276" data-recalc-dims="1" /><br />
すると、最適化に該当する画像数が表示されます。</p>
<p><strong>最適化を開始</strong>をクリックしましょう。</p>
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1518 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-12_23h39_54-e1494613511499.png?resize=600%2C165" alt="" width="600" height="165" data-recalc-dims="1" />
<p>最適化の作業が始まります。</p>
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1519 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-12_23h40_12-e1494613554820.png?resize=600%2C329" alt="" width="600" height="329" data-recalc-dims="1" />
<p>最適化が済んだ画像ファイルが下に表示されます。</p>
<p>最適化する画像数によっては少し時間がかかるので、そのまま待ちましょう。</p>
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1520 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-12_23h44_34.png?resize=292%2C140" alt="" width="292" height="140" data-recalc-dims="1" />
<p><strong>完了</strong>という表示が出たら、最適化は終了です^^</p>
<p>&nbsp;</p>
<h2>撮影した画像から個人情報が漏えいしない為の設定</h2>
<p>&nbsp;</p>
<p><span style="color: #000000;"><div class="supplement warning"> ※スマホなどで自分で撮影した画像をブログに掲載したい方は必ず確認しましょう。</div></span></p>
<p>スマホなどで撮影した画像には、<strong>Exif</strong>(イグジフ)と呼ばれる情報が含まれています。</p>
<p>情報と言うのは、<br />
・<span style="background-color: #ffff99;">撮影した機器の情報</span><br />
・<span style="background-color: #ffff99;">撮影日時</span><br />
・<span style="background-color: #ffff99;">GPS情報(位置情報)</span></p>
<p>などのデータの事を言います。</p>
<p>&nbsp;</p>
<p>ここで気を付けたいのが、<strong>GPS情報</strong>です。</p>
<p>GPS情報には、<span style="text-decoration: underline; color: #ff0000;">撮影した場所のデータ</span>が記録されています。</p>
<p>なので、もし自宅で撮影した画像から位置情報が誰かに分かってしまったら怖いですよね。</p>
<p>&nbsp;</p>
<p><strong>EWWW Image Optimizer</strong>には、このような個人情報を<strong><span style="color: #ff6600;">自動で削除</span></strong>する機能が付いています。</p>
<p>デフォルトで設定されているとは思いますが、念のため確認しておきましょう。</p>
<p>&nbsp;</p>
<p>ダッシュボードから、【<strong>設定</strong>】→【<strong>EWWW Image Optimizer</strong>】をクリック。</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1510 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-12_23h32_38.png?resize=320%2C271" alt="" width="320" height="271" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-12_23h32_38.png?w=320&amp;ssl=1 320w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-12_23h32_38.png?resize=300%2C254&amp;ssl=1 300w" sizes="(max-width: 320px) 100vw, 320px" data-recalc-dims="1" />
<p>&nbsp;</p>
<p><strong>EWWW Image Optimizer</strong>の設定画面が表示されました。</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1522 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-13_03h45_06-e1494614835856.png?resize=600%2C176" alt="" width="600" height="176" data-recalc-dims="1" />
<p>基本設定タブの、<strong>メタデータを削除</strong>にチェックが入っている事を確認して下さい。</p>
<p>これにより、メディアライブラリに画像をアップロードした時に、個人情報のデータなどが<strong><span style="color: #ff6600;">自動で削除</span></strong>されるようになります。</p>
<p>この設定があれば、個人情報の漏えいも一安心ですね♪</p>
<p>&nbsp;</p>
<h2>まとめ</h2>
<p>&nbsp;</p>
<p>これで、画像をよく使う記事も安心して投稿できますね(*^^*)</p>
<p>個人情報の漏えいという文字を見て、ドキッとした方は多いと思います。</p>
<p>もし、自分で撮影した画像を<strong>EWWW Image Optimizer</strong>のインストール前に記事に掲載していたのなら、<span style="color: #ff6600;"><strong>一括最適化</strong></span>をしておきましょう。</p>
<p>&nbsp;</p>
<p><span style="text-decoration: underline;">ブログの表示速度が改善</span>されると読者さんの記事からの離脱率も下がるし、<span style="color: #ff6600;"><strong>SEO対策</strong></span>にもなる。</p>
<p>しかも自分の個人情報も守れて一石二鳥ですね♪</p>
<p>&nbsp;</p>The post <a href="https://chie-okodukai.com/1505.html">WordPressにアップロードした画像サイズを自動で圧縮軽量化！表示速度が遅くなるのを防ぐ【EWWW Image Optimizer】</a> first appeared on <a href="https://chie-okodukai.com">私、就活辞めて、ネットで起業しました。</a>.]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1505</post-id>	</item>
		<item>
		<title>WordPressの記事に挿入したテキストや画像のリンク切れを知らせてくれるプラグイン【Broken Link Checker】</title>
		<link>https://chie-okodukai.com/1439.html</link>
		
		<dc:creator><![CDATA[chie*]]></dc:creator>
		<pubDate>Wed, 10 May 2017 14:56:03 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[テキスト]]></category>
		<category><![CDATA[リンク切れ]]></category>
		<category><![CDATA[Broken Link Checker]]></category>
		<category><![CDATA[画像]]></category>
		<category><![CDATA[プラグイン]]></category>
		<guid isPermaLink="false">http://chie-okodukai.com/?p=1439</guid>

					<description><![CDATA[<p>こんにちは、chieです(^^) 今回は、ブログ記事に挿入したURLのリンクや画像が機能しなくなった(表示されていない)時に教えてくれるプラグイン【Broken Link Checker】のインストールと使い方について、...</p>
The post <a href="https://chie-okodukai.com/1439.html">WordPressの記事に挿入したテキストや画像のリンク切れを知らせてくれるプラグイン【Broken Link Checker】</a> first appeared on <a href="https://chie-okodukai.com">私、就活辞めて、ネットで起業しました。</a>.]]></description>
										<content:encoded><![CDATA[<img decoding="async" loading="lazy" class="size-full wp-image-1457 aligncenter" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/rings-684944_640-e1494433688870.jpg?resize=600%2C399" alt="" width="600" height="399" data-recalc-dims="1" />
<p>こんにちは、chieです(^^)</p>
<p>今回は、<span style="background-color: #ffff99;">ブログ記事に挿入したURLのリンクや画像が機能しなくなった(表示されていない)</span><span style="background-color: #ffff99;">時に教えてくれるプラグイン【Broken Link Checker】</span><span style="background-color: #ffffff;">のインストールと使い方について、図解入りで詳しく解説します。</span></p>
<p>&nbsp;</p>
<p>ブログ記事に挿入したリンクや画像、ちゃんと<strong><span style="color: #ff6600;">チェック</span></strong><span style="color: #000000;">出来て</span>いますか？</p>
<p>記事がまだ少ないうちは各記事をチェックする事が出来ますが、記事が多くなってくるほどに全てを確認するのは難しくなってきますよね(^^;)</p>
<p>&nbsp;</p>
<p>せっかくあなたの記事を読んでくれている人が、記事のリンクをクリックしてサイトに繋がらなかったり画像が表示されていないのを見たらがっかりします。</p>
<p>そんな時に役に立つのが、【<span style="color: #ff6600;"><strong>Broken Link Checker</strong></span>】です。</p>
<p>どの記事のどのリンクや画像が機能しなくなったのかというのを、ダッシュボードやメールで知らせてくれる凄く助かるプラグインです。</p>
<p>&nbsp;</p>
<p>そんなつもりは無くても、うっかりの操作ミス等でリンク切れを起こしている可能性もあります。</p>
<p>私はそれで助けられた経験がありますので、その時の状況についても記載しています。</p>
<p>&nbsp;</p>
<h2>Broken Link Checkerのインストール</h2>
<p>&nbsp;</p>
<p>インストールを行います。</p>
<p>まずは、ワードプレスのダッシュボードから【<strong>プラグイン</strong>】【<strong>新規追加</strong>】をクリック。</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1441 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-10_23h34_25.png?resize=317%2C107" alt="" width="317" height="107" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-10_23h34_25.png?w=317&amp;ssl=1 317w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-10_23h34_25.png?resize=300%2C101&amp;ssl=1 300w" sizes="(max-width: 317px) 100vw, 317px" data-recalc-dims="1" />
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1442 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-10_23h35_17-e1494427466232.png?resize=600%2C219" alt="" width="600" height="219" data-wp-editing="1" data-recalc-dims="1" />
<p><span style="color: #ff0000;">①</span>左上の検索窓に<strong>Broken Link Checker</strong>と入力し、<br />
<span style="color: #ff0000;">②</span><strong>今すぐインストール</strong>をクリック。</p>
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1443 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-10_23h35_33.png?resize=573%2C293" alt="" width="573" height="293" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-10_23h35_33.png?w=573&amp;ssl=1 573w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-10_23h35_33.png?resize=300%2C153&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-10_23h35_33.png?resize=320%2C164&amp;ssl=1 320w" sizes="(max-width: 573px) 100vw, 573px" data-recalc-dims="1" />
<p><span style="color: #ff0000;">③</span><strong>有効化</strong>をクリック</p>
<p>これでインストールと有効化は完了です^^</p>
<p>&nbsp;</p>
<h2>Broken Link Checkerの設定</h2>
<p>&nbsp;</p>
<p>続いて、設定を行いましょう。</p>
<p>【<strong>設定</strong>】→【<strong>リンクチェッカー</strong>】をクリック。</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1444 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-10_23h47_41.png?resize=320%2C201" alt="" width="320" height="201" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-10_23h47_41.png?w=320&amp;ssl=1 320w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-10_23h47_41.png?resize=300%2C188&amp;ssl=1 300w" sizes="(max-width: 320px) 100vw, 320px" data-recalc-dims="1" />
<p>&nbsp;</p>
<p><strong>Broken Link Checker</strong> のオプションが表示されました。</p>
<a href="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-11_00h18_27-e1494429578919.png?ssl=1"><img decoding="async" loading="lazy" class="qwq alignnone wp-image-1449 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-11_00h18_27-e1494429578919.png?resize=600%2C363&#038;ssl=1" alt="" width="600" height="363" data-recalc-dims="1" /></a>
<p>設定する項目は一般タブのみで良いです。<br />
画像やリンクを検出する設定はすでにされています。</p>
<p>&nbsp;</p>
<p><span style="color: #ff0000;">①</span>機能していないリンクがあった場合、この部分に、リンクエラーを発見しました。という表示が出ます。</p>
<p><span style="color: #ff0000;">②</span>どのくらいの時間でリンクをチェックする作業をするかという設定です。</p>
<p>デフォルトでは72時間になっていますが私は48時間にしています。<br />
<div class="supplement normal"> あまり短い時間にすると、その分ブログに負担がかかってしまいます。</div>
<p><span style="color: #ff0000;">③</span>リンクエラーが検出された時に、あなたのメールアドレスに通知するかどうかを決めます。</p>
<p><span style="color: #ff0000;">④</span>デフォルトではWordPressで設定してあるメールアドレスに届きます。<br />
他のメールアドレスを指定したい時は入力して下さい。</p>
<p><span style="color: #ff0000;">⑤</span>デフォルトでチェックが入っています。<br />
リンク切れのテキストが検出された場合、そのテキストはブログの記事内でこのように<del>真ん中に線が付きます。</del></p>
<p>&nbsp;</p>
<p>設定に関しては以上です^^</p>
<p>&nbsp;</p>
<h2>リンク切れが判明した時の設定方法</h2>
<p>&nbsp;</p>
<p>リンク切れの通知はメールでも届きますが、一番目にするのはダッシュボードからの通知だと思います。</p>
<p>ダッシュボードには、このように常に<strong>Broken Link Checker</strong>の状態が表示されています。</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1451 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-11_00h36_45-e1494430645161.png?resize=600%2C339" alt="" width="600" height="339" data-recalc-dims="1" />
<p>今回は、わざとリンクの切れたテキストリンクを投稿してみました。</p>
<p>投稿して暫くすると、このようにリンクエラーを検出してくれます。</p>
<p>&nbsp;</p>
<p>ダッシュボードでエラーの通知を発見した場合、<span style="color: #3366ff;">〇個のリンクエラーを発見しました</span>という文字をクリックします。</p>
<p>すると、リンクエラーの一覧が表示されます。</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1452 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-11_00h41_29-e1494431093874.png?resize=600%2C211" alt="" width="600" height="211" data-recalc-dims="1" />
<p><span style="color: #ff0000;">①</span>の<strong>URLを編集</strong>をクリックすると、リンクの編集画面が表示されます。</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1453 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-05-11_00h48_02-e1494431371179.png?resize=600%2C250" alt="" width="600" height="250" data-recalc-dims="1" />
<p>単にURLの綴り間違いの場合、ここで編集すれば大丈夫です。</p>
<p>&nbsp;</p>
<p><span style="color: #ff0000;">②</span><strong>リンク解除</strong>をクリックすると、全ての投稿記事の中に挿入している同じリンクが削除されます。</p>
<p><span style="color: #ff0000;">③</span>誤作動のリンクエラーの場合、ここをクリックする事でこの一覧から削除され、通常と判断されます。</p>
<p><span style="color: #ff0000;">④</span>この一覧からリンクを非表示にする事が出来ます。</p>
<p><span style="color: #ff0000;">⑤</span><strong>再確認</strong>をクリックすると、もう一度リンクチェッカーがリンク切れかどうかを確認してくれます。</p>
<p>&nbsp;</p>
<p>リンク切れが判明したら、この画面で対処するようにして下さい^^</p>
<p>&nbsp;</p>
<h2>このプラグインのおかげで重大なミスに気が付けました</h2>
<p>&nbsp;</p>
<p>ちなみに私は、このプラグインのおかげで<span style="color: #ff0000;"><strong>メディアに追加した画像を削除すると</strong></span><span style="color: #ff0000;"><strong>ブログ内の画像がリンク切れを起こす</strong></span><br />
という事を知りました・・(^^;</p>
<p>ブログを書き始めたばかりの頃で、</p>
<p>「<strong>何かメディアに画像が貯まってきたな～</strong><strong>ここらへんの画像はもう記事に載せたし、</strong><strong>削除しておこう。すっきりするし^^</strong>」</p>
<p>と、今考えると恐ろしい事をやらかしました。</p>
<p>メディアにある画像ファイルが記事内で作用する訳ですから、ファイルを消したら記事の画像も消えてしまいますよね。</p>
<p>&nbsp;</p>
<p>やらかしてしまった次の日、メールを見ると<span style="text-decoration: underline;">25個のエラー</span>との事。</p>
<p>焦りながらダッシュボードのエラーの文字をクリック。</p>
<p>初めてみるズラーっと並んだエラーに、プチパニックでした。</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1454 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-04-07_22h32_26-e1494432655767.png?resize=600%2C292" alt="" width="600" height="292" data-recalc-dims="1" />
<p>&nbsp;</p>
<p>おそるおそるURLをクリックしてみると、</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-1455 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/05/2017-04-07_23h03_54-e1494432804183.png?resize=600%2C340" alt="" width="600" height="340" data-recalc-dims="1" />
<p>該当ページの画像が全てこんな感じで消えてしまっていました(^^;</p>
<p>&nbsp;</p>
<p>バックアップ出来るプラグイン、【<a href="http://chie-okodukai.com/1339.html" target="_blank" rel="noopener noreferrer"><strong>WP-DBManager</strong></a>】はインストールしていましたが、</p>
<p>このプラグイン、画像ファイルのバックアップには対応していないんです。</p>
<p>これも、この時初めて判明しました。</p>
<p>&nbsp;</p>
<p>なので、<strong>この記事のここはこの画像だったよな～</strong></p>
<p>というのを、パソコンに保存してあった画像の中から探して、編集して。</p>
<p>と、かなり面倒な作業をしました。</p>
<p>&nbsp;</p>
<p>ワードプレスの操作に慣れていない頃はよく分からないままとんでもない事をやらかしている可能性があります。</p>
<p>あなたも気をつけて下さいね(;^ω^)</p>
<p>&nbsp;</p>
<h2>まとめ</h2>
<p>&nbsp;</p>
<p>これで、記事内のリンク切れチェックは完璧ですね！</p>
<p>自分で確認するのは大変ですから、こうして定期的にチェックしてくれるのは凄く助かります(^^)</p>
<p>リンクのチェックに関しては安心して、<strong>Broken Link Checker</strong>に任せましょう♪</p>
<p>&nbsp;</p>The post <a href="https://chie-okodukai.com/1439.html">WordPressの記事に挿入したテキストや画像のリンク切れを知らせてくれるプラグイン【Broken Link Checker】</a> first appeared on <a href="https://chie-okodukai.com">私、就活辞めて、ネットで起業しました。</a>.]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1439</post-id>	</item>
		<item>
		<title>WordPressの記事や画像のURLの確認方法とリンクの設定方法</title>
		<link>https://chie-okodukai.com/582.html</link>
		
		<dc:creator><![CDATA[chie*]]></dc:creator>
		<pubDate>Sun, 16 Apr 2017 10:36:07 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[画像]]></category>
		<category><![CDATA[リンク]]></category>
		<category><![CDATA[記事]]></category>
		<category><![CDATA[設定]]></category>
		<guid isPermaLink="false">http://chie-okodukai.com/?p=582</guid>

					<description><![CDATA[<p>こんにちは、chieです(^^) &#160; 今回は、他の記事のURLの確認方法や画像にリンクを付ける方法 について解説していきます。 &#160; &#160; ・テキストリンクでURLを付ける時 ・画像をクリックで...</p>
The post <a href="https://chie-okodukai.com/582.html">WordPressの記事や画像のURLの確認方法とリンクの設定方法</a> first appeared on <a href="https://chie-okodukai.com">私、就活辞めて、ネットで起業しました。</a>.]]></description>
										<content:encoded><![CDATA[<img decoding="async" loading="lazy" class="size-full wp-image-593 aligncenter" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/search-13476_640-e1492338491763.jpg?resize=600%2C480" alt="" width="600" height="480" data-recalc-dims="1" />
<p>こんにちは、chieです(^^)</p>
<p>&nbsp;</p>
<p>今回は、他の記事のURLの確認方法や画像にリンクを付ける方法<br />
 について解説していきます。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span style="background-color: #ffff99;">・テキストリンクでURLを付ける時<br />
 </span><span style="background-color: #ffff99;">・画像をクリックでサイトにリンクさせたい時</span></p>
<p>&nbsp;</p>
<p>など、記事を書いていたら他の記事のURLを載せたいときや<br />
 画像自体にリンクを付けたいという事が増えてきますよね。</p>
<p>&nbsp;</p>
<p>他の記事へのリンクをうまく利用できれば、訪問者さんに<br />
 多くの記事を見てもらえるようになります^^</p>
<p>&nbsp;</p>
<h3>リンクの挿入(テキストリンク)</h3>
<p>&nbsp;</p>
<p>まずは【<span style="color: #3366ff;">〇〇はこちら</span>】のような、テキストリンクの方法から。</p>
<p>&nbsp;</p>
<p>設定は、ダッシュボードの投稿編集画面で行います。</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-584 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_18h10_25.png?resize=595%2C316" alt="" width="595" height="316" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_18h10_25.png?w=595&amp;ssl=1 595w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_18h10_25.png?resize=300%2C159&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_18h10_25.png?resize=320%2C170&amp;ssl=1 320w" sizes="(max-width: 595px) 100vw, 595px" data-recalc-dims="1" />
<p><span style="color: #ff0000;"><strong>①</strong></span>リンクを挿入したいテキストを選択します(左クリックしたまま右にずらす)</p>
<p><span style="color: #ff0000;"><strong>②</strong></span>リンクの挿入/編集のマークをクリック。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-585 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_18h10_57.png?resize=497%2C118" alt="" width="497" height="118" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_18h10_57.png?w=497&amp;ssl=1 497w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_18h10_57.png?resize=300%2C71&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_18h10_57.png?resize=320%2C76&amp;ssl=1 320w" sizes="(max-width: 497px) 100vw, 497px" data-recalc-dims="1" />
<p>&nbsp;</p>
<p>各機能の説明ですが、</p>
<p><span style="color: #ff0000;"><strong>①</strong></span>には、記事以外のリンクを挿入したい時に使います。<br />
 　(紹介したいサイトのURLなど)</p>
<p><strong><span style="color: #ff0000;">②</span></strong>、①にURLをペーストしたら、この矢印をクリックで挿入完了です。</p>
<p>&nbsp;</p>
<p><span style="color: #ff0000;"><strong>③</strong></span>ブログ内の他の記事へのURLを使用したい時に使います。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p><span style="color: #ff0000;"><strong>③</strong></span>の使い方はこちら。</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-586 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_18h11_20.png?resize=531%2C530" alt="" width="531" height="530" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_18h11_20.png?w=531&amp;ssl=1 531w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_18h11_20.png?resize=150%2C150&amp;ssl=1 150w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_18h11_20.png?resize=300%2C300&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_18h11_20.png?resize=100%2C100&amp;ssl=1 100w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_18h11_20.png?resize=320%2C319&amp;ssl=1 320w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_18h11_20.png?resize=120%2C120&amp;ssl=1 120w" sizes="(max-width: 531px) 100vw, 531px" data-recalc-dims="1" />
<p>&nbsp;</p>
<p>リンク設定をクリックすると、ブログ内の記事一覧が表示されます。</p>
<p>ここからリンクしたい記事を選択します。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-587 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_18h11_41.png?resize=523%2C528" alt="" width="523" height="528" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_18h11_41.png?w=523&amp;ssl=1 523w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_18h11_41.png?resize=150%2C150&amp;ssl=1 150w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_18h11_41.png?resize=297%2C300&amp;ssl=1 297w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_18h11_41.png?resize=100%2C100&amp;ssl=1 100w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_18h11_41.png?resize=320%2C323&amp;ssl=1 320w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_18h11_41.png?resize=120%2C120&amp;ssl=1 120w" sizes="(max-width: 523px) 100vw, 523px" data-recalc-dims="1" />
<p>&nbsp;</p>
<p><span style="color: #ff0000;"><strong>①</strong></span>には選択した記事のURLが表示されます。</p>
<p><span style="color: #ff0000;"><strong>②</strong></span>のチェックボックスですが、このテキストリンクをクリックした時に</p>
<p><strong><span style="color: #ff6600;">ページが同じ画面のままそのリンクページに飛ぶか、</span></strong><br />
 <strong><span style="color: #ff6600;">今のページをそのままに違うタブで新しくリンクを開くか</span></strong></p>
<p>という設定です。</p>
<p>&nbsp;</p>
<p>このリンクが違うサイトへのクリックだった場合、</p>
<p>せっかくブログを見てくれていた訪問者さんがそのリンク先のサイトに</p>
<p>注目が移って、ブログに戻ってこない可能性が出てきます。</p>
<p>&nbsp;</p>
<p>ブログの存在を忘れられない為にも、チェックボックスにチェックを入れておく<br />
 事をおすすめします(^^)</p>
<p><strong><span style="color: #ff0000;">①</span></strong>と<span style="color: #ff0000;"><strong>②</strong></span>の確認ができたら、<span style="color: #ff0000;"><strong>③</strong></span>のリンクを追加で設定は完了です。</p>
<p>&nbsp;</p>
<h3>画像にリンクを挿入</h3>
<p>&nbsp;</p>
<p>画像にリンクを挿入する方法ですが、テキストリンクとやり方は同じです。</p>
<p>テキストリンクの場合テキストを選択していた箇所を<br />
画像を選択する事に変えるだけです(^^)</p>
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-590 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_18h47_58.png?resize=491%2C456" alt="" width="491" height="456" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_18h47_58.png?w=491&amp;ssl=1 491w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_18h47_58.png?resize=300%2C279&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_18h47_58.png?resize=320%2C297&amp;ssl=1 320w" sizes="(max-width: 491px) 100vw, 491px" data-recalc-dims="1" />
<p><span style="color: #ff0000;"><strong>①</strong></span>画像を選択</p>
<p><span style="color: #ff0000;"><strong>②</strong></span>挿入ボタンをクリック</p>
<p><span style="color: #ff0000;"><strong>③</strong></span>サイトのURLを貼り付けて</p>
<p><span style="color: #ff0000;"><strong>④</strong></span>をクリックで完了です♪</p>
<p>こちらも、テキストリンクと同じ方法で<br />
 <strong>リンクを新しいタブで開く</strong>設定ができます。
 </p>
<h4>サイトのURLの確認方法</h4>
<p>&nbsp;</p>
<p><span style="color: #ff9900;">各サイトのURLはどこからコピーするの？</span></p>
<p>という方の為に、URLの確認方法を説明しますね。</p>
<p>&nbsp;</p>
<p>このサイトのリンクをコピーして記事にリンクさせたいなあ</p>
<p>と思ったそのサイトのアドレスバーに注目してください。</p>
<p>&nbsp;</p>
<p>例として、Googleの画面で説明します。<br />
 <img decoding="async" loading="lazy" class="qwq alignnone wp-image-591 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-16_19h01_37-e1492337022967.png?resize=600%2C306" alt="" width="600" height="306" data-recalc-dims="1" /></p>
<p>この矢印の部分がサイトのURLになります。</p>
<p>リンクを挿入したいサイトがあったら、<br />
 この部分をコピーして投稿画面で貼り付けて下さい^^</p>
<p>&nbsp;</p>
<h3>まとめ</h3>
<p>&nbsp;</p>
<p>記事の量が増えてくると、<br />
紹介したい記事や一緒に見てほしい記事が自然と増えてきますよね。</p>
<p>&nbsp;</p>
<p>リンクを挿入する事で読み応えのある記事になるという利点もあります。</p>
<p>記事が増えてきたら、<span style="color: #ff6600;"><strong>関連記事をリンクする</strong></span>などして<br />
記事内容に工夫を加えていきましょう^^♪</p>The post <a href="https://chie-okodukai.com/582.html">WordPressの記事や画像のURLの確認方法とリンクの設定方法</a> first appeared on <a href="https://chie-okodukai.com">私、就活辞めて、ネットで起業しました。</a>.]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">582</post-id>	</item>
		<item>
		<title>WordPressの記事に画像を挿入！無料で使えるおすすめ画像サイトPixabay</title>
		<link>https://chie-okodukai.com/181.html</link>
		
		<dc:creator><![CDATA[chie*]]></dc:creator>
		<pubDate>Sun, 02 Apr 2017 12:26:41 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[無料]]></category>
		<category><![CDATA[画像]]></category>
		<category><![CDATA[記事]]></category>
		<category><![CDATA[サイト]]></category>
		<category><![CDATA[挿入]]></category>
		<category><![CDATA[使える]]></category>
		<category><![CDATA[おすすめ]]></category>
		<category><![CDATA[Pixabay]]></category>
		<guid isPermaLink="false">http://chie-okodukai.com/?p=181</guid>

					<description><![CDATA[<p>こんにちは、chieです(^^) 今回は、無料で使えて個人利用・商業利用OKの無料写真素材サイト【Pixabay】の使い方と注意点について詳しく解説します。 ・記事を書き始めたばかりでどこから画像をダウンロードしていいか...</p>
The post <a href="https://chie-okodukai.com/181.html">WordPressの記事に画像を挿入！無料で使えるおすすめ画像サイトPixabay</a> first appeared on <a href="https://chie-okodukai.com">私、就活辞めて、ネットで起業しました。</a>.]]></description>
										<content:encoded><![CDATA[<img decoding="async" loading="lazy" class="aligncenter wp-image-192 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/_1491135326-e1492247793224.jpg?resize=438%2C369" alt="" width="438" height="369" data-recalc-dims="1" />
<p>こんにちは、chieです(^^)</p>
<p>今回は、<span style="background-color: #ffff99;">無料で使えて<strong>個人利用・商業利用OK</strong>の無料写真素材サイト</span><span style="background-color: #ffff99;">【<strong>Pixabay</strong>】の使い方と注意点<span style="background-color: #ffffff;">について詳しく解説します。</span></span></p>
<p><span style="color: #0000ff;"><strong><span style="background-color: #ffffff;"><span style="color: #000000;">・</span>記事を書き始めたばかりでどこから画像をダウンロードしていいか分からない。<br />
</span></strong></span><span style="color: #0000ff;"><strong><span style="background-color: #ffffff;"><span style="color: #000000;">・</span>無料で安心して使える画像サイトを知りたい。</span></strong></span></p>
<p>という場合はぜひご覧ください^^</p>
<p>&nbsp;</p>
<h2>ブログで使う画像の注意点</h2>
<p>&nbsp;</p>
<p>まず初めに知っておくべき事は、<span style="color: #ff0000;">画像には著作権がある。</span>という事です。</p>
<p>自分で撮影して編集などをした画像に関しては、ブログに載せても問題ありません。<br />
(被写体が自分自身だったり、お花や自然など)</p>
<p>&nbsp;</p>
<p>しかし、ネット上に掲載されているあらゆる画像は誰かの所有物です。</p>
<p>今は簡単にグーグル画像検索などで画像を検索できますが、<span style="color: #ff0000; font-size: 16px; background-color: #ffffff;">検索で拾ってきた画像を何も考えずに<br />
そのまま自分のブログに使うのは絶対にやめましょう！</span></p>
<p>&nbsp;</p>
<p>検索で拾った画像を使いたいのならば、</p>
<ul>
<li><span style="background-color: #ffff99;">その画像元のサイトにいって、個人利用が許可されているか確かめる。</span></li>
<li><span style="background-color: #ffff99;">許可についての記載が無ければ、画像の所有者に直接ブログへの使用許可を取る。</span></li>
</ul>
<p>&nbsp;</p>
<p>この条件を満たしていれば、画像を使用する事ができます^^</p>
<p>しかし、いちいち調べたり許可を取っていたら大変ですよね。</p>
<p>&nbsp;</p>
<h2>サイトごとに規約を確認</h2>
<p>&nbsp;</p>
<p>そこで便利なのが、<span style="background-color: #ffff99;"><strong>無料で使える画像だけがまとめられた写真素材サイト</strong></span>です♪</p>
<p>&nbsp;</p>
<p>ただここでも気を付けるポイントが！</p>
<p>利用する画像は、サイトごとに<span style="background-color: #ffff99;"><strong>規約</strong></span>が定められています。</p>
<p>&nbsp;</p>
<p><span style="color: #ff0000;">個人利用も商材利用もOK</span>なものや、<span style="color: #ff0000;">個人利用のみOK</span>なもの。</p>
<p>また、使用する際に管理者へ事前連絡が必要な物や、クレジット表記(画像に著作権を表示)しないといけないというものも・・・。</p>
<p>それぞれの<span style="color: #ff0000;">サイトの規約には必ず一度目を通して確認しておきましょう。</span></p>
<p>&nbsp;</p>
<h2>【<strong>Pixabay</strong>】にはお洒落な写真がたくさん！</h2>
<p>&nbsp;</p>
<p>【<strong>Pixabay</strong>】は<strong><span style="color: #ff0000;">個人利用・商業利用OK</span></strong>の無料写真素材サイトです^^</p>
<p>&nbsp;</p>
<p>トップページはこんな感じ。(↓画像クリックで公式サイトに飛びます)</p>
<a href="https://pixabay.com/" target="_blank" rel="noopener"><img decoding="async" loading="lazy" class="qwq alignnone wp-image-183 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-02_20h17_45.png?resize=600%2C234" alt="" width="600" height="234" data-recalc-dims="1" /></a>
<p>この時点でお洒落な感じですよね♪</p>
<p>&nbsp;</p>
<p>【<strong>Pixabay</strong>】の規約はトップページに記載されています。</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-349 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-02_20h21_10.png?resize=600%2C96&#038;ssl=1" alt="" width="600" height="96" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-02_20h21_10.png?w=600&amp;ssl=1 600w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-02_20h21_10.png?resize=300%2C48&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-02_20h21_10.png?resize=320%2C51&amp;ssl=1 320w" sizes="(max-width: 600px) 100vw, 600px" data-recalc-dims="1" />
<p>&nbsp;</p>
<p><strong>このサイトの全ての画像と動画が無料であり、</strong><strong>利用するのにクレジット表記の必要が無い。<br />
</strong>という事が記載されていますね。</p>
<p>&nbsp;</p>
<p><span style="color: #3366ff;">詳細情報</span><span style="color: #000000;">をクリックすると、よくある質問の一覧が表示されます。</span></p>
<p>こういったページも一度目を通しておくと安心です。</p>
<p>&nbsp;</p>
<h2>利用方法</h2>
<p>&nbsp;</p>
<p>利用方法はとってもシンプル。</p>
<p>トップページの検索窓に自分が見つけたい画像のキーワードを打ち込みましょう。</p>
<p>&nbsp;</p>
<p>試しに検索してみます。</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-350" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-02_20h29_52.png?resize=600%2C247" alt="" width="600" height="247" srcset="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-02_20h29_52.png?w=838&amp;ssl=1 838w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-02_20h29_52.png?resize=300%2C124&amp;ssl=1 300w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-02_20h29_52.png?resize=768%2C316&amp;ssl=1 768w, https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-02_20h29_52.png?resize=320%2C132&amp;ssl=1 320w" sizes="(max-width: 600px) 100vw, 600px" data-recalc-dims="1" />
<p><span style="color: #ff0000;">①</span>探したい画像のキーワードを打ち込んで、<br />
<span style="color: #ff0000;">②</span>検索をクリック。</p>
<p>例として、空の画像を検索してみます(^^)</p>
<p>&nbsp;</p>
<p><span style="color: #ff0000;">②</span>をクリックしたら、検索結果が表示されました。</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-188 size-full" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-02_20h37_45.png?resize=600%2C283" alt="" width="600" height="283" data-recalc-dims="1" />
<p>&nbsp;</p>
<p>凄く沢山の綺麗な空の画像が表示されました。</p>
<p>なんと、空の画像だけで<span style="color: #ff6600;"><strong>６６８ページ</strong></span>もあります(^-^)</p>
<p>これならきっとブログに使いたい画像が見つかりますね♪</p>
<p>&nbsp;</p>
<h2>画像の保存方法</h2>
<p>&nbsp;</p>
<p>ダウンロードしたい画像が見つかったら、その画像をクリックしましょう。</p>
<p>このようなページが表示されます。</p>
<p>&nbsp;</p>
<img decoding="async" loading="lazy" class="qwq alignnone wp-image-189 size-large" src="https://i0.wp.com/chie-okodukai.com/wp-content/uploads/2017/04/2017-04-02_20h43_28-1024x477.png?resize=654%2C305" alt="" width="654" height="305" data-recalc-dims="1" />
<p>右下に、<span style="background-color: #ffff99;"><strong>無料ダウンロード</strong></span>とあります。</p>
<p>&nbsp;</p>
<p>ブログに使用する画像なら、<strong>４００～６００程の大きさ</strong>が使いやすいです。</p>
<p>この画像の場合は、一番上のサイズでダウンロードしました^^</p>
<p>&nbsp;</p>
<p>ダウンロードした画像は、お持ちのパソコンのダウンロードフォルダに入っています。</p>
<p><span style="background-color: #ffff99;"><strong>ワードプレスのメディアに画像を新規追加</strong></span>してブログに挿入してみて下さいね♪</p>
<p>&nbsp;</p>
<h2>まとめ</h2>
<p>&nbsp;</p>
<p>今回紹介した【<strong>Pixabay</strong>】以外にも、無料で使える素材サイトは多くあります。</p>
<p>記事内に画像を挿入する事で、<span style="background-color: #ffff99;"><strong>記事を読んでくれている訪問者さんが読みやすい、疲れにくい。</strong></span></p>
<p>という効果もあります。</p>
<p>&nbsp;</p>
<p>記事の冒頭にくる画像は、一番初めに目に入って興味を引く。<br />
という意味の<span style="color: #ff6600;"><strong>アイキャッチ画像</strong></span>と呼ばれています。</p>
<p>&nbsp;</p>
<p>画像使用のルールを守って、読者さんが読みやすい記事を目指していきましょう♪</p>
<p>&nbsp;</p>The post <a href="https://chie-okodukai.com/181.html">WordPressの記事に画像を挿入！無料で使えるおすすめ画像サイトPixabay</a> first appeared on <a href="https://chie-okodukai.com">私、就活辞めて、ネットで起業しました。</a>.]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">181</post-id>	</item>
	</channel>
</rss>
