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

<channel>
	<title>幸せな老後のために  &#8211;  コクーン</title>
	<atom:link href="https://shiawasenarougo.com/category/cocoon/feed/" rel="self" type="application/rss+xml" />
	<link>https://shiawasenarougo.com</link>
	<description>ブログ初心者・シニア向けにアフィリエイトに必要な情報をお伝えしています。</description>
	<lastBuildDate>Wed, 18 May 2022 08:45:26 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=7.0</generator>

<image>
	<url>https://shiawasenarougo.com/wp-content/uploads/2019/11/cropped-SHIAWASE-1.png</url>
	<title>幸せな老後のために  &#8211;  コクーン</title>
	<link>https://shiawasenarougo.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"/>	<item>
		<title>Cocoonブロックエディタ―使い方を初心者に解説</title>
		<link>https://shiawasenarougo.com/cocoon-block-editor/</link>
		
		<dc:creator><![CDATA[あさこ]]></dc:creator>
		<pubDate>Tue, 17 May 2022 22:12:40 +0000</pubDate>
				<category><![CDATA[コクーン]]></category>
		<guid isPermaLink="false">https://shiawasenarougo.com/?p=6532</guid>

					<description><![CDATA[WordPresをお使いのあなたは、Gutenbergのブロックエディタ―をすでにお使いだと思います。クラシックディタ―から移行した当初は、戸惑いもありましたが、慣れた今はブロックエディタ―の方がむしろ使い易い、そんな気 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="900" height="600" src="https://shiawasenarougo.com/wp-content/uploads/2022/05/wp-gutenberg-block.png" alt="" class="wp-image-6533"/></figure>



<p class="wp-block-paragraph">WordPresをお使いのあなたは、Gutenbergのブロックエディタ―をすでにお使いだと思います。クラシックディタ―から移行した当初は、戸惑いもありましたが、慣れた今はブロックエディタ―の方がむしろ使い易い、そんな気もしています。</p>



<p class="wp-block-paragraph">ですが、私はある問題点を感じていました。それはブロックを探す時間！もちろん一つのパーツを探すのに、5分~10分はかかりませんが、それでも一番上から下までスクロールして探す時間はかなり無駄だと感じていました。</p>



<p class="wp-block-paragraph">私の所属するコミュニティー「MasterPress（マスタープレス）」の代表ゆかさんは、WordPressにメチャクチャ詳しいのです。今日はその人に教えていただいた方法を、あなたにもお伝えしたいと思います。<br><br>この記事では、ブロックのパーツの呼び出し方と、不要なブロックの非表示方法について解説していきますね。<br><br>それでは、ブロックのパーツの呼び出しから解説していきたいと思います。</p>



<h2 class="wp-block-heading">ブロックのパーツを呼び出す3つの方法</h2>



<p class="wp-block-paragraph">まず最初に皆さんはどのようにブロックを呼び出していますか？<br><br>この記事では3つの方法を解説していきますね。</p>



<h3 class="wp-block-heading">投稿画面の右側「+」から呼び出す方方法</h3>



<p class="wp-block-paragraph">①　投稿画面右端の「＋」をクリックします。</p>



<p class="wp-block-paragraph">➁　ブロックボックスが表示されますので、必要なパーツを選択します。</p>



<div class="wp-block-media-text alignwide is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img decoding="async" width="484" height="504" src="https://shiawasenarougo.com/wp-content/uploads/2022/05/WP-BLOCK-7-1.png" alt="" class="wp-image-6537 size-full"/></figure><div class="wp-block-media-text__content">
<p class="has-large-font-size wp-block-paragraph"><span class="fz-18px">←ここから使うパーツ選択します。</span></p>
</div></div>



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



<h3 class="wp-block-heading">画面左上の「+」から呼び出す方法</h3>



<p class="wp-block-paragraph">①　画面左上にある「＋」をクリックします。</p>



<p class="wp-block-paragraph">➁　表示されたブロックメニューから選択します。</p>



<div class="wp-block-media-text alignwide is-stacked-on-mobile"><figure class="wp-block-media-text__media"><img decoding="async" width="334" height="438" src="https://shiawasenarougo.com/wp-content/uploads/2022/05/wp-BLOCK-8.png" alt="" class="wp-image-6538 size-full"/></figure><div class="wp-block-media-text__content">
<p class="has-large-font-size wp-block-paragraph"><span class="fz-18px">←ここから使うパーツを選択します。</span></p>
</div></div>



<h3 class="wp-block-heading">「/」を使ってパーツを呼び出す方法</h3>



<p class="wp-block-paragraph">①　投稿画面に/〇〇と打ち込むとパーツが表示されますので、それを選択します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="759" height="164" src="https://shiawasenarougo.com/wp-content/uploads/2022/05/WP-BLOCK-9.png" alt="" class="wp-image-6542"/></figure>



<p class="wp-block-paragraph"><br>➁　投稿画面右側に表示された「＋」をクリックして検索窓の中に/〇〇と入力します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="369" height="412" src="https://shiawasenarougo.com/wp-content/uploads/2022/05/WP-BLOCK10.png" alt="" class="wp-image-6543"/></figure>



<p class="wp-block-paragraph"><br>③　画面上部の「＋」ボタンをクリックして検索窓に/〇〇と入力します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="350" height="494" src="https://shiawasenarougo.com/wp-content/uploads/2022/05/WP-BLOCK-11.png" alt="" class="wp-image-6544"/></figure>



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



<p class="wp-block-paragraph">「/」「スラッシュ」を使用する時は、必ず<span class="bold-red">「/〇〇」</span>とパーツの名前を記入して下さい。　</p>



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



<h2 class="wp-block-heading">不要なブロックを非表示にする方法</h2>



<p class="wp-block-paragraph">WordPressのテーマによってもブロックの数は異なると思いますが、私の使用している「Cocoon」は、総数77個のブロックが用意されています。その中で一体どれだけ使うのでしょうか？<br>大体の人はそのうちの30~40%程度だけを使用されるのではないでしょうか？<br><br>そこでこの記事では、ブロックのパーツを探す時間を短縮するために、日ごろから使うものだけを表示させる方法を解説していきますね。必要な時には、いつでも元に戻せますのでご安心下さい。</p>



<p class="wp-block-paragraph">順番に解説していきますので、ご参照下さい。</p>



<h3 class="wp-block-heading">1.設定</h3>



<p class="wp-block-paragraph">①　画面右上の&#x2699;（設定）の横にある縦に並んだ3つのボタンをクリックします。<br><br>➁　次に表示されたメニュの一番下の「設定」ボタンをクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="736" height="680" src="https://shiawasenarougo.com/wp-content/uploads/2022/05/WP-BLOCK-1-1.png" alt="" class="wp-image-6547"/></figure>



<p class="wp-block-paragraph">③　設定画面で「ブロック」をクリックすると以下のような画面が表示されます。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="724" height="653" src="https://shiawasenarougo.com/wp-content/uploads/2022/05/WP-BLOCK2.png" alt="" class="wp-image-6548"/></figure>



<p class="wp-block-paragraph"></p>



<p class="wp-block-paragraph">④　ここで不要なパーツはチェクマークを外していきます。<br>　　どのブロックを非表示にするかは、あなたのお好みでお決め下さいね。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="724" height="653" src="https://shiawasenarougo.com/wp-content/uploads/2022/05/WP-BLOCK2-1.png" alt="" class="wp-image-6550"/></figure>



<p class="wp-block-paragraph">⑤　チェックマークを外すと表示される数もすくなくなります　以下の画像は、全表示を非表示設定の違いを比較した画像となります。　よく使う物（上）は変わりません</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="729" height="842" src="https://shiawasenarougo.com/wp-content/uploads/2022/05/WP-BLOCK5.png" alt="" class="wp-image-6552"/></figure>



<p class="wp-block-paragraph">これでCocoonのブロックエディタ―のパーツの設定方法の解説は終わりです。お読みいただきまして、ありがとうございました。</p>



<h2 class="wp-block-heading">まとめ</h2>



<p class="wp-block-paragraph">私は48個ほどのブロックを非表示にしてありますが、必要な時はいつでも呼び出せますので、探す手間と時間がかなり省かれています。<br><br>私はブロックのパーツを頻度の高いものだけを表示するようにした結果、ブログを書く速度も速くなりました。<br><br>是非あなたもブロックエディターのパーツの整理を行って見て下さいね。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Invisible reCaptcha 海外在住者におススメのスパム対策プラグイン</title>
		<link>https://shiawasenarougo.com/invisible-recaptcha/</link>
		
		<dc:creator><![CDATA[あさこ]]></dc:creator>
		<pubDate>Tue, 17 Aug 2021 09:42:14 +0000</pubDate>
				<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[海外在住者]]></category>
		<guid isPermaLink="false">https://shiawasenarougo.com/?p=5967</guid>

					<description><![CDATA[お問いあわせフォームからスパムメールがたくさん届いてしまって、大切なメールを見落としていませんか？ 放置しておくと、かなり厄介なことになりますよね。 そこでこの記事では、お問いあわせフォームなどへBOTによるスパム対策に [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-5969" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/reCaptcha.png" alt="reCaptcha" width="640" height="427" /></p>
<p>お問いあわせフォームからスパムメールがたくさん届いてしまって、大切なメールを見落としていませんか？</p>
<p>放置しておくと、かなり厄介なことになりますよね。</p>
<p>そこでこの記事では、お問いあわせフォームなどへBOTによるスパム対策に有効なプラグイン【Invisible reCaptcha】のご紹介です。</p>
<p>海外在住でWordPressをお使いの方には、このプラグインを特におススメします。<br />
その理由もちゃんと説明していきますので、是非さいごまでご覧くださいね。</p>
<h2>Invisible reCaptcha for WordPress とは？</h2>
<p>Invisible reCaptcha は,Googleが提供する認証システムで自動で人間かBOT（ロボット）を判断してスパムをシャットアウトするプラグインです。</p>
<p>実は、このサイトでは別のかなり有名なスパム対策プラグインを長い間使用していました。<br />
だけどお問いあわせフォームからのスパムメールが毎日届いてしまうんですね。</p>
<p>確かに日本からのスパムメールは来ていないのに、外国からのスパムメールが届いている。</p>
<div class="question-box common-icon-box">この原因は？<br />
↓　↓　↓<br />
WordPressとX-Serverの海外在住者設定にありました。</div>
<p>ですが、WordPressとX－Serverの両方で外国からのアクセスを許可しないと、自分で自分のサイトにアクセスできなくなってしまいます。</p>
<p>そこでより良いスパム対策プラグインを探して見つけたのが、reCaptchaでした。</p>
<p>でも、私はreCaptchaに対して<strong>2つの懸念</strong>がありました。</p>
<h3>reCaptchaへの2つ懸念</h3>
<p>１．正直言って、私はロボットではありませんがとても苦手です。<br />
認識されている間（グルグル~としている間）なんで待たされるのかなぁ～<br />
↓　↓　↓　↓　↓<br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-5970" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/reCapthca-robot.png" alt="reCapthca Robot" width="306" height="84" /></p>
<p>2.　そして画像認識も面倒で嫌いでした。<br />
↓　↓　↓　↓　↓</p>
<p><img loading="lazy" decoding="async" class="size-full wp-image-5972 alignnone" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/reCapthca-pic-1.png" alt="reCapthca pic" width="486" height="743" /></p>
<p>どうやら今やこの画像認証さえ最近のBOTは問題なく突破してしまうようです。</p>
<p>一番迷ったのは、<strong>自分が嫌いな認証を自分のサイトに導入する</strong>ことです。<br />
これって絶対に間違っているよね！っておもいませんか？</p>
<h3>Invisible reCaptchaのメリットとデメリット</h3>
<h4>invisible reCaptcha for WordPressのメリット</h4>
<ul>
<li>ロボット認証や画像認証が不要</li>
<li>デザインがスッキリしているので邪魔にならない</li>
</ul>
<h4>invisible reCaptcha for WordPressのデメリット</h4>
<p>突然画像認証が表示される場合がある</p>
<p>それぞれお使いのフォームに注意書きを入れておくことをおススメします。</p>
<h3>reCaptcha紹介ビデオ</h3>
<p>それでは、公式サイトが発行している紹介ビデオのリンクを貼っておきますので、ご覧になってください。</p>
<p>reCaptchaV3 の紹介ビデオです。<br />
↓　↓　↓　↓　↓</p>
<p><iframe loading="lazy" title="Introducing reCAPTCHA v3" width="1256" height="707" src="https://www.youtube.com/embed/tbvxFW4UJdU?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></p>
<p>それではさっそく、インストールから使い方までを解説していきますね。<br />
図解を入れて解説していきますので、この通リに進めていただければ問題なくお使いになれると思います。</p>
<h2>Invisible reCaptcha for WP　インストールから設定までの手順</h2>
<h3>reCaptchaの公式サイトにアクセスし、APIキーを取得します。</h3>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-5975" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/reCaptcha-admini.png" alt="reCaptcha admini" width="730" height="920" /></p>
<ul>
<li>ラベル：あなたの分かりやすい名前を付けて下さい（例えばあなたのブログ名）</li>
<li>reCaptchaタイプ：reCaptcha v3を選択</li>
<li>ドメイン：ドメイン名を記載（〇〇〇.com&#x27a1;<span style="color: #ff0000;">https:又はwww.は不要</span>です）</li>
<li>オーナー：あなたのGoogle accountに登録しているe-mailアドレスが記載されています</li>
<li>全て入力したら「送信ボタン」をクリックします</li>
</ul>
<p>画面は、サイトキーとシークレットキーが記載された画面へと変わります。<br />
この2つのキーが必要となりますので、画面はそのまま閉じないでくださいね。<br />
↓　↓　↓　↓　↓<img loading="lazy" decoding="async" class="alignnone size-full wp-image-5976" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/reCaptcha-key.png" alt="reCaptcha key" width="937" height="747" /></p>
<h2>Insivible reCaptcha for WordPressのインストールから設定まで</h2>
<h3>Invisible reCaptcha for WordPressをインストール</h3>
<p>「ダッシュボード」「プラグイン」「新規追加」をクリックします。<br />
「Invisible reCaptcha for WordPress」を検索窓に記入します。<br />
「今すぐインストール」をクリックします。<br />
「有効化」ボタンをクリックします。<br />
↓　↓　↓　↓　↓<br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-5978" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/Invisible-install.png" alt="Invisibla install" width="844" height="915" /></p>
<h3>reCaptchaとWordPressの接続</h3>
<ul>
<li>「ダッシュボード」→「設定」→「reCaptcha」をクリックします。</li>
<li>reCaptcha 公式サイトで取得した「サイトキー」と「シークレットキー」（APIキー）をそれぞれコピペします。</li>
<li>バッジ位置は「インライン」を選択してください。</li>
<li>設定後は「変更を保存」ボタンをクリックします。</li>
</ul>
<p>↓　↓　↓　↓　↓<img loading="lazy" decoding="async" class="alignnone size-full wp-image-5979" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/Invisible-5.png" alt="reCaptcha 設定" width="1150" height="768" /></p>
<h3>WordPressの保護設定</h3>
<p>「変更を保存」をクリックした後、設定タブの下にある「WordPress」をクリックします。</p>
<p>ここでWordPress保護設定をおこないます。</p>
<ul>
<li>ログインフォーム：WordPressにログイン時</li>
<li>登録フォーム：登録フォーム</li>
<li>コメントフォーム：記事のコメントフォーム</li>
<li>パスワード再発行フォーム：パスワードを再発行する時</li>
</ul>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-5980" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/Invisible-6.png" alt="" width="751" height="450" /></p>
<h3>お問いあわせフォーム（Contact Form 7）の保護</h3>
<p>設定タブの下にある問い合わせフォームをクリックし、Contact Form 7をクリックしてください</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-5981" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/Invisible-8.png" alt="" width="949" height="543" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/08/Invisible-8.png 949w, https://shiawasenarougo.com/wp-content/uploads/2021/08/Invisible-8-120x68.png 120w" sizes="auto, (max-width: 949px) 100vw, 949px" /></p>
<p>設定完了後は、お問いあわせフォームにこのようにreCaptchaが設定されています。<br />
↓　↓　↓　↓　↓<img loading="lazy" decoding="async" class="alignnone size-full wp-image-5982" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/Contact-form-recaptcha.png" alt="" width="1232" height="696" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/08/Contact-form-recaptcha.png 1232w, https://shiawasenarougo.com/wp-content/uploads/2021/08/Contact-form-recaptcha-120x68.png 120w, https://shiawasenarougo.com/wp-content/uploads/2021/08/Contact-form-recaptcha-160x90.png 160w, https://shiawasenarougo.com/wp-content/uploads/2021/08/Contact-form-recaptcha-320x180.png 320w, https://shiawasenarougo.com/wp-content/uploads/2021/08/Contact-form-recaptcha-376x212.png 376w" sizes="auto, (max-width: 1232px) 100vw, 1232px" /></p>
<h2>まとめ</h2>
<p>この記事では、スパム対策のプラグインInvisible reCaptcha v3について解説しました。</p>
<p>おさらいの意味を込めて、ポイントと手順を再度まとめていきたいと思います。</p>
<table style="border-collapse: collapse; width: 100%;">
<tbody>
<tr>
<td style="width: 100%; border-color: #0505fa; border-style: solid;"><strong>Invisible reCaptcha v3を選んだ理由3つ</strong></td>
</tr>
<tr>
<td style="width: 100%; border-style: solid; border-color: #0505fa;">
<ul>
<li>ロボットでないと言う認証を使わずに済む</li>
<li>画像認証を使わずに済む</li>
<li>reCaptchaの中で最新のプラグイン</li>
</ul>
</td>
</tr>
</tbody>
</table>
<table style="border-collapse: collapse; width: 100%;">
<tbody>
<tr>
<td style="width: 100%; border-color: #fa0505; border-style: solid;"><strong>Invisible reCaptcha v3イントール手順</strong></td>
</tr>
<tr>
<td style="width: 100%; border-style: solid; border-color: #fa0505;">
<ul>
<li>reCaptcha公式サイトからAPIキーを取得</li>
<li>WordPressプラグインからInvisible reCaptcha for WordPressをインストール</li>
<li>reCaptchaとWordPressをAPIキーを使用して接続する</li>
<li>WordPressから設定を行う（WordPressフォーム・お問いあわせ）</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p>Invisible reCatpchaのデメリットでも解説しましたが、ユーザーが送信ボタンを押した時に突然画像認証が表示される場合がありますので、各フォームにその旨を記載されておくことをおすすめします。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>WordPressを自動バックアップするプラグインUpdraftPlusの設定方法</title>
		<link>https://shiawasenarougo.com/updraftplus/</link>
		
		<dc:creator><![CDATA[あさこ]]></dc:creator>
		<pubDate>Sun, 15 Aug 2021 20:34:40 +0000</pubDate>
				<category><![CDATA[コクーン]]></category>
		<guid isPermaLink="false">https://shiawasenarougo.com/?p=4881</guid>

					<description><![CDATA[WordPressを運営していると、必ず「Backup（バックアップ）」の話しを耳にすると思います。 でも、中にはバックアップがとっても大切だと知らない方もいらっしゃるようです。 あなたは、WordPressのバックアッ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" decoding="async" class="alignright size-full wp-image-5211" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/Backup-4.png" alt="BACKUP4" width="800" height="600" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/Backup-4.png 800w, https://shiawasenarougo.com/wp-content/uploads/2021/07/Backup-4-300x225.png 300w, https://shiawasenarougo.com/wp-content/uploads/2021/07/Backup-4-768x576.png 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></p>
<p>WordPressを運営していると、必ず「Backup（バックアップ）」の話しを耳にすると思います。</p>
<p>でも、中にはバックアップがとっても大切だと知らない方もいらっしゃるようです。</p>
<p>あなたは、WordPressのバックアップがとても大切なこと、知っていましたか？</p>
<p>この記事は、初心者でも簡単にできるプラグインを使ってWordPressのバックアップを取る方法を詳細に解説していきますので、是非最後までお付き合いください。</p>
<h2>バックアップが必要な理由はなに？</h2>
<div class="list-box-3">
<ul class="list-2">
<li>WordPressアップデートや変更時の不具合</li>
<li>ハッキング被害</li>
</ul>
</div>
<h3>WordPressはアップデートや変更時の不具合とは？</h3>
<p>不具合が起こってしまったら、後悔先に立たず！</p>
<p>例えばこんな場合が想定できます。</p>
<p>プラグインが最新のWordPressバージョンに対応していないとエラーが発生する<br />
↓　↓　↓　↓　↓<br />
管理画面に入れない（ログインできない）<br />
↓　↓　↓　↓　↓<br />
バックアップを取っていないとサイト運営に影響がでる</p>
<p>カスタマイズに失敗してしまった時<br />
↓　↓　↓　↓　↓<br />
例えば、デザインを変更したくなったり、プログラムを変更する場合も出てくる場合があります。<br />
テーマエディターでファイルに変更をする場合、想定外の不具合が生じてしまう場合があります。</p>
<p>ちょっと慣れていた時点で、この問題にぶつかる人を多く見て来ました。</p>
<p>ですから何かしらの変更をする前には、必ずバックアップを取っておいてくださいね。</p>
<h3>ハッキング被害の場合</h3>
<p>ハッキング被害の例は、多数紹介されていますがハッキングに遭ってしまったら、素人ではどうにもならない事が多発してしまいます。</p>
<ul>
<li>運用サイトのドメインを知らない間に悪用され、スパムメールを大量に送付されてしまった</li>
<li>サイトの内容が不適切で不快な内容に改ざんされてしまった</li>
<li>ログイン情報の漏洩と、改ざんで正規のログイン情報でアクセスできなくなった</li>
</ul>
<p>など、まだまだたくさんの事例が報告されています。</p>
<p>このような最悪な事態は起こって欲しくありませんので、事前に手を打っておくこと（バックアップ）をおススメします。</p>
<p>&nbsp;</p>
<h2>Backup（バックアップ）するべきデータ</h2>
<p>それでは、ここでバックアップを取っておくべきデータについて分かりやすく解説していきますね。</p>
<p><img loading="lazy" decoding="async" class="size-full wp-image-5207 alignnone" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/WP-system.png" alt="WordPress system" width="735" height="252" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/WP-system.png 735w, https://shiawasenarougo.com/wp-content/uploads/2021/07/WP-system-300x103.png 300w" sizes="auto, (max-width: 735px) 100vw, 735px" /></p>
<p>上の画像をごらんください。</p>
<p>普段なにげなく見ているサイトですが、WordPressを構成しているのは、WordPressを構成するファイルやデータの収納されているサーバと記事内容ぜんぱんを収納しているデータベースから成り立っています。</p>
<p>そこでこの<strong>2つのデータをバックアップ</strong>する必要があります。</p>
<div class="blank-box bb-tab bb-point bb-red">
<ul>
<li><strong><span data-fr-verified="true">サーバー上のデータ(WordPressを構成するファイル）</span></strong><span data-fr-verified="true">：音声・画像・図形・テーマ、プラグインなど</span></li>
<li><strong><span data-fr-verified="true">データベース上のデータ</span></strong><span data-fr-verified="true">：記事、カテゴリ、コメント、ファイルなど</span></li>
</ul>
</div>
<p>いつ起こるか予測できないトラブル防止のために、バックアップは定期的に行ってくださいね。</p>
<h2>初心者でも簡単にできるバックアップ方法</h2>
<div class="box-content">
<p>バックアップ方法は、FTPファイルにバックアップをする方法、サーバーにバックアップをする方法（X－Serverは自動でバックアップを取ってくれています）の他、プラグインを使う方法があります。</p>
<p>この記事では、初心者でもプラグインを使い簡単にバックアップの取れる方法を解説していきたいと思います。</p>
<h3>プラグインを使う</h3>
</div>
<p>今まで「BackWPup」を使用していましたが、今回新たに「Updraftplus」に変えました。</p>
<p>「ダッシュボード」→「プラグイン」→「新規追加」→「UpdraftPlus」と下の画像を参照に進めてください</p>
<p style="text-align: left;">このような画面になりますので、<strong>「今すぐインストール」</strong>をクリックします。<br />
↓　↓　↓　↓　↓<br />
<img loading="lazy" decoding="async" class="size-full wp-image-5215 alignnone" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/Updraftplus-1.png" alt="Updraftplus 1" width="602" height="288" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/Updraftplus-1.png 602w, https://shiawasenarougo.com/wp-content/uploads/2021/07/Updraftplus-1-300x144.png 300w" sizes="auto, (max-width: 602px) 100vw, 602px" /><br />
<span style="color: #ff0000;">↑　↑　↑　↑　↑<br />
</span><strong><span style="color: #ff0000;">注）お使いのWordPressのテーマと互換性があるか否かを確認していからインストールしてくださいね。</span></strong></p>
<p><span style="color: #ff0000;"><span style="color: #000000;">次に<strong>「有効化」</strong>をクリックします。</span></span><strong><span style="color: #ff0000;"><br />
<img loading="lazy" decoding="async" class="size-full wp-image-5216 alignnone" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/Updraftplus2.png" alt="Updraftplus2" width="600" height="307" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/Updraftplus2.png 600w, https://shiawasenarougo.com/wp-content/uploads/2021/07/Updraftplus2-300x154.png 300w" sizes="auto, (max-width: 600px) 100vw, 600px" /></span></strong></p>
<p>画面は、プラグイン画面になりますので、UpdraftPlusの<strong>「設定」</strong>をクリックします。<br />
<img loading="lazy" decoding="async" class="alignright size-full wp-image-5217" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/Updraftplus3.png" alt="UpdraftPlus3" width="1300" height="74" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/Updraftplus3.png 1300w, https://shiawasenarougo.com/wp-content/uploads/2021/07/Updraftplus3-300x17.png 300w, https://shiawasenarougo.com/wp-content/uploads/2021/07/Updraftplus3-1024x58.png 1024w, https://shiawasenarougo.com/wp-content/uploads/2021/07/Updraftplus3-768x44.png 768w" sizes="auto, (max-width: 1300px) 100vw, 1300px" /></p>
<p>設定画面になりました。</p>
<p>ここで選択するのは2つの項目です。<br />
1）手動でバックアップ<br />
2）保存先：Dropbox</p>
<p>最後に画面一番下にある<strong>「変更の保存ボタン」</strong>をクリックします。<br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-5916" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/Updraftplus-8-1.png" alt="" width="1003" height="685" /></p>
<p>画面は、Dropboxの認証へと進みますので、「許可」のボタンをクリックします。<br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-5906" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/UpdraftPlus13.png" alt="" width="695" height="579" /><br />
画面はUpdraftPlusとDopboxの認証の最終段階の画面へ移動します。<br />
赤い四角で囲まれた「Complete setup」(連携を完了させる)をクリックします。<br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-5905" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/UpdraftPlus14.png" alt="" width="842" height="644" /></p>
<p>無事に認証が完了すると画面は、WordPressへ戻りますので、<br />
「今すぐバックアップ」をクリックします。<img loading="lazy" decoding="async" class="alignnone size-full wp-image-5915" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/Updraftplus-4.png" alt="" width="944" height="269" /></p>
<p>デフォルトでは以下の3項目にチェックが入っていると思いますが、念のため<br />
ご自身でご確認の上、「今すぐバックアップ」をクリックしてください。<br />
↓　↓　↓　↓　↓</p>
<table style="border-collapse: collapse; width: 100%;">
<tbody>
<tr>
<td style="width: 100%; border-color: #f70213; border-style: solid;"><span style="font-size: 16px;">バックアップにデータベースを含める</span><br />
<span style="font-size: 16px;">バックアップ内のすべてのファイルを含める</span><br />
<span style="font-size: 16px;">このバックアップをリモートストレージに送信→Dropboxに送信</span></td>
</tr>
</tbody>
</table>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-5917" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/Updraftplus16.png" alt="" width="620" height="476" /></p>
<p>バックアップが開始され、バックアップが終了すると以下のマークが表示されますので、「閉じる」をクリックします。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-5913" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/UpdraftPlus-7.png" alt="" width="605" height="503" /></p>
<p>画面には、このようにバックアップした記録が表示されています。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-5919" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/Updraftplus17.png" alt="" width="887" height="193" /></p>
<p>Dropboxを見てみましょう。<br />
↓　↓　↓　↓　↓<br />
UpdraftPlus.coと言うファイルがバックアップを取ったファイルとなります。<br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-5918" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/UpdraftPlus18.png" alt="" width="689" height="323" /></p>
<p>以上でバックアップは完了しました。</p>
<h2>自動でバックアップする方法</h2>
<p>今までは、手動でバックアップを取る方法を解説してきましたが、ついつい忘れてしまいがちの人のために、自動でバックアップを取る方法も合わせて解説していきますね。</p>
<table style="border-collapse: collapse; width: 100%; height: 77px;">
<tbody>
<tr style="height: 77px;">
<td style="width: 100%; height: 77px; border-style: solid; border-color: #f5051d;"><span style="font-size: 16px;">ファイルバックアップのスケジュール:<span style="color: #ff0000;"><strong>毎週</strong></span>―バックアップを保存しておく数：<strong><span style="color: #ff0000;">2</span></strong></span><br />
<span style="font-size: 16px;">データベースバックアップのスケジュール:<span style="color: #ff0000;"><strong>毎日</strong></span>―バックアップを保存しておく数：<strong><span style="color: #ff0000;">30</span></strong></span></td>
</tr>
</tbody>
</table>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-5922" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/Updraftplus20.png" alt="" width="965" height="321" /></p>
<p>自動設定はBLOG BOOT CAMPを参照して設定しました。</p>
<blockquote><p>スケジュールの項目では、以下の通り設定を行ってください。</p>
<ul id="block-b44408b5-ae48-4356-8a35-731cbbe8ec61">
<li>ファイルバックアップ: 毎週/2を選択</li>
<li>データベースバックアップ: 毎日/30を選択</li>
</ul>
<p>ファイルには、画像、テーマ、プラグインなどが含まれます。<span class="swl-marker mark_orange">更新頻度は低くサイズが大きい</span>ため、週に1回のバックアップを設定します。</p>
<p>データベースには、記事の文章、カテゴリなどが含まれます。<span class="swl-marker mark_orange">更新頻度は高くサイズは小さい</span>ため、毎日のバックアップを設定します。</p>
<p>引用元：<strong><a rel="noopener" target="_blank" href="https://blog-bootcamp.jp/start/wordpress-updraftplus/#index_id5">BLOG BOOT CAMP<span class="fa fa-external-link external-icon anchor-icon"></span></a></strong></p></blockquote>
<p>最後に画面一番下にある<strong>「変更の保存ボタン」</strong>をクリックし、自動設定も完了となります。</p>
<h2>まとめ</h2>
<p>何かが起こってからでは遅すぎますので、バクアップは必ず取っておきましょう。</p>
<p>それではここでおさらいの意味をこめて、手順をまとめておきますので参照してください。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>WordPress不要な画像を削除する方法とプラグイン【DUNI】設定方法</title>
		<link>https://shiawasenarougo.com/erase-unnecessary-pictures-and-plugin/</link>
		
		<dc:creator><![CDATA[あさこ]]></dc:creator>
		<pubDate>Fri, 13 Aug 2021 18:26:31 +0000</pubDate>
				<category><![CDATA[プラグイン]]></category>
		<guid isPermaLink="false">https://shiawasenarougo.com/?p=5842</guid>

					<description><![CDATA[この記事では、WordPressでサイズの異なる複数の画像が生成・保存されている場合の不要な画像を削除するプラグイン【DNUI 】とアップロードしたけど、使っていない画像の削除方法について初心者でも迷わないようい図解入れ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-5845" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/727c495c3b82e11cc960d6d2cf9e6dd7.png" alt="erase not necessary pictures" width="800" height="600" /><br />
この記事では、WordPressでサイズの異なる複数の画像が生成・保存されている場合の不要な画像を削除するプラグイン【DNUI 】とアップロードしたけど、使っていない画像の削除方法について初心者でも迷わないようい図解入れて詳しく解説していきます。</p>
<p>それでは先ず、【DNUI】の設定方法から解説していきますね。<br />
使用時の注意点も合わせて記載しておきますので、是非参照してください。</p>
<p>それではさっそくですが、DNUIのインストールから設定までを見て行くことにしましょう。</p>
<h2>DNUI（ディーエヌユーアイ）をインストール</h2>
<p>「ダッシュボード」「プラグイン」「新規追加」をクリックします。<br />
検索窓にDNUIと記入します。</p>
<p>その後今すぐインストールボタンをクリックします。<br />
↓　↓　↓　↓　↓</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-5847" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/DNUI-INSTALL.png" alt="DNUI INSTALL" width="844" height="663" /></p>
<p>画面は、プラグインを「有効化」にかわりますので、有効化ボタンをクリックします。<br />
↓　↓　↓　↓　↓</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-5848" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/DNUI-1.png" alt="DNUI　有効化" width="562" height="245" /></p>
<p>これで設定は完了しました。</p>
<h2>DNUI使いかたと注意点</h2>
<p>「ダッシュボード」「ツール」「DNUI Delete not used image」をクリックしてDNUIを開けます。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-5851" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/82513ef252e53175cf00ea802a2e2077.png" alt="DNUI 使い方" width="328" height="278" /></p>
<p>画面は以下のようになります。<br />
↓　↓　↓　↓　↓<br />
一応注意事項が記載されています。（特に問題になる様な事は書かれていません）<br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-5860" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/DNUI-option-1.png" alt="DNUI　" width="713" height="389" /></p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-5866" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/DNUI-option-button.png" alt="" width="713" height="60" /></p>
<p>万が一を考えてバックアップを取っておきましょう。</p>
<p><strong>「OPTION」</strong>（オプション）タグをクリックします。<br />
↓　↓　↓　↓　↓<br />
下の画面にここにチェックを入れます！とあるのが見えると思います。<br />
この箇所にチェックを入れてください。<br />
その後、<strong>「Create backup folder」</strong>（バクアップフォルダを作成する）ボタンをクリックします。<br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-5861" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/DNUI-option-2.png" alt="DNUI SETTING" width="692" height="411" /><br />
上記と同じ画面ですが、「Create backup folder」が緑色の「Backup Folder exist」に変わります。<br />
これは、<strong>「バックアップフォルダーが作成されました」</strong>と言う意味です。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-5865" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/DNUI-option-3.png" alt="" width="723" height="196" /><br />
不要な画像リストを1ページにどの位表示するか？というものです。<br />
デフォルトでは50件となっています。<br />
私は、かなり画像が多くあるので、150件に変更しました。<br />
これはお好みで変更してください。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-5864" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/DNUI-option-5-2.png" alt="" width="785" height="388" /><br />
表示に関する設定となります。</p>
<p><strong>Show used image</strong> (使用している画像を表示<strong>）</strong>は、チェックをせずそのままで良いです。</p>
<p><span style="color: #ff0000;"><strong>Show ignored sized （不要なサイズを表示する）</strong><span style="color: #ff0000;">は、チェックを入れてください。</span></span><br />
This can clean the view, i.d, I will show you only images that need o be deleted.<br />
（デフォルトでチェックが入っているはずです）</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-5863" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/DNUI-option-5.png" alt="" width="729" height="357" /></p>
<p>これで初期設定は完了しました。<br />
それでは、次に画像を削除する手順について解説していきます。</p>
<p>「images」（画像・イメージ）ボタンをクリックします。<br />
↓　↓　↓　↓　↓<img loading="lazy" decoding="async" class="alignnone size-full wp-image-5867" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/images.png" alt="IMAGES" width="713" height="60" /><br />
<img loading="lazy" decoding="async" class="alignnone wp-image-5852 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/dnui-delete-pics.png" alt="HOW TO DELETE PICTURES" width="1700" height="464" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/08/dnui-delete-pics.png 1700w, https://shiawasenarougo.com/wp-content/uploads/2021/08/dnui-delete-pics-1536x419.png 1536w" sizes="auto, (max-width: 1700px) 100vw, 1700px" /></p>
<div class="alert-box common-icon-box">
<p><strong><span style="color: #ff0000;">注意：DELETE ALL (すべて消去する）はおススメしません。<br />
↓　↓　↓　↓　↓<br />
</span></strong><span style="color: #000000;">お使いのサーバーによっては、サーバーに負担がかかり問題が生じる場合があります。</span></p>
<p><span style="color: #ff0000;"><span style="color: #000000;">面倒でも<span style="color: #ff0000;"><strong>1件づつDELETEボタン</strong></span>をクリックしてください。</span></span></p>
<p>&nbsp;</p>
</div>
<p>以上でプラグイン【DNUI】を使用した不要な画像の削除方法の解説は終了となります。</p>
<h2>使用していない画像を削除する方法</h2>
<p>[ダッシュボード」→「メディア」→『ライブラリ―」</p>
<p>すべてのメディアの横にあるプルダウンをクリックし、<strong>未添付</strong>を選択し、<strong>「絞り込み」ボタ</strong>ンをクリックします。<br />
↓　↓　↓　↓　↓<img loading="lazy" decoding="async" class="alignnone size-full wp-image-5858" src="https://shiawasenarougo.com/wp-content/uploads/2021/08/media-library-4.png" alt="media library" width="1472" height="366" /></p>
<p>未使用の画像が表示されますので、ここで削除してください。</p>
<h2>まとめ</h2>
<p>WordPressがサイズの異なる画像を自動生成を防止する方法は、<span style="font-size: 18px;"><strong><a target="_blank" href="https://shiawasenarougo.com/stop-unnecessary-pictures/">WordPress 異なるサイズの画像自動生成を初心者が簡単に阻止する方法<span class="fa fa-external-link internal-icon anchor-icon"></span></a></strong></span>の中で詳しく解説していますので、是非こちらの記事をご覧ください。</p>
<p>そこでこの記事ではすでに生成されてしまった<strong>不要な画像を削除する方法</strong>と<strong>未使用の画像を削除する方法</strong>を解説しました。</p>
<p>数が少ない場合は、メディアライブラリーから「未添付」画像を抽出する方法でも良いと思いますが、<br />
かなりの量の画像の場合は、プラグインを使用して簡単に削除した方が時間の節約にもなるのでおススメですね。</p>
<p>また別の方法としてサーバーのuploadファイルから不要な画像を削除する方法もあります。<br />
こちらも別途記事にしていきますので、よろしければまたサイトへお越しくださいね。</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>スパム対策Akismetのインストールから設定までを初心者向に解説</title>
		<link>https://shiawasenarougo.com/akismet-anti-spam/</link>
		
		<dc:creator><![CDATA[あさこ]]></dc:creator>
		<pubDate>Tue, 27 Jul 2021 13:03:09 +0000</pubDate>
				<category><![CDATA[SEO対策]]></category>
		<category><![CDATA[プラグイン]]></category>
		<guid isPermaLink="false">https://shiawasenarougo.com/?p=5738</guid>

					<description><![CDATA[WordPressを運営してからしばらくすると必ずやって来るスパムコメント！ 1件ずつ対応するには、時間の無駄だし、放置しておくのはなんだか怖いし・・・こんな経験をしたことありませんか？ そこでこの記事では、スパムと思わ [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" decoding="async" class="alignnone wp-image-5739 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/AntiSpam.png" alt="Anti Spam" width="800" height="600" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/AntiSpam.png 800w, https://shiawasenarougo.com/wp-content/uploads/2021/07/AntiSpam-300x225.png 300w, https://shiawasenarougo.com/wp-content/uploads/2021/07/AntiSpam-768x576.png 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></p>
<p>WordPressを運営してからしばらくすると必ずやって来るスパムコメント！</p>
<p>1件ずつ対応するには、時間の無駄だし、放置しておくのはなんだか怖いし・・・こんな経験をしたことありませんか？</p>
<p>そこでこの記事では、スパムと思われるコメント・トラックバックそしてお問いあわせまでを自動判定してくれるプラグインの紹介をしていきます。</p>
<p>そのプラグインの名前は、「Akismet Spam Protection」</p>
<p>それではさっそくインスロールから設定まで順番に解説していきましょう。</p>
<h2>Akismet Spam Protection インストール</h2>
<p>「ダッシュボード」「プラグイン」「新規追加」をクリックします。<br />
「キーワード」入力欄に「Akismet Spam Protection」と入力します。<br />
<strong>「今すぐインストール」</strong>ボタンをクリックします。<br />
<img loading="lazy" decoding="async" class="alignnone wp-image-5743 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/bb7d237fa2e8e96d35473de335193f1f.png" alt="プラグイン　Akismet" width="844" height="652" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/bb7d237fa2e8e96d35473de335193f1f.png 844w, https://shiawasenarougo.com/wp-content/uploads/2021/07/bb7d237fa2e8e96d35473de335193f1f-300x232.png 300w, https://shiawasenarougo.com/wp-content/uploads/2021/07/bb7d237fa2e8e96d35473de335193f1f-768x593.png 768w" sizes="auto, (max-width: 844px) 100vw, 844px" /></p>
<p><strong>[有効化」</strong>ボタンをクリックします。<br />
<img loading="lazy" decoding="async" class="alignnone wp-image-5744 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/akismet-1.png" alt="akismet" width="560" height="259" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/akismet-1.png 560w, https://shiawasenarougo.com/wp-content/uploads/2021/07/akismet-1-300x139.png 300w" sizes="auto, (max-width: 560px) 100vw, 560px" /></p>
<p>これでAkismet Spam Protectionのインストールは完了です。<br />
ここからは、設定方法について解説していきます。</p>
<h2>Akismet APIキーの設定</h2>
<p>英語の箇所もありますが、全て順番通りに進めて行けば全く問題はありませんので、安心して作業を進めてっくださいね。</p>
<h3>Akismetの<strong>APIキーを取得</strong></h3>
<p>「ダッシュボード」→「設定」→「Akismet Spam Protection」をクリックします。<br />
<img loading="lazy" decoding="async" class="alignnone wp-image-5746 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/ce2387d68710b83049318c67614a8b57.png" alt="Akismet 設定はじめ" width="163" height="351" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/ce2387d68710b83049318c67614a8b57.png 163w, https://shiawasenarougo.com/wp-content/uploads/2021/07/ce2387d68710b83049318c67614a8b57-139x300.png 139w" sizes="auto, (max-width: 163px) 100vw, 163px" /></p>
<p><strong>「Akismet アカウント設定</strong>」をクリックします。</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-5750 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/190f99fcd53fce4bd0e83bc1577ddb2a.png" alt="Akismet Account setting" width="664" height="212" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/190f99fcd53fce4bd0e83bc1577ddb2a.png 664w, https://shiawasenarougo.com/wp-content/uploads/2021/07/190f99fcd53fce4bd0e83bc1577ddb2a-300x96.png 300w" sizes="auto, (max-width: 664px) 100vw, 664px" /></p>
<p>Akismet　<strong>「APIキーを取得」</strong>をクリックします。<br />
<img loading="lazy" decoding="async" class="alignnone wp-image-5749 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/Akismet-key.png" alt="Akismet API KEY " width="665" height="380" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/Akismet-key.png 665w, https://shiawasenarougo.com/wp-content/uploads/2021/07/Akismet-key-300x171.png 300w, https://shiawasenarougo.com/wp-content/uploads/2021/07/Akismet-key-120x68.png 120w, https://shiawasenarougo.com/wp-content/uploads/2021/07/Akismet-key-160x90.png 160w" sizes="auto, (max-width: 665px) 100vw, 665px" /><br />
<strong>「Activate Account(アクティベイト アカウント）」</strong>をクリックします。</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-5748 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/Akismet-set-up-Account.png" alt="Akismet set up account" width="981" height="465" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/Akismet-set-up-Account.png 981w, https://shiawasenarougo.com/wp-content/uploads/2021/07/Akismet-set-up-Account-300x142.png 300w, https://shiawasenarougo.com/wp-content/uploads/2021/07/Akismet-set-up-Account-768x364.png 768w" sizes="auto, (max-width: 981px) 100vw, 981px" /></p>
<p>WordPressで使用しているアカウントの<strong>「メールアドレス」「ユーザー名」「パスワード」を記入</strong>します。</p>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-5747 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/9e1ad9fd6e192ecede389b483e6b3aaf.png" alt="Akismet Email setting" width="660" height="539" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/9e1ad9fd6e192ecede389b483e6b3aaf.png 660w, https://shiawasenarougo.com/wp-content/uploads/2021/07/9e1ad9fd6e192ecede389b483e6b3aaf-300x245.png 300w" sizes="auto, (max-width: 660px) 100vw, 660px" /></p>
<p>ここまででWordPressでの設定は終了となります。<br />
続いて、<strong>APIキーの取得</strong>へ移ります。</p>
<p>一番左側 <strong>「Name Your Price（ネーム ユア プライス）」</strong>を選択します。<br />
これをクリックすると無料で使用が可能となります。</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-5752 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/f8000ea02bf5180183dd599ac922bc7f.png" alt="" width="660" height="470" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/f8000ea02bf5180183dd599ac922bc7f.png 660w, https://shiawasenarougo.com/wp-content/uploads/2021/07/f8000ea02bf5180183dd599ac922bc7f-300x214.png 300w" sizes="auto, (max-width: 660px) 100vw, 660px" /></p>
<p>次にこのような画面になります。<br />
赤い<span style="color: #ff0000;">←<span style="color: #000000;">箇所を</span></span>をごらんください。</p>
<p><strong>\4500のボタンが自由に移動できますので、左端のゼロになるまで移動させます。</strong></p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-5753 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/b0709a4dd5a669b02cb1a49a1cbdfe42.png" alt="" width="651" height="480" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/b0709a4dd5a669b02cb1a49a1cbdfe42.png 651w, https://shiawasenarougo.com/wp-content/uploads/2021/07/b0709a4dd5a669b02cb1a49a1cbdfe42-300x221.png 300w" sizes="auto, (max-width: 651px) 100vw, 651px" /></p>
<p>画面は以下の様に変わりますので、必要事項を記入していきます。</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-5755 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/f8563638da5b503a5517993164994664.png" alt="Akismet　最後の設定" width="673" height="508" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/f8563638da5b503a5517993164994664.png 673w, https://shiawasenarougo.com/wp-content/uploads/2021/07/f8563638da5b503a5517993164994664-300x226.png 300w" sizes="auto, (max-width: 673px) 100vw, 673px" /></p>
<ul>
<li><strong>Personal Site URL</strong>: URLを入力</li>
<li><strong>I don’t have ads on my site</strong> にチェック<br />
(私のサイトには広告を掲載していません)</li>
<li><strong>I don’t sell products/services on my site</strong> にチェック<br />
(私のサイトでは商品を販売していません)</li>
<li><strong>I don’t promote a business on my site</strong> にチェック<br />
(私のサイトではビジネスを宣伝していません)</li>
<li><strong>First Name：</strong> 名前を入力</li>
<li><strong>Last Name</strong>: 名字を入力</li>
</ul>
<p><strong>「Continue with Personal Subscription」</strong>をクリック<br />
↓　↓　↓　↓　↓<br />
Akismet API キーが表示されますので、これをコピーします。<img loading="lazy" decoding="async" class="alignnone wp-image-5756 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/AKISMET-ACCOUNT-OVER-VIEW.png" alt="Akismet OVER VIEW" width="614" height="274" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/AKISMET-ACCOUNT-OVER-VIEW.png 614w, https://shiawasenarougo.com/wp-content/uploads/2021/07/AKISMET-ACCOUNT-OVER-VIEW-300x134.png 300w" sizes="auto, (max-width: 614px) 100vw, 614px" /><br />
これでAkismet　APIキーの取得は完了となりました。</p>
<h3>WordPressとAkismetを接続させる</h3>
<p>WordPressへ戻りAPIキーの入力をし、接続します。</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-5757 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/Akismet-key-1.png" alt="APIキー" width="665" height="380" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/Akismet-key-1.png 665w, https://shiawasenarougo.com/wp-content/uploads/2021/07/Akismet-key-1-300x171.png 300w, https://shiawasenarougo.com/wp-content/uploads/2021/07/Akismet-key-1-120x68.png 120w, https://shiawasenarougo.com/wp-content/uploads/2021/07/Akismet-key-1-160x90.png 160w" sizes="auto, (max-width: 665px) 100vw, 665px" /><br />
このような画面になれば設定は完了となります。お疲れさまでした。</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-5758 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/de2f794be97c3e3b99eac9708a7ffbb0.png" alt="Akismet 設定完了" width="589" height="112" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/de2f794be97c3e3b99eac9708a7ffbb0.png 589w, https://shiawasenarougo.com/wp-content/uploads/2021/07/de2f794be97c3e3b99eac9708a7ffbb0-300x57.png 300w" sizes="auto, (max-width: 589px) 100vw, 589px" /></p>
<h3>Akismet 詳細設定</h3>
<p>APIキーを入力し、赤枠の通りに設定し、変更保存をクリックしてすべて完了となります。</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-5754 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/2854bafb61c71015d5bcf26186224a0a.png" alt="Akismet API key 入力" width="892" height="769" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/2854bafb61c71015d5bcf26186224a0a.png 892w, https://shiawasenarougo.com/wp-content/uploads/2021/07/2854bafb61c71015d5bcf26186224a0a-300x259.png 300w, https://shiawasenarougo.com/wp-content/uploads/2021/07/2854bafb61c71015d5bcf26186224a0a-768x662.png 768w" sizes="auto, (max-width: 892px) 100vw, 892px" /></p>
<h2>まとめ</h2>
<p>インストールから設定までは大丈夫でしたか？</p>
<p>ここでおさらいの意味もこめて、再度手順を書き出しておきますので是非参照してください。</p>
<div class="list-box-3">
<ul class="list-2">
<li>Akismetのインストールと有効化</li>
<li>ＷordPressにユーザー登録</li>
<li>APIキーを取得</li>
<li>取得したAPIキーで接続する</li>
<li>ＷordPressで詳細を設定する</li>
</ul>
</div>
<p>一度設定すれば、後は何もすることはありませんので、スパム対策の面からも是非このプラグインをインストールすることをおススメします。</p>
<p>その他のプラグインについては、こちらの記事でご紹介しています。<br />
↓　↓　↓　↓　↓<br />
<strong><a target="_blank" href="https://shiawasenarougo.com/plugin-for-cocoon/"><span style="font-size: 18px;">Cocoonに必要なプラグインはどれ？</span><span class="fa fa-external-link internal-icon anchor-icon"></span></a></strong></p>
<p>&nbsp;</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>WP Multibyte Patch日本語文字化け対策プラグインは必須！</title>
		<link>https://shiawasenarougo.com/wp-multibyte-patch/</link>
		
		<dc:creator><![CDATA[あさこ]]></dc:creator>
		<pubDate>Tue, 27 Jul 2021 08:34:17 +0000</pubDate>
				<category><![CDATA[プラグイン]]></category>
		<guid isPermaLink="false">https://shiawasenarougo.com/?p=5729</guid>

					<description><![CDATA[この記事は、WordPressプラグイン「WP Multibyte Patch」について初心者向に詳細に解説しています。 WordPressを使うなら、このプラグインは必須アイテムとなります。 このプラグインWP Mul [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" decoding="async" class="alignnone wp-image-5731 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/70696fa87ffcec102d657b9e9f0aacd1.png" alt="文字化け" width="800" height="600" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/70696fa87ffcec102d657b9e9f0aacd1.png 800w, https://shiawasenarougo.com/wp-content/uploads/2021/07/70696fa87ffcec102d657b9e9f0aacd1-300x225.png 300w, https://shiawasenarougo.com/wp-content/uploads/2021/07/70696fa87ffcec102d657b9e9f0aacd1-768x576.png 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></p>
<p>この記事は、WordPressプラグイン「WP Multibyte Patch」について初心者向に詳細に解説しています。</p>
<p>WordPressを使うなら、このプラグインは<strong><span style="color: #ff0000;">必須アイテム</span></strong>となります。</p>
<p>このプラグインWP Multibyte Patchの優れている点は、機能だけではなく「インストール」→「有効化」をすればそれですべて完了、本当にそれだけで文字化けを防止してくれるプラグインですので、<br />
必ずインストールして欲しいと考えています。</p>
<p>まず最初にWP Multibyte Patchの優れた機能からお話ししていきましょう</p>
<h2>WP Multibyte Patchの機能とは？</h2>
<div class="list-box-3">
<ul class="list-2">
<li>添付ファイル名の文字化け防止</li>
<li>検索時に全角スペースを使える</li>
<li>トラックバック機能の文字化け防止</li>
<li>文字数カウントを正確にする</li>
<li>ピンバック利用時のバグ防止</li>
<li>日本語メール送信時の文字化け防止</li>
</ul>
</div>
<p>&nbsp;</p>
<h3>添付ファイル名の文字化け防止</h3>
<p>画像やファイルをアップロードした時に、ファイル名がマルチバイト文字の場合は文字化けしてしまう事があります。<br />
それを防止してくれるのがこのプラグインとなります。</p>
<p>マルチバイト文字とは,コンピューターの文字コードで計算します。（ここではなぜ日本語がマルチバイトなのか？だけ分かれば十分です）<br />
半角英数字：1バイト<br />
全角文字：2バイト<br />
半角文字 :1バイト</p>
<p>WordPressは英語を基準に作成されているので、日本語（全角）の場合はマルチバイト文字となり文字化けしやすくなってしまいます。</p>
<p>それを防いでくれる機能を持っているのが、プラグインWP Multibyte Patchとなります。</p>
<h3>検索時に全角スペースを使える</h3>
<p>全角スペースは、全角文字と同様にマルチバイト文字としてコンピューターに認識されます。</p>
<p>サイト内検索窓にキーワードと全角のスペースを入力した時に、このプラグインを導入していないサイトでは、エラーとなり検索する事ができません。</p>
<p>なので、ユーザビリティーの面からもこのプラグインは必要です。</p>
<h3>トラックバック機能の文字化け防止</h3>
<p>ブログ記事内に、引用した文章を掲載する事ありますよね？<br />
参考にしたサイト管理者へ「リンクを貼りました」と言う報告する機能があります。<br />
この通知をトラックバックと言うのですが、トラックバックを文字化防止をしてくれます。<br />
<img loading="lazy" decoding="async" class="alignnone wp-image-5732 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/9b21d1f03c872d06b13cf54543b63630.png" alt="トラックバック" width="600" height="300" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/9b21d1f03c872d06b13cf54543b63630.png 600w, https://shiawasenarougo.com/wp-content/uploads/2021/07/9b21d1f03c872d06b13cf54543b63630-300x150.png 300w" sizes="auto, (max-width: 600px) 100vw, 600px" /></p>
<div class="alert-box common-icon-box">相手のブログサイトのトラックバック機能がオンになっていること。<br />
そのサイト管理者の承認が必要となります。</div>
<h3>ピンバック利用時のバグ防止</h3>
<p>トラックバック機能と同様に引用したサイトへ知らせる機能。</p>
<h4>トラックバックとの2つの違いは？</h4>
<p><strong>トラックバック：</strong>記事内容を送信・手動で送信<br />
<strong>ピンバック：</strong>記事内容は送信されない・自動で送信</p>
<h3>文字数カウントを正確にする</h3>
<p>記事の中には、全角文字・半角文字・全角スペース・半角スペースが混在しています。</p>
<p>それらをすべて正確にカウントする機能が備わっています。</p>
<h3>日本語メール送信時の文字化け防止</h3>
<p>日本語メールをWordPressから送信時に、文字化けして相手側が読めない状況を防止します。</p>
<h2>WP Multibyte Patch　インストール</h2>
<p>「ダッシュボード」「プラグイン」「新規追加」をクリック<br />
「キーワード」入力箇所に、WP Multibyte Patchと記入<br />
<strong>「今すぐインストール」</strong>ボタンをクリックします。</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-5734 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/0f0cd899b55a6b6446da6deda102fd49-1.png" alt="プラグイン　Multibytea pATCH" width="844" height="663" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/0f0cd899b55a6b6446da6deda102fd49-1.png 844w, https://shiawasenarougo.com/wp-content/uploads/2021/07/0f0cd899b55a6b6446da6deda102fd49-1-300x236.png 300w, https://shiawasenarougo.com/wp-content/uploads/2021/07/0f0cd899b55a6b6446da6deda102fd49-1-768x603.png 768w" sizes="auto, (max-width: 844px) 100vw, 844px" /></p>
<p><strong>「有効化」</strong>ボタンをクリックします。<img loading="lazy" decoding="async" class="alignnone wp-image-5735 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/WP-Multibyte-patch-1-.png" alt="WP Multibyte patch activation" width="556" height="257" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/WP-Multibyte-patch-1-.png 556w, https://shiawasenarougo.com/wp-content/uploads/2021/07/WP-Multibyte-patch-1--300x139.png 300w" sizes="auto, (max-width: 556px) 100vw, 556px" /></p>
<p>これでWP Multibyte Patchのインストールは完了しました。<br />
あとは、更新を怠らずに実行すれば問題ありません。</p>
<p>その他のプラグインについては、こちらの記事でご紹介しています。<br />
↓　↓　↓　↓　↓<br />
<strong><a target="_blank" href="https://shiawasenarougo.com/plugin-for-cocoon/"><span style="font-size: 18px;">Cocoonに必要なプラグインはどれ？</span><span class="fa fa-external-link internal-icon anchor-icon"></span></a></strong></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Contact Form 7 【初心者向】自動返信メールとThank you ページの設定方法</title>
		<link>https://shiawasenarougo.com/contact-form-7-customize/</link>
		
		<dc:creator><![CDATA[あさこ]]></dc:creator>
		<pubDate>Mon, 26 Jul 2021 21:28:35 +0000</pubDate>
				<category><![CDATA[プラグイン]]></category>
		<guid isPermaLink="false">https://shiawasenarougo.com/?p=5709</guid>

					<description><![CDATA[この記事は、WordPressプラグインを初心者向にインストールから簡単なカスタマイズまでを解説していきます。 是非この機会にあなたのお好みのコンタクトフォームを作成してくださいね。 それでは、早速インストール方法から解 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" decoding="async" class="alignnone wp-image-5710 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/email.png" alt="contact us" width="800" height="600" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/email.png 800w, https://shiawasenarougo.com/wp-content/uploads/2021/07/email-300x225.png 300w, https://shiawasenarougo.com/wp-content/uploads/2021/07/email-768x576.png 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></p>
<p>この記事は、WordPressプラグインを初心者向にインストールから簡単なカスタマイズまでを解説していきます。</p>
<p>是非この機会にあなたのお好みのコンタクトフォームを作成してくださいね。</p>
<p>それでは、早速インストール方法から解説していきましょう。</p>
<h2><span id="toc1">「Contact Form 7」をインストールする手順</span></h2>
<p>①「ダッシュボード」→「プラグイン」→「新規追加」→「検索窓」にContact Form7と入力</p>
<p>②下の画面が出てきますので、「今すぐインストール」をクリック</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-3083" src="https://shiawasenarougo.com/wp-content/uploads/2021/04/plugin-contact-form.png" sizes="auto, (max-width: 600px) 100vw, 600px" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/04/plugin-contact-form.png 600w, https://shiawasenarougo.com/wp-content/uploads/2021/04/plugin-contact-form-300x156.png 300w" alt="" width="600" height="312" /></p>
<p>③有効化をクリックします。</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-3086" src="https://shiawasenarougo.com/wp-content/uploads/2021/04/cotact-form-7-2.png" sizes="auto, (max-width: 600px) 100vw, 600px" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/04/cotact-form-7-2.png 600w, https://shiawasenarougo.com/wp-content/uploads/2021/04/cotact-form-7-2-300x120.png 300w" alt="" width="600" height="239" /></p>
<p>④Contact Form 7がプラグインにインストールされました。</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-3087" src="https://shiawasenarougo.com/wp-content/uploads/2021/04/contact-form-7-3-1.png" sizes="auto, (max-width: 600px) 100vw, 600px" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/04/contact-form-7-3-1.png 600w, https://shiawasenarougo.com/wp-content/uploads/2021/04/contact-form-7-3-1-300x122.png 300w" alt="" width="600" height="244" /></p>
<h2><span id="toc2">Contact Form 7 の設定方法</span></h2>
<p>①「お問いあわせフォームを追加」と言う画面になります。<br />
「お問いあわせ」の編集画面がでますが、何も触らずに「保存」をクリックします。</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-3090" src="https://shiawasenarougo.com/wp-content/uploads/2021/04/contact-form-7-7.png" sizes="auto, (max-width: 537px) 100vw, 537px" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/04/contact-form-7-7.png 537w, https://shiawasenarougo.com/wp-content/uploads/2021/04/contact-form-7-7-300x174.png 300w, https://shiawasenarougo.com/wp-content/uploads/2021/04/contact-form-7-7-120x68.png 120w" alt="" width="537" height="311" /></p>
<p>②画面上部に「コンタクトフォームが作成されました」と言うメッセージが出ます。<br />
その下をみると、<strong>「ショートコード」</strong>が表示されますので、そのコードを<strong>コピー</strong>してください。</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-3092" src="https://shiawasenarougo.com/wp-content/uploads/2021/04/contact-form-short-code.png" sizes="auto, (max-width: 600px) 100vw, 600px" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/04/contact-form-short-code.png 600w, https://shiawasenarougo.com/wp-content/uploads/2021/04/contact-form-short-code-300x44.png 300w" alt="" width="600" height="87" /></p>
<h2><span id="toc3">お問いあわせフォーム作成</span></h2>
<p>①「ダッシュボード」→「固定ページ」→「新規追加」<br />
「タイトルを追加」欄に、「お問合わせ」と入力します。</p>
<p>②先ほどコピーした「ショートコード」を<strong>本文に貼り付けます</strong>。<strong>＊テキストモード</strong>で入力します。</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-3095" src="https://shiawasenarougo.com/wp-content/uploads/2021/04/9a6f8bf8fd351a0fc218918ff00fbb4a.png" sizes="auto, (max-width: 600px) 100vw, 600px" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/04/9a6f8bf8fd351a0fc218918ff00fbb4a.png 600w, https://shiawasenarougo.com/wp-content/uploads/2021/04/9a6f8bf8fd351a0fc218918ff00fbb4a-300x110.png 300w" alt="" width="600" height="220" /></p>
<p>テキストモードに変更するには、テキストタブをクリックします。<br />
下に見えている画面の画像は、ビジュアルモードです。</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-3650 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/04/text-mode.png" sizes="auto, (max-width: 640px) 100vw, 640px" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/04/text-mode.png 640w, https://shiawasenarougo.com/wp-content/uploads/2021/04/text-mode-300x58.png 300w" alt="text mode 1" width="640" height="123" /></p>
<p>テキストモード画面は、このようになります。</p>
<p><img loading="lazy" decoding="async" class="aligncenter wp-image-3649 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/04/text-mode-2.png" sizes="auto, (max-width: 640px) 100vw, 640px" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/04/text-mode-2.png 640w, https://shiawasenarougo.com/wp-content/uploads/2021/04/text-mode-2-300x45.png 300w" alt="text mode2" width="640" height="97" /><br />
↑　↑　↑　↑　↑<br />
ここの本文入力箇所に<strong>「ショートコード」を貼り付けます。</strong></p>
<p>③「更新」ボタンをクリックします。</p>
<p>④「固定ページを更新しました。」と言うメッセージが出たらOKです。</p>
<h2>自動返信メールの設定</h2>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-5712 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/AUTOREPLAY-MAIL2.png" alt="自動返信メール" width="728" height="1056" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/AUTOREPLAY-MAIL2.png 728w, https://shiawasenarougo.com/wp-content/uploads/2021/07/AUTOREPLAY-MAIL2-207x300.png 207w, https://shiawasenarougo.com/wp-content/uploads/2021/07/AUTOREPLAY-MAIL2-706x1024.png 706w" sizes="auto, (max-width: 728px) 100vw, 728px" /></p>
<p>「メール」のタグをクリックすると上記のような画面になります。</p>
<p>スクロールダウンして「メール（2）を使用」前のチェックボックスにチェックを入れます。</p>
<p>これで自動返信メールの設定を進めることができます。</p>
<h3>自動返信メール内容を編集</h3>
<p>初期設定（デフォルト）の場合、ユーザーからの問い合わせがそのまま返信されてしまいます。</p>
<p>これではユーザビリティーもよくありませんので、問い合わせへのお礼や、返信にかかる日数などを書くと共に、自動返信で送付されている旨を伝える事が良いと思います。</p>
<h3>送信完了ページ（サンクスページ）の作成</h3>
<p>Contact Form7にて作成したお問いあわせフォームは、送信ボタンを押してもメッセージ「ありがとうございます。メッセージは送付されました」と表示されるだけです。</p>
<p>これでは味気ないと思われるかたは、送信完了時に表示されるサンクスページを固定ページで作成することをおススメします。</p>
<p>この目的は、ユーザーにお問いあわせの送信完了をお伝えする事が目的ですので、内容は簡単なもので問題ありません。</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-5719 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/Thank-you-page-text.png" alt="Thank you page" width="1419" height="289" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/Thank-you-page-text.png 1419w, https://shiawasenarougo.com/wp-content/uploads/2021/07/Thank-you-page-text-300x61.png 300w, https://shiawasenarougo.com/wp-content/uploads/2021/07/Thank-you-page-text-1024x209.png 1024w, https://shiawasenarougo.com/wp-content/uploads/2021/07/Thank-you-page-text-768x156.png 768w" sizes="auto, (max-width: 1419px) 100vw, 1419px" /></p>
<p>↓　↓　↓　↓　↓<br />
メール送信後に、このようなシンプルなページへ移動させることも可能です。<br />
<img loading="lazy" decoding="async" class="alignnone wp-image-5720 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/Thank-you-page-visual.png" alt="THANK YOU PAGE VISUAL" width="749" height="643" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/Thank-you-page-visual.png 749w, https://shiawasenarougo.com/wp-content/uploads/2021/07/Thank-you-page-visual-300x258.png 300w" sizes="auto, (max-width: 749px) 100vw, 749px" /><br />
固定ページで作成したこのページは、記事の内容がないので、検索エンジンにはインデックスさせない＝<strong>「nonindex」に設定</strong>します。</p>
<p>私は、カスタマイズは不要なのでやっていませんが、ご興味のあるかたは、こちらのサイトが一番詳しくそして<br />
分かりやすいと思いましたので、ご紹介させていただきます。<br />
↓　↓　↓　↓　↓<br />
<a rel="noopener" target="_blank" href="https://arata01.info/wordpress-contact-form7-14926"><span style="font-size: 16px;">【2021年版】Contact Form7（コンタクトフォーム7）の使い方・カスタマイズ方法</span><span class="fa fa-external-link external-icon anchor-icon"></span></a></p>
<p>&nbsp;</p>
<p>コンタクトフォームをフッター・サイトバーに設置する方法は、こちらの記事で解説していますので、是非ごらんください。<br />
↓　↓　↓　↓　↓<br />
<strong><span style="font-size: 18px;"><a target="_blank" href="https://shiawasenarougo.com/cocoon-contact-form/">Cocoon のフッター・サイドバーにお問い合わせを設定<span class="fa fa-external-link internal-icon anchor-icon"></span></a></span></strong></p>
<p>その他のプラグインについては、こちらの記事でご紹介しています。<br />
↓　↓　↓　↓　↓<br />
<strong><a target="_blank" href="https://shiawasenarougo.com/plugin-for-cocoon/"><span style="font-size: 18px;">Cocoonに必要なプラグインはどれ？</span><span class="fa fa-external-link internal-icon anchor-icon"></span></a></strong></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>WP Fastest Cache 【初心者向】インストールから設定までを解説</title>
		<link>https://shiawasenarougo.com/fastest-cache/</link>
		
		<dc:creator><![CDATA[あさこ]]></dc:creator>
		<pubDate>Mon, 26 Jul 2021 12:42:53 +0000</pubDate>
				<category><![CDATA[プラグイン]]></category>
		<guid isPermaLink="false">https://shiawasenarougo.com/?p=5690</guid>

					<description><![CDATA[ブログ記事を検索上位に表示させるためには、ユーザビリティ向上が欠かせません。 この記事は、ＷordPressプラグイン「Fastest Cache」のインストールから設定までをブログ初心者でも分かりやすく解説しています。 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" decoding="async" class="wp-image-5694 size-full alignnone" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/629ef222acf5e0f5a51b3192eddd7068.png" alt="サイトのスピードアップ最適化" width="800" height="600" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/629ef222acf5e0f5a51b3192eddd7068.png 800w, https://shiawasenarougo.com/wp-content/uploads/2021/07/629ef222acf5e0f5a51b3192eddd7068-300x225.png 300w, https://shiawasenarougo.com/wp-content/uploads/2021/07/629ef222acf5e0f5a51b3192eddd7068-768x576.png 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></p>
<p>ブログ記事を検索上位に表示させるためには、ユーザビリティ向上が欠かせません。</p>
<p>この記事は、ＷordPressプラグイン「Fastest Cache」のインストールから設定までをブログ初心者でも分かりやすく解説しています。</p>
<p>ではさっそっく始めましょう。</p>
<h2>Fastest Cache とは？</h2>
<p>Fastest Cacheは、「キャッシュの有効化」を図りサイトの表示速度を高速化するプラグインとなります。</p>
<p>設定方法もとても簡単なので、ブログ初心者でも問題なく設定できますし、日本語にも対応していることから、とても人気の高いプラグインとなっています。</p>
<div class="blank-box bb-tab bb-point bb-red">表示速度を高速化するためには、不要なファイルの削除、ファイルのを圧縮化など様々な方法がありますが、<strong>「キャッシュの有効化」</strong>はとても重要なポイントの一つとなります。</div>
<div>ここで新しい言葉「キャッシュ」ってなに？と思われたかたもいると思いますので、「Cache（キャッシュ）」について簡単に解説をしたのちに、インストール方法へ移りたいと思います。</div>
<h3>Cache（キャッシュ）とは？</h3>
<p>Webサイトを訪問した時の情報をある一定期間端末に保存することで、次に訪問した時に迅速にそのサイトを表示する仕組みを言います。<br />
<img loading="lazy" decoding="async" class="alignnone wp-image-5696 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/33d6577aa3464235fb56e0dc280ce3bb.png" alt="cacheの仕組み" width="800" height="600" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/33d6577aa3464235fb56e0dc280ce3bb.png 800w, https://shiawasenarougo.com/wp-content/uploads/2021/07/33d6577aa3464235fb56e0dc280ce3bb-300x225.png 300w, https://shiawasenarougo.com/wp-content/uploads/2021/07/33d6577aa3464235fb56e0dc280ce3bb-768x576.png 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></p>
<h2>Fastest Cache インストール</h2>
<p>「ダッシュボード」→「プラグイン」→「新規追加」をクリックします。<br />
検索窓（キーワード）に WP Fastest Cacheと記入します。<br />
「今すぐインストール」ボタンをクリックします。</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-5698 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/fastest-cashe-1.png" alt="FASTEST CACHE INSTALL" width="835" height="642" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/fastest-cashe-1.png 835w, https://shiawasenarougo.com/wp-content/uploads/2021/07/fastest-cashe-1-300x231.png 300w, https://shiawasenarougo.com/wp-content/uploads/2021/07/fastest-cashe-1-768x590.png 768w" sizes="auto, (max-width: 835px) 100vw, 835px" /></p>
<p>次に<strong>「有効化」</strong>ボタンをクリックします。<br />
<img loading="lazy" decoding="async" class="alignnone wp-image-5700 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/0a4f3f9f678464eadc537acc85287968.png" alt="Fastest Cache有効化" width="559" height="261" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/0a4f3f9f678464eadc537acc85287968.png 559w, https://shiawasenarougo.com/wp-content/uploads/2021/07/0a4f3f9f678464eadc537acc85287968-300x140.png 300w" sizes="auto, (max-width: 559px) 100vw, 559px" /></p>
<p>これでWP Fastest Cacheのインストールは完了しました。<br />
これからは、設定に移っていきます。</p>
<h2>WP Fastest Cache 設定方法</h2>
<h3>基本設定</h3>
<p>以下の通りにチェックを入れて頂ければ問題ありません。<br />
↓　↓　↓　↓　↓<br />
<strong><img loading="lazy" decoding="async" class="alignnone wp-image-5703 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/97c37cf15e2087ef7ca1c149494b546f.png" alt="Fastest Cache 設定" width="608" height="717" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/97c37cf15e2087ef7ca1c149494b546f.png 608w, https://shiawasenarougo.com/wp-content/uploads/2021/07/97c37cf15e2087ef7ca1c149494b546f-254x300.png 254w" sizes="auto, (max-width: 608px) 100vw, 608px" /></strong></p>
<p>まず最初に言語を<strong>「日本語」</strong>にし、「変更を保存」ボタンをクリックします。<br />
これにより全て日本語で表示されますので、理解もしやすいかと思います。</p>
<p><strong>チェックを入れる項目リストは以下の6つです。</strong></p>
<ul>
<li>キャッシュ</li>
<li>ログインユーザー</li>
<li>モバイル</li>
<li>新規投稿</li>
<li>Update Post</li>
<li>ブラウザキャッシュ</li>
</ul>
<div class="alert-box common-icon-box">圧縮関連は、他のプラグインで実装されている場合がありますので、競合してしまい、何かの問題が起こると困るので、ここでは何も入れないでおいてください。</div>
<h4>各項目の簡単な解説</h4>
<p><strong>キャッシュ：</strong>WP Fastest Cache全体の機能を有効化する設定となります。</p>
<p><strong>ログインユーザー：</strong>常に最新の状態を確認する必要があるので、必ずチェックを入れます。<br />
<strong><br />
モバイル：</strong>パソコンでアクセスしたユーザーには、PC版キャッシュを、スマホでアクセスしたユーザーには、スマホ版のキャッシュを使うための設定となります。 ↓　↓　↓　↓　↓</p>
<div class="blank-box bb-tab bb-hint bb-red">
<p>WordPressのテーマによっては、キャッシュを共通化してしまうと問題が生じてしまう場合があるので、有効化することをおススメします。</p>
</div>
<p><strong>新規投稿：</strong>新規投稿した時に、古いキャッシュを削除します。</p>
<p><strong>Update Post: </strong>記事を更新した時に、古いキャッシュを削除します。</p>
<p><strong>ブラウザキャッシュ：</strong>ユーザーのブラウザにもキャッシュを生成します。</p>
<p>ここまでの設定で完了となります。</p>
<p>ここからお話しする設定は、WP Fastest Cacheをインストールしてから今まで一度も使用したことのない箇所となります。</p>
<p>細く情報程度にとらえて置いて頂ければと思います。</p>
<h3>キャッシュの削除</h3>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-5705 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/9765245a250dbb4ca84205ea245d9cf9.png" alt="CACHE 削除" width="736" height="597" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/9765245a250dbb4ca84205ea245d9cf9.png 736w, https://shiawasenarougo.com/wp-content/uploads/2021/07/9765245a250dbb4ca84205ea245d9cf9-300x243.png 300w" sizes="auto, (max-width: 736px) 100vw, 736px" /></p>
<p><strong>Ｃlear All Cache：</strong>古いサーバーキャッシュを全て削除します。</p>
<p><strong>画像の最適化：</strong>プレミアムのみ使用可</p>
<p><strong>プレミアム：</strong>プレミアムの内容と金額について</p>
<p><strong>除外する：</strong>除外するページなどを詳細に設定します。</p>
<p><strong>CDN:　</strong>他国のユーザーがアイルにアクセルする時間を最小限に抑えるシステム（一部プレミアムのみ使用可）<br />
<strong><br />
</strong><strong>DB:</strong>プレミアムのみ使用可</p>
<h2>まとめ</h2>
<p>WP Fastest Cacheは使い勝手も良く、サイトのスピードアップを図ってくれるプラグインとし数あるプラグインの中でも優秀なものだと言われています。</p>
<p>注意して欲しいのは、他にプラグインを導入している場合は、ファイルの圧縮にチェックを入れてしまうと、不具合が起こってしまう場合があります。</p>
<p>ですから、その点をしっかりとご理解していない方は、こちらでご紹介した6箇所だけにチェックを入れておいていただければと思います。</p>
<p><strong>チェックを入れる項目リストは以下の6つです。</strong></p>
<ul>
<li>キャッシュ</li>
<li>ログインユーザー</li>
<li>モバイル</li>
<li>新規投稿</li>
<li>Update Post</li>
<li>ブラウザキャッシュ</li>
</ul>
<p>その他のプラグインについては、こちらの記事でご紹介しています。<br />
↓　↓　↓　↓　↓<br />
<strong><a target="_blank" href="https://shiawasenarougo.com/plugin-for-cocoon/"><span style="font-size: 18px;">Cocoonに必要なプラグインはどれ？</span><span class="fa fa-external-link internal-icon anchor-icon"></span></a></strong></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>【初心者向】WebSub/PubSubHubbubを使うメリットと設定方法</title>
		<link>https://shiawasenarougo.com/websub-pubsubhubbub-merit/</link>
		
		<dc:creator><![CDATA[あさこ]]></dc:creator>
		<pubDate>Sun, 25 Jul 2021 09:26:11 +0000</pubDate>
				<category><![CDATA[プラグイン]]></category>
		<guid isPermaLink="false">https://shiawasenarougo.com/?p=5658</guid>

					<description><![CDATA[この記事は、ブログ記事投稿・更新情報を迅速にGoogle 検索エンジンに通知するWordPressのプラグイン WebSub/PubSubHubbubの効果と設定方法についてブログ初心者にも簡単にわかるように解説していま [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" decoding="async" class="alignnone wp-image-5660 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/e841ee9295b2c0b70e2329429696d880.png" alt="GOOGLEへ通史" width="800" height="600" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/e841ee9295b2c0b70e2329429696d880.png 800w, https://shiawasenarougo.com/wp-content/uploads/2021/07/e841ee9295b2c0b70e2329429696d880-300x225.png 300w, https://shiawasenarougo.com/wp-content/uploads/2021/07/e841ee9295b2c0b70e2329429696d880-768x576.png 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></p>
<p>この記事は、ブログ記事投稿・更新情報を迅速にGoogle 検索エンジンに通知するWordPressのプラグイン<br />
WebSub/PubSubHubbubの効果と設定方法についてブログ初心者にも簡単にわかるように解説しています。</p>
<p>SEO対策を考えているあなたには、必須のＷordPressプラグインと言えますので、未だの方は是非この機会に<br />
WebSub/PubSubHubbubをあなたのブログにインストールしましょう。</p>
<h2>WebSub/PubSubHubbubとは？</h2>
<p>なんだか妙に長い名前で、早口言葉を言わされているような？そんな感じですよね。<br />
それぞれの言葉には、意味があるようですが、そこまでお話しするとかなり技術的で高度な話になってしまうので、ここでは割愛します。</p>
<p>それよりもWebSub/PubSubHubbubがどんなものなのか？の方がきっと興味を持っていただけると考えています。</p>
<p>検索エンジンにあなたが投稿した<span style="color: #ff0000;"><strong>記事・更新記事の情報をいち早く、迅速に通知</strong></span>するプラグインがWebSub/PubSubHubbubです。</p>
<p>WebSub/PubSubHubbubが検索エンジンに通知するとあなたのブログ記事は、<br />
<span style="color: #000000;"><strong>認識＝インデックス</strong></span>され始めて<strong><span style="color: #000000;">検索エンジン結果に表示</span></strong>されるようになります。</p>
<div class="information-box common-icon-box">
<p><strong>インデックスさせる2つの方法</strong></p>
<p>WebSub/PiubSubHubbubを使って自動で通知<br />
Google Search Consoleoの「URL検査」を使い、手動で通知<br />
<strong><br />
</strong></p>
</div>
<div>私は、両方共使用しています。</div>
<h2>WebSub/PubSubHubbub2つの効果</h2>
<p>WebSub/PubSubHubbubを使う大きな効果は2つあります。</p>
<div class="blank-box bb-tab bb-point bb-red">1.迅速に検索結果にあなたのサイト情報をインデックスさせる<br />
2.スクレイピングの防止</div>
<div>それではそれぞれ詳しく解説していきましょう。</div>
<h3>迅速にインデックスされる</h3>
<p>さきほどもお話ししましたが、検索エンジンにインデックスされてはじめて検索結果に表示されるようになります。</p>
<p>検索結果に表示されるのがより早いほど、ユーザーの目にも留まるようになりますので、是非導入してください。</p>
<h3>スクレイピングの防止</h3>
<p>もう一つの効果である<strong>スクレイピングとは？</strong></p>
<p>簡単に言ってしまうと、サイトの情報から必要な情報を収集、加工して新しい情報を作り出すプログラムの事を言います。</p>
<p>でも、これって完璧とは言わずにも複製ですよね。コピーは自由ですよ！と言われていない限り、不正コピーとなります。</p>
<p>でもこんなサイトが氾濫しているのが、現実問題のようです。</p>
<p>そこで自分の記事を迅速にインデックスさせることで、検索エンジンに<span style="color: #ff0000;"><strong>「オリジナル記事」だと認識</strong></span>させ、後続の重複されたサイトを不正とみなし、検索結果で上位にはこれなくする予防線を張る事ができるんです。</p>
<h2>WebSub/PubSubHubbubのインストール</h2>
<p>「ダッシュボード」→「プラグイン」→「新規追加」をクリックし、検索窓にWebSub/PubSubHubbubと記入します。</p>
<p>「今すぐインストール」ボタンをクリックします。</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-5662 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/WebSubPubinstall.png" alt="プラグインWebSub/PubSubHubbub" width="844" height="663" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/WebSubPubinstall.png 844w, https://shiawasenarougo.com/wp-content/uploads/2021/07/WebSubPubinstall-300x236.png 300w, https://shiawasenarougo.com/wp-content/uploads/2021/07/WebSubPubinstall-768x603.png 768w" sizes="auto, (max-width: 844px) 100vw, 844px" /></p>
<p>注意）類似した名前のプラグインが多数ありますので、このアイコンを目印にしてください<br />
↓　↓　↓<br />
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-5663" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/WebSubPub-icon.png" alt="プラグインアイコン" width="118" height="64" /></p>
<p>次は、<strong>「有効化」</strong>ボタンをクリックします。<br />
<img loading="lazy" decoding="async" class="alignnone wp-image-5664 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/WebSubPub.png" alt="プラグイン有効化" width="563" height="247" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/WebSubPub.png 563w, https://shiawasenarougo.com/wp-content/uploads/2021/07/WebSubPub-300x132.png 300w" sizes="auto, (max-width: 563px) 100vw, 563px" /></p>
<h2>WebSub/PubSubHubbub設定</h2>
<p>通常プラグインは、インストール後に設定が必要となります。</p>
<p>ですが、WebSub/PubSubHubbubは、「インストール」「有効化」が終わると同時に設定も完了しているかなり優秀なプラグインなので、これで<span style="color: #ff0000;"><strong>完了</strong></span>となります。</p>
<h2>まとめ</h2>
<p>WebSub/PubSubHubbubをインストールする事であなたのブログ記事も迅速に検索エンジンにインデックス＝認識されるようになり、さらにはスクレイピングを防ぐことであなたのサイトの価値をより高くすることが可能となります。</p>
<p>ですが、検索エンジンにインデックスされるだけでは、検索結果上位には表示されません事をよく覚えておいてくださいね。</p>
<p>ユーザビィリティ向上（検索エンジン・ユーザー）こそが検索結果上位に表示される肝となります。</p>
<p>どこまでもユーザーに有益な情報を提供する・ユーザー目線で使いやすいサイトを構築する！これらを忘れずに実行していってください。</p>
<p>この記事があなたのユーザビリティ向上に少しでもお役に立てれば光栄です。</p>
<p>ユーザビリティ―向上で少しでも疑問や不安などがあるかたは、お気軽にご相談ください。</p>
<p>その他のプラグインについては、こちらの記事でご紹介しています。<br />
↓　↓　↓　↓　↓<br />
<strong><a target="_blank" href="https://shiawasenarougo.com/plugin-for-cocoon/"><span style="font-size: 18px;">Cocoonに必要なプラグインはどれ？</span><span class="fa fa-external-link internal-icon anchor-icon"></span></a></strong></p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Imagify画像圧縮プラグイン（初心者向）設定方法の詳細を解説</title>
		<link>https://shiawasenarougo.com/imagify/</link>
		
		<dc:creator><![CDATA[あさこ]]></dc:creator>
		<pubDate>Sat, 24 Jul 2021 12:50:29 +0000</pubDate>
				<category><![CDATA[SEO対策]]></category>
		<category><![CDATA[プラグイン]]></category>
		<guid isPermaLink="false">https://shiawasenarougo.com/?p=5620</guid>

					<description><![CDATA[この記事は、自動で画像を圧縮するＷordPressのプラグイン【Imagify WebP &#38; Image Compression 】のインストールから設定そして使い方までをブログ初心者にもわかりやすく図解入りで解 [&#8230;]]]></description>
										<content:encoded><![CDATA[<p><img loading="lazy" decoding="async" class="alignnone wp-image-5621 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/8bb569d07dd1ac6760e1a115041812e6.png" alt="画像の圧縮化" width="800" height="600" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/8bb569d07dd1ac6760e1a115041812e6.png 800w, https://shiawasenarougo.com/wp-content/uploads/2021/07/8bb569d07dd1ac6760e1a115041812e6-300x225.png 300w, https://shiawasenarougo.com/wp-content/uploads/2021/07/8bb569d07dd1ac6760e1a115041812e6-768x576.png 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /></p>
<p>この記事は、自動で画像を圧縮するＷordPressのプラグイン【Imagify WebP &amp; Image Compression 】のインストールから設定そして使い方までをブログ初心者にもわかりやすく図解入りで解説しています。</p>
<p>画像の圧縮化を破壊、スピードアップをすることは、ユーザビリティーと検索エンジンの両方に利点がありますので、是非お試しください。</p>
<p>それではさっそくはじめましょう。</p>
<h2>WordPress プラグインImagifyのインストール</h2>
<h3>Imagify インストール</h3>
<p>「ダッシュボード」→「プラグイン」→「新規追加」をクリックします<br />
検索窓に【Imagify】と入力し、「今すぐインストール」ボタンをクリックします。</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-5625 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/IMAGIFY-2.png" alt="imagify install 手順" width="1906" height="475" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/IMAGIFY-2.png 1906w, https://shiawasenarougo.com/wp-content/uploads/2021/07/IMAGIFY-2-300x75.png 300w, https://shiawasenarougo.com/wp-content/uploads/2021/07/IMAGIFY-2-1024x255.png 1024w, https://shiawasenarougo.com/wp-content/uploads/2021/07/IMAGIFY-2-768x191.png 768w, https://shiawasenarougo.com/wp-content/uploads/2021/07/IMAGIFY-2-1536x383.png 1536w" sizes="auto, (max-width: 1906px) 100vw, 1906px" /></p>
<p>インストールできたら、「有効化」ボタンをクリックします。<br />
<img loading="lazy" decoding="async" class="alignnone wp-image-5626 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/99122aa487934153cb960adf9a827ee6.png" alt="imagify 有効化" width="517" height="204" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/99122aa487934153cb960adf9a827ee6.png 517w, https://shiawasenarougo.com/wp-content/uploads/2021/07/99122aa487934153cb960adf9a827ee6-300x118.png 300w" sizes="auto, (max-width: 517px) 100vw, 517px" /></p>
<h3>Imagify APIキーを取得</h3>
<p>有効化が完了しました。<br />
Imagifyの設定画面が開きますので、ここでアカウント登録をしてAPIキーを取得します。<br />
それでは、【1】の「SIGN UP, IT&#8217;S FREE」ボタンをクリックしてください。</p>
<p>下の画像の<strong><span style="color: #ff0000;">「</span><span style="color: #ff0000;">今ここ」</span></strong><span style="color: #ff0000;"><span style="color: #000000;">になります。<br />
↓　↓　↓　↓　↓</span></span><br />
<img loading="lazy" decoding="async" class="alignnone wp-image-5627 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/imagify-3-1.png" alt="Imagify ステップ1" width="634" height="283" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/imagify-3-1.png 634w, https://shiawasenarougo.com/wp-content/uploads/2021/07/imagify-3-1-300x134.png 300w" sizes="auto, (max-width: 634px) 100vw, 634px" /></p>
<p>次にAPIキーを受け取るためのemailアドレスを記入し、<strong>「SIGN UP」</strong>ボタンをクリックします。<br />
<span style="color: #ff0000;"><span style="color: #000000;">↓　↓　↓　↓　↓</span></span><br />
<img loading="lazy" decoding="async" class="alignnone wp-image-5628 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/imagify-4.png" alt="Imagify e-nail adderss 設定" width="630" height="384" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/imagify-4.png 630w, https://shiawasenarougo.com/wp-content/uploads/2021/07/imagify-4-300x183.png 300w" sizes="auto, (max-width: 630px) 100vw, 630px" /></p>
<p>登録したemailアドレス宛に、APIキーが送られて来ますので、大切に保管しておいてくださいね。<br />
<span style="color: #ff0000;"><span style="color: #000000;">↓　↓　↓　↓　↓</span></span><br />
<img loading="lazy" decoding="async" class="alignnone wp-image-5630 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/welcome-letter-from-imagify.png" alt="WELCOME LETTER FROM IMAGIFY" width="589" height="319" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/welcome-letter-from-imagify.png 589w, https://shiawasenarougo.com/wp-content/uploads/2021/07/welcome-letter-from-imagify-300x162.png 300w" sizes="auto, (max-width: 589px) 100vw, 589px" /></p>
<h3>Imagify API キーを挿入</h3>
<p>届いたメールの中に記載されているAPIキーを入れて接続していきます。</p>
<p>「I HAVE MY API KEY」ボタンをクリックします。<br />
<span style="color: #000000;">下の画像【2】の</span><strong><span style="color: #ff0000;">今ここ</span></strong><span style="color: #000000;">になります。</span></p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-5631 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/imagify-3-2.png" alt="imagify 設定2" width="634" height="283" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/imagify-3-2.png 634w, https://shiawasenarougo.com/wp-content/uploads/2021/07/imagify-3-2-300x134.png 300w" sizes="auto, (max-width: 634px) 100vw, 634px" /><br />
APIキーを入力する画面が表示されますので、先程届いたAPIキーをコピペします。<br />
コピペしたら、「CONNECT　ME」ボタンをクリックします。</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-5632 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/imagify-connection.png" alt="APIキーを接続する" width="558" height="335" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/imagify-connection.png 558w, https://shiawasenarougo.com/wp-content/uploads/2021/07/imagify-connection-300x180.png 300w" sizes="auto, (max-width: 558px) 100vw, 558px" /></p>
<p>画面が以下のようになったら、接続成功ですので、「OK」ボタンをクリックします。<br />
<span style="color: #ff0000;"><span style="color: #000000;">↓　↓　↓　↓　↓</span></span><br />
<img loading="lazy" decoding="async" class="alignnone wp-image-5633 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/imagify-setting-finished.png" alt="IMAGIFY 設定完了" width="585" height="482" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/imagify-setting-finished.png 585w, https://shiawasenarougo.com/wp-content/uploads/2021/07/imagify-setting-finished-300x247.png 300w" sizes="auto, (max-width: 585px) 100vw, 585px" /></p>
<h3>Imagify 設定</h3>
<p>Imagifyの設定に移ります。<br />
「Go TO SETTINGS」ボタンをクリックします。<br />
下の画像【3】<span style="color: #ff0000;"><strong>今ここ</strong></span>になります。</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-5634 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/imagify-3-3.png" alt="IMAGIFY設定開始ボタン" width="634" height="283" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/imagify-3-3.png 634w, https://shiawasenarougo.com/wp-content/uploads/2021/07/imagify-3-3-300x134.png 300w" sizes="auto, (max-width: 634px) 100vw, 634px" /><br />
<strong>Imagify 一般設定</strong></p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-5638 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/IMAGFIRY-GENERAL-SETTING-2.png" alt="iMAGIFY 一般設定詳細" width="964" height="619" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/IMAGFIRY-GENERAL-SETTING-2.png 964w, https://shiawasenarougo.com/wp-content/uploads/2021/07/IMAGFIRY-GENERAL-SETTING-2-300x193.png 300w, https://shiawasenarougo.com/wp-content/uploads/2021/07/IMAGFIRY-GENERAL-SETTING-2-768x493.png 768w" sizes="auto, (max-width: 964px) 100vw, 964px" /></p>
<ol>
<li><strong>画像最適化レベル</strong>：画像の圧縮度を<b><span class="keiko_yellow big">「NORMAL」</span></b><span style="color: #ff0000;"><strong><span class="keiko_yellow big">「AGGRESSIVE」</span></strong></span><b><span class="keiko_yellow big">「ULTRA」</span></b>の3段階から選びます。デフォルトのまま<span style="color: #000000;"><span class="keiko_yellow big">「AGGRESSIVE」でOKです。</span></span></li>
<li><span style="color: #ff0000;"><strong>自動最適化</strong></span>：アップロードした画像を自動で圧縮する様、チェックをいれていおきましょう。</li>
<li><strong>元の画像をバックアップ</strong>：元の画像をサーバーに保管します。私はチェックをはずしました。</li>
<li><strong>EXIFデータの保管：</strong>EXIFデータは、画像に含まれるさまざまな情報（撮影した場所・カメラの種類・日時などの全ての情報です）を言います。チェックを外しておくことで、この情報は<strong><span style="color: #ff0000;">自動的に消去</span></strong>されます。<br />
個人情報を守るためにチェックは外しておきましょう。</li>
</ol>
<h3>Imagifyの設定方法</h3>
<p><strong>WebP（ウェブピー）</strong>は、Google が開発した画像形式ですが、Apple, Safariなどに対応できていないので、チェックは外しておきましょう。</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-5639 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/IMAGIFRY-OPTIMIZATION.png" alt="Imagify Optimization" width="876" height="440" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/IMAGIFRY-OPTIMIZATION.png 876w, https://shiawasenarougo.com/wp-content/uploads/2021/07/IMAGIFRY-OPTIMIZATION-300x151.png 300w, https://shiawasenarougo.com/wp-content/uploads/2021/07/IMAGIFRY-OPTIMIZATION-768x386.png 768w" sizes="auto, (max-width: 876px) 100vw, 876px" /></p>
<h3>Imagify Mecia Library</h3>
<p>ここの設定で画像の横幅の上限を決めます。これにより、大きすぎる画像を小さくしてくれます。<br />
デフォルトのまま2048pxでOKです。</p>
<p>次にWordPressで自動作成されたサムネイルのサイズを圧縮するか？決めていきます。<br />
サムネイルは画像が小さいので、私は全てチェックを外しています。</p>
<p>注）画像サイズを追加すると毎月の使用量にも影響がでますので、ご注意ください。</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-5642 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/media-liberary-2.png" alt="Imagify media library" width="695" height="687" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/media-liberary-2.png 695w, https://shiawasenarougo.com/wp-content/uploads/2021/07/media-liberary-2-300x297.png 300w, https://shiawasenarougo.com/wp-content/uploads/2021/07/media-liberary-2-100x100.png 100w" sizes="auto, (max-width: 695px) 100vw, 695px" /></p>
<h3>表示オプション</h3>
<p>ここにチェックを入れておくと、WordPress画面の上部にImagifyへのショートカットキーが設置されます。</p>
<p>設定内容を確認後「変更を保存」ボタンをクリックしてください。</p>
<p>これで設定は完了しました、大変おつかれさまでした。</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-5643 size-full" src="https://shiawasenarougo.com/wp-content/uploads/2021/07/Imagify-display-option.png" alt="Imagify　表示オプション" width="796" height="595" srcset="https://shiawasenarougo.com/wp-content/uploads/2021/07/Imagify-display-option.png 796w, https://shiawasenarougo.com/wp-content/uploads/2021/07/Imagify-display-option-300x224.png 300w, https://shiawasenarougo.com/wp-content/uploads/2021/07/Imagify-display-option-768x574.png 768w" sizes="auto, (max-width: 796px) 100vw, 796px" /></p>
<h2>Imagifyをおススメする理由</h2>
<p>最後になってしまいましたが、Imagifyをおススメする理由を書いておきたいと思います。</p>
<p>以前は、「Compress JPEG &amp; PNG images」「EWWW Image Optimizer」「Tiny PNG」などをいろいろと試した結果「Imagify」にたどり着きました。</p>
<p>圧縮率が高いのに、圧縮後の画像が鮮明であることをネットで知り、早速使ってみたのが1年以上前の事になります。本当に画像鮮度が落ちないのに、画像サイズは縮小されているので、おススメします。</p>
<p>月25MBまでは無料で使用する事が可能です。</p>
<p>上限まで到達してしまった場合は、画像の圧縮化を翌月まで待つか有料版に切り替えてストレスなく画像の圧縮化をするか？となります。</p>
<h2>お知らせ</h2>
<p>ＷordPressの画像圧縮プラグインの中でもかなり優秀な「Imagify」ですが、どうやらブログ初心者の方には、英語のみと言うのが難点なようです。</p>
<p>この記事の手順でそのまま進めて行けば、問題なくインストールから設定まで出来ると思います。</p>
<p>ですが、不安の残る方や、よくわからないと言う方はメールまたはチャットやLINEなどの通話を通じてご相談を受けていますので、どうぞ遠慮せずにお知らせくださいね。</p>
<p>その他のプラグインについては、こちらの記事でご紹介しています。<br />
↓　↓　↓　↓　↓<br />
<strong><a target="_blank" href="https://shiawasenarougo.com/plugin-for-cocoon/"><span style="font-size: 18px;">Cocoonに必要なプラグインはどれ？</span><span class="fa fa-external-link internal-icon anchor-icon"></span></a></strong></p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
