<?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>WordPress | Synkers.net</title>
	<atom:link href="https://synkers.net/category/%E3%83%8D%E3%83%83%E3%83%88%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>https://synkers.net</link>
	<description>好きなことをごちゃまぜ</description>
	<lastBuildDate>Thu, 27 Jul 2023 06:36:15 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://synkers.net/hibikore-dennou/wp-content/uploads/2022/07/cropped-fav-32x32.png</url>
	<title>WordPress | Synkers.net</title>
	<link>https://synkers.net</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://synkers.net/category/%E3%83%8D%E3%83%83%E3%83%88%E3%82%B5%E3%83%BC%E3%83%93%E3%82%B9/wordpress/feed/"/>
	<item>
		<title>【画像5枚】Cocoonで広告タグの改変なしにアフィリエイトボタンを作成する方法</title>
		<link>https://synkers.net/cocoon-adbutton/</link>
					<comments>https://synkers.net/cocoon-adbutton/#respond</comments>
		
		<dc:creator><![CDATA[akika]]></dc:creator>
		<pubDate>Thu, 27 Jul 2023 06:36:08 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Cocoon]]></category>
		<guid isPermaLink="false">https://synkers.net/?p=1334</guid>

					<description><![CDATA[アフィリエイトをするのに、アフィリエイトボタンを作りたいと思いますよね。 でも広告タグを改変すると違反になってしまうし、どうしたら広告タグを改変なしでボタンリンクができるんだろう？と悩むと思います。 でも、Cocoonな [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-full"><img fetchpriority="high" decoding="async" width="900" height="600" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2023/07/aff-button.jpg" alt="" class="wp-image-1336" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2023/07/aff-button.jpg 900w, https://synkers.net/hibikore-dennou/wp-content/uploads/2023/07/aff-button-300x200.jpg 300w, https://synkers.net/hibikore-dennou/wp-content/uploads/2023/07/aff-button-768x512.jpg 768w" sizes="(max-width: 900px) 100vw, 900px" /></figure>



<p>アフィリエイトをするのに、アフィリエイトボタンを作りたいと思いますよね。</p>



<p>でも広告タグを改変すると違反になってしまうし、どうしたら広告タグを改変なしでボタンリンクができるんだろう？と悩むと思います。</p>



<p>でも、Cocoonならタグの改変なしでボタンリンクを作ることはとっても楽なんですっ！</p>



<p>今回はCocoonで広告タグの改変なしでボタンリンクを作る方法をご紹介します。</p>



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box has-text-color has-background has-border-color has-pink-color has-watery-red-background-color has-pink-border-color"><div class="label-box-label block-box-label box-label"><span class="label-box-label-text block-box-label-text box-label-text">結論</span></div><div class="label-box-content block-box-content box-content">
<p>Cocoonでの作り方はとっても簡単です！</p>
</div></div>



<figure class="wp-block-image aligncenter size-full"><img decoding="async" width="606" height="284" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/05/akika.jpg" alt="" class="wp-image-824" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/05/akika.jpg 606w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/05/akika-300x141.jpg 300w" sizes="(max-width: 606px) 100vw, 606px" /></figure>



<span id="more-1334"></span>



<h2 class="wp-block-heading"><span id="toc1">Cocoonの「囲みボタン」を使えば簡単</span></h2>



<p>ASPにより若干の違いはありますが、基本広告タグの改変は違反になります。</p>



<p>かといってASPの広告タグでは惹きつけることができないのも実情です。</p>



<p>というかASPの広告タグでは目立ちませんよね。</p>



<p>そこで作りたいのがボタンリンクですが、前述の通りタグの改変は違反になるので、違反せずにボタンリンクを作る必要があります。</p>



<p>AFFINGER6ではちょっと面倒でしたが、Cocoonでは「囲みボタン」機能を使えば、とーっても簡単に改変なしのボタンリンクを作成することができます。</p>



<h2 class="wp-block-heading"><span id="toc2">改変なしで広告をボタンリンク化する（ブロックエディタ）</span></h2>



<p>今回作っていくのはこのボタンリンクです↓↓</p>



<div class="wp-block-cocoon-blocks-button-wrap-1 btn-wrap btn-wrap-block button-block btn-wrap-m btn-wrap-circle btn-wrap-shine has-background has-border-color has-red-background-color has-red-border-color"><a rel="nofollow" href="https://px.a8.net/svt/ejp?a8mat=TUF50+9E6D0I+0K+10FASI" data-wpel-link="internal">A8.net</a>
<img decoding="async" border="0" width="1" height="1" src="https://www11.a8.net/0.gif?a8mat=TUF50+9E6D0I+0K+10FASI" alt=""></div>



<p>よく見かけるボタンです。</p>



<p>サイズは中で丸みを帯びていてキラっと光って目をひきます。</p>



<p>これをコピペだけで作って行きます。</p>



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box has-text-color has-background has-border-color has-indigo-color has-watery-blue-background-color has-blue-border-color"><div class="label-box-label block-box-label box-label"><span class="label-box-label-text block-box-label-text box-label-text">大まかな流れ</span></div><div class="label-box-content block-box-content box-content">
<p>ボタンリンクを作成する</p>



<p>↓</p>



<p>広告タグをコピペする</p>



<p>↓</p>



<p>デザイン（色）設定をする</p>
</div></div>



<p>どうですか？簡単そうですよね。</p>



<p>実際、初心者の人でもコピペするだけなので簡単にできます！</p>



<h3 class="wp-block-heading"><span id="toc3">ブロックの追加</span></h3>



<p>ブロックエディタの画面で<strong>ブロックの追加</strong>をします</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="201" height="72" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2023/07/aff-button2-2.jpg" alt="" class="wp-image-1337"/></figure>



<h3 class="wp-block-heading"><span id="toc4">囲みボタンの作成</span></h3>



<p><strong>囲みボタン</strong>をクリックします</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="334" height="139" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2023/07/aff-button3-2.jpg" alt="" class="wp-image-1338" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2023/07/aff-button3-2.jpg 334w, https://synkers.net/hibikore-dennou/wp-content/uploads/2023/07/aff-button3-2-300x125.jpg 300w" sizes="(max-width: 334px) 100vw, 334px" /></figure>



<p>すると下記のようなものができます</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="873" height="126" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2023/07/aff-button6.jpg" alt="" class="wp-image-1339" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2023/07/aff-button6.jpg 873w, https://synkers.net/hibikore-dennou/wp-content/uploads/2023/07/aff-button6-300x43.jpg 300w, https://synkers.net/hibikore-dennou/wp-content/uploads/2023/07/aff-button6-768x111.jpg 768w" sizes="(max-width: 873px) 100vw, 873px" /></figure>



<p>これがボタンの基礎です</p>



<h3 class="wp-block-heading"><span id="toc5">ASPの広告タグを取得する</span></h3>



<p><strong>ASPの広告タグを取得</strong>します。</p>



<p>このとき<strong><span class="marker-under-red">必ずテキストリンクを選んで下さい</span></strong></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="710" height="243" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2023/07/aff-button4.jpg" alt="" class="wp-image-1340" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2023/07/aff-button4.jpg 710w, https://synkers.net/hibikore-dennou/wp-content/uploads/2023/07/aff-button4-300x103.jpg 300w" sizes="(max-width: 710px) 100vw, 710px" /></figure>



<h3 class="wp-block-heading"><span id="toc6">広告タグをコピペする＆ボタン設定をする</span></h3>



<p>先ほどASPで取得したタグを<strong>「リンクタグショートコード」</strong>にASPでコピーしたタグをコピペします。</p>



<p>そしてボタンサイズを選び（今回は中）、「<strong>円形にする</strong>」をオン、「<strong>光らせる</strong>」をオンにし、ボタンの色設定をします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="272" height="696" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2023/07/aff-button5-2.jpg" alt="" class="wp-image-1341" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2023/07/aff-button5-2.jpg 272w, https://synkers.net/hibikore-dennou/wp-content/uploads/2023/07/aff-button5-2-117x300.jpg 117w" sizes="(max-width: 272px) 100vw, 272px" /></figure>



<h3 class="wp-block-heading"><span id="toc7">ボタンリンクの完成！</span></h3>



<p>これでボタンリンクの完成です！</p>



<div class="wp-block-cocoon-blocks-button-wrap-1 btn-wrap btn-wrap-block button-block btn-wrap-m btn-wrap-circle btn-wrap-shine has-background has-border-color has-red-background-color has-red-border-color"><a rel="nofollow" href="https://px.a8.net/svt/ejp?a8mat=TUF50+9E6D0I+0K+10FASI" data-wpel-link="internal">A8.net</a>
<img decoding="async" border="0" width="1" height="1" src="https://www11.a8.net/0.gif?a8mat=TUF50+9E6D0I+0K+10FASI" alt=""></div>



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



<p>いかがでしたか？</p>



<p>ASPの広告タグをコピペするだけなので初心者の人でも躓くことなく作ることができたと思います。</p>



<p>これは、ASPの広告タグをCSSで形を整えただけなので、改変にはあたりません（広告タグはあくまでもHTMLなので。この辺の認識はわいひらさんと同じ考え方です）</p>



<p>「ボタンリンク作りたいけど難しそう〜」というのもCocoonでなら簡単に作ることができるので、ぜひチャレンジしてみて下さいね！</p>



<p></p>
]]></content:encoded>
					
					<wfw:commentRss>https://synkers.net/cocoon-adbutton/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>WordPressのテーマは無料か有料か。それぞれのメリット・デメリットとおすすめテーマ</title>
		<link>https://synkers.net/wordpress-theme/</link>
					<comments>https://synkers.net/wordpress-theme/#respond</comments>
		
		<dc:creator><![CDATA[akika]]></dc:creator>
		<pubDate>Mon, 13 Mar 2023 07:54:41 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://synkers.net/?p=1199</guid>

					<description><![CDATA[WordPressを使う際に悩むのがテーマです。 テーマはデザインはもちろんですが、テーマにより機能も違うので慎重に選びたい。 とは言え、WordPressのテーマって無料・有料合わせるとすごい数のテーマがあります。 日 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="700" height="467" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2023/03/theme.jpg" alt="" class="wp-image-1200" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2023/03/theme.jpg 700w, https://synkers.net/hibikore-dennou/wp-content/uploads/2023/03/theme-300x200.jpg 300w" sizes="(max-width: 700px) 100vw, 700px" /></figure>



<p>WordPressを使う際に悩むのがテーマです。</p>



<p>テーマはデザインはもちろんですが、テーマにより機能も違うので慎重に選びたい。</p>



<p>とは言え、WordPressのテーマって無料・有料合わせるとすごい数のテーマがあります。</p>



<p>日本語で開発されているのはもちろん、海外で開発されているのもたくさんあります。</p>



<p>いくつあるのかなんて数え切れない。</p>



<p>その中から選ぶのって大変なんですが、日本でよく使われているテーマに絞っても結構あるので、本当にテーマ選びには苦労します。</p>



<p>どのテーマにするかを選ぶのもあるけれど、その前に無料テーマと有料テーマのどちらがいいのか？という問題もあります。</p>



<p>というわけで、WordPressの無料テーマと有料テーマのどちらがいいのか、またおすすめのテーマをご紹介します。</p>



<div class="wp-block-cocoon-blocks-label-box-1 label-box block-box has-text-color has-background has-border-color has-blue-color has-watery-blue-background-color has-blue-border-color"><div class="label-box-label block-box-label box-label"><span class="label-box-label-text block-box-label-text box-label-text">この記事でわかること</span></div><div class="label-box-content block-box-content box-content">
<p>・WordPressテーマは有料と無料のどちらが良いか</p>



<p>・おすすめのテーマ</p>
</div></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="606" height="284" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/05/akika.jpg" alt="" class="wp-image-824" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/05/akika.jpg 606w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/05/akika-300x141.jpg 300w" sizes="(max-width: 606px) 100vw, 606px" /></figure>



<span id="more-1199"></span>



<h2 class="wp-block-heading"><span id="toc1">WordPressテーマを選ぶポイント</span></h2>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="700" height="394" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2023/03/4759fd789ac167d5427f375630e03cbd.jpg" alt="" class="wp-image-1207" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2023/03/4759fd789ac167d5427f375630e03cbd.jpg 700w, https://synkers.net/hibikore-dennou/wp-content/uploads/2023/03/4759fd789ac167d5427f375630e03cbd-300x169.jpg 300w, https://synkers.net/hibikore-dennou/wp-content/uploads/2023/03/4759fd789ac167d5427f375630e03cbd-120x68.jpg 120w, https://synkers.net/hibikore-dennou/wp-content/uploads/2023/03/4759fd789ac167d5427f375630e03cbd-160x90.jpg 160w, https://synkers.net/hibikore-dennou/wp-content/uploads/2023/03/4759fd789ac167d5427f375630e03cbd-320x180.jpg 320w, https://synkers.net/hibikore-dennou/wp-content/uploads/2023/03/4759fd789ac167d5427f375630e03cbd-376x212.jpg 376w" sizes="(max-width: 700px) 100vw, 700px" /></figure>



<p>WordPressテーマは無料・有料ともにたくさんあります。</p>



<p>「ちょっと探してみよう」なんて言ってネットの海に出たら一日では帰ってこれませんよ。</p>



<p>その前に遭難しちゃうかもしれない。</p>



<p>そんなにたくさんあるのだから、まずはテーマ選びのポイントを抑えましょう。</p>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-background has-border-color has-watery-yellow-background-color has-amber-border-color">
<ul class="wp-block-list">
<li>価格</li>



<li>機能は豊富か</li>



<li>SEO対策はできるか</li>



<li>表示速度は速いか</li>



<li>アップデートはされているか</li>
</ul>
</div>



<h3 class="wp-block-heading"><span id="toc2">価格</span></h3>



<p>これ、大事！</p>



<p>どんなにいいテーマでも高すぎたら手でないから。</p>



<p>自分にとって手を出せる価格であるか。</p>



<p>ただ、価格に踊らされたらダメ。</p>



<p>例えば、「安い方が嬉しい」と思って、安易に無料テーマに飛びついたり、「高いほうがいいだろう」と思ってやみくもに高いテーマに手を出したり&#8230;。</p>



<p>こういう決め方だけはやったらいけません。ほんとに。</p>



<h3 class="wp-block-heading"><span id="toc3">機能は豊富か</span></h3>



<p>テーマはブログのデザインとしてだけでなく、ブログを書く上での様々な機能も搭載されています。</p>



<p>この機能はテーマごとに違うので、機能の豊富なテーマがおすすめです。</p>



<p>テーマ付属の機能がないと、プラグインに頼ることになるので、そうするとブログが重いといったことになります。</p>



<p>無料テーマは機能が少ない傾向にあります。</p>



<h3 class="wp-block-heading"><span id="toc4">SEO対策はできているか</span></h3>



<p>SEO対策とは、Googleの「検索エンジン最適化」に対する対策のことで、下記のようなものがあります。</p>



<div class="wp-block-cocoon-blocks-blank-box-1 blank-box block-box has-background has-border-color has-watery-blue-background-color has-blue-border-color">
<ul class="wp-block-list">
<li>読み込み速度が速い</li>



<li>レスポンシブデザインに対応している</li>



<li>タグが適切に記述されている</li>



<li>メタディスクリプションを設定できる</li>
</ul>
</div>



<p>上記は最低限ですが、このような条件を満たすことでGoogleによる評価があがり、閲覧しやすいブログになります。</p>



<h3 class="wp-block-heading"><span id="toc5">表示速度は速いか</span></h3>



<p>上記のSEO対策にも出てきましたが、サイトの表示速度が速いとSEO対策にもなり、またブログに来てくれたユーザーに対してもメリットとなります。</p>



<p>サイトの表示速度が遅いと、ブログの読み込み途中で離脱してしまったりします。</p>



<p>なので、表示速度は重要です。</p>



<h3 class="wp-block-heading"><span id="toc6">アップデートはされているか</span></h3>



<p>テーマのアップデートがされているかも重要です。</p>



<p>不具合はもちろんですが、WordPressの大きなアップデートに対応しきれないなどあるので、きちんとアップデートがされているか確認しましょう。</p>



<h2 class="wp-block-heading"><span id="toc7">無料テーマのメリット・デメリット</span></h2>



<p>無料テーマは海外のもの、国内のものとたくさんあります。</p>



<p>WordPress管理画面の「外観」→「テーマ」で探すことができます。</p>



<h3 class="wp-block-heading"><span id="toc8">無料テーマのメリット</span></h3>



<ul class="wp-block-list">
<li>お金がかからない</li>



<li>テーマが豊富</li>
</ul>



<p>これが、無料テーマのメリットです。</p>



<p>特にコスト面が最大のメリットではないでしょうか。</p>



<h3 class="wp-block-heading"><span id="toc9">無料テーマのデメリット</span></h3>



<ul class="wp-block-list">
<li>機能が少ない</li>



<li>サポートがない</li>



<li>更新されないことが多い</li>



<li>SEO対策が不十分</li>
</ul>



<p>上記が無料テーマで考えられるデメリットになります。</p>



<p>特に機能面は少ないので、プラグインが必要となります。</p>



<p>また、テーマが更新されなかったりする場合があるので、そういった場合はWordPressのバージョンアップに対応しきれないこともあります。</p>



<h3 class="wp-block-heading"><span id="toc10">無料テーマのおすすめはCocoon</span></h3>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="700" height="525" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2023/03/092a342a8a1c11fd4af2eefc6b215c91.jpg" alt="" class="wp-image-1202" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2023/03/092a342a8a1c11fd4af2eefc6b215c91.jpg 700w, https://synkers.net/hibikore-dennou/wp-content/uploads/2023/03/092a342a8a1c11fd4af2eefc6b215c91-300x225.jpg 300w" sizes="(max-width: 700px) 100vw, 700px" /></figure>



<p>無料テーマでおすすめなのはCocoonです。</p>



<p>Cocoonはわいひらさんが作ったテーマで、無料ながらに機能は豊富で、</p>



<ul class="wp-block-list">
<li>レスポンシブ対応</li>



<li>シンプル</li>



<li>内部SEO対策済</li>
</ul>



<p>といった特徴があります。</p>



<p>シンプルなデザインですが、スキンで外観を変えたり、自分でカスタマイズすることもできます。</p>



<p>&gt;&gt; <a href="https://wp-cocoon.com/" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer sponsored ugc" class="wpel-icon-right">Cocoon<span class="wpel-icon wpel-image wpel-icon-6"></span></a></p>



<h2 class="wp-block-heading"><span id="toc11">有料テーマのメリット・デメリット</span></h2>



<p>次に有料テーマのメリット・デメリットを見ていきましょう。</p>



<h3 class="wp-block-heading"><span id="toc12">有料テーマのメリット</span></h3>



<ul class="wp-block-list">
<li>機能が豊富</li>



<li>デザイン性が高い</li>



<li>カスタマイズしなくても使える</li>



<li>SEO対策されている</li>
</ul>



<p>デザイン性が高く、特にカスタマイズをしなくても使えるのですぐに使うことができます。</p>



<h3 class="wp-block-heading"><span id="toc13">有料テーマのデメリット</span></h3>



<ul class="wp-block-list">
<li>費用がかかる</li>



<li>オリジナリティに欠ける</li>
</ul>



<p>有料テーマの一番のデメリットは、費用がかかることです。</p>



<p>もちろん、この費用も数千円程度のものから10,000円以上するものとマチマチで、10,000円以上するテーマがほとんどです。</p>



<p>また、特にカスタマイズをする必要がないため、すぐにどのテーマを使っているかわかってしまいます。</p>



<h3 class="wp-block-heading"><span id="toc14">おすすめ① AFFINGER６</span></h3>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="700" height="577" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2023/03/c0d2e536dbe6c272b683094ebb03a1a7.jpg" alt="" class="wp-image-1203" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2023/03/c0d2e536dbe6c272b683094ebb03a1a7.jpg 700w, https://synkers.net/hibikore-dennou/wp-content/uploads/2023/03/c0d2e536dbe6c272b683094ebb03a1a7-300x247.jpg 300w" sizes="(max-width: 700px) 100vw, 700px" /></figure>



<p>まずおすすめなのがAFFINGER6です。</p>



<p>アフィリエイターに人気のテーマですが、機能が豊富なのでアフィリエイター以外の人にもおすすめです。</p>



<p>&gt;&gt; <a href="https://www.infotop.jp/click.php?aid=329305&amp;iid=75194" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer sponsored ugc" class="wpel-icon-right">AFFINGER6<span class="wpel-icon wpel-image wpel-icon-6"></span></a></p>



<h3 class="wp-block-heading"><span id="toc15">おすすめ② SWELL</span></h3>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="700" height="408" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2023/03/d94112b87225114c6e6483025ddbcdc5.jpg" alt="" class="wp-image-1204" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2023/03/d94112b87225114c6e6483025ddbcdc5.jpg 700w, https://synkers.net/hibikore-dennou/wp-content/uploads/2023/03/d94112b87225114c6e6483025ddbcdc5-300x175.jpg 300w" sizes="(max-width: 700px) 100vw, 700px" /></figure>



<p>シンプルでありながら美しいSWELL。</p>



<p>SWELLは珍しいことに他テーマからの移行のためのプラグインがあること。</p>



<p>通常は一つ一つ新しいテーマのコードに修正する必要がありますが、SWELLの場合はそれが必要ありません。</p>



<p>&gt;&gt; <a href="https://swell-theme.com/" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer sponsored ugc" class="wpel-icon-right">SWELL<span class="wpel-icon wpel-image wpel-icon-6"></span></a></p>



<h2 class="wp-block-heading"><span id="toc16">まとめ：WordPressのテーマは無料か有料か</span></h2>



<p>いかがでしたか？</p>



<p>メリット・デメリットは一概には言えないのですが、「大概」ということで。</p>



<p>無料・有料どちらがいいではなく。</p>



<p>このブログでは無料のCocoonを使用していますが、機能などは有料に負けないくらいです。</p>



<p>有料ではAFFINGER6などを使用していますが、SEO対策がしっかりしているので、これは有料テーマならではだな〜と思っています。</p>



<p>テーマは本当にたくさんあるので、たくさんの中から自分のお気に入りが見つかるといいな、と思います。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://synkers.net/wordpress-theme/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【画像７枚】Invisible reCAPTCHAでWordPressにログインできない時の対処法</title>
		<link>https://synkers.net/recaptcha/</link>
					<comments>https://synkers.net/recaptcha/#respond</comments>
		
		<dc:creator><![CDATA[akika]]></dc:creator>
		<pubDate>Mon, 22 Aug 2022 03:30:32 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://synkers.net/?p=1119</guid>

					<description><![CDATA[先日、Akismet Anti-Spamの代わりとしてInvisible reCAPTCHAを導入しました。 スパム対策のためです。 これで、コメントや問い合わせのスパムから逃れることができる！ と思ったのも束の間、翌日 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="860" height="554" class="wp-image-1134" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/08/recap11.jpg" alt="WordPressにログインできないのはInvisible reCAPTCHAが原因でした" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/08/recap11.jpg 860w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/08/recap11-300x193.jpg 300w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/08/recap11-768x495.jpg 768w" sizes="(max-width: 860px) 100vw, 860px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-7 sbs-stn sbp-l sbis-sn cf block-box">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/04/front_20220413_151746.png" alt="未来" /></figure>
<div class="speech-name">未来</div>
</div>
<div class="speech-balloon">
<p>Invisible reCAPTCHAをインストールしたらWordPressにログインできなくなっちゃった</p>
</div>
</div>



<p>先日、Akismet Anti-Spamの代わりとしてInvisible reCAPTCHAを導入しました。</p>



<p>スパム対策のためです。</p>



<p>これで、コメントや問い合わせのスパムから逃れることができる！</p>



<p>と思ったのも束の間、翌日、WordPressにログインできなくなっていました。</p>



<p>WordPressのログイン画面は、こんな風になりました。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="393" height="495" class="wp-image-1121" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/08/recap1.jpg" alt="WordPressにログインできないのはInvisible reCAPTCHAが原因でした" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/08/recap1.jpg 393w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/08/recap1-238x300.jpg 238w" sizes="(max-width: 393px) 100vw, 393px" /></figure>



<p>ユーザー名もパスワードもきちんと入力できているのだから、「ログイン」をクリックすれば大丈夫だろうと&#8230;思いますよね。</p>



<p>ですが、ログインできませんでした。何回やっても。</p>



<p>これを見ると、reCaptchaが原因なのはわかるので、対処はとても簡単でした。</p>



<p><span id="more-1119"></span></p>



<h2 class="wp-block-heading"><span id="toc1">Invisible reCAPTCHAとは？</span></h2>



<p>まずはじめに、そもそも原因となった「Invisible reCAPTCHA」って何なの？</p>



<p>ログインできなくなるとか、危険なプラグインなの？</p>



<p>と心配してしまうかもしれませんが、「Invisible reCAPTCHA」はスパム防止のためです。</p>



<p>WordPressでは、スパム対策のために「Akismet Anti-Spam」が最初から入っています。</p>



<p>スパムコメント、スパムメール&#8230;うんざりするくらいのスパムの嵐。</p>



<p>そんなスパムから守ってくれるのだから本当にありがたいプラグインです。</p>



<p>それなら、なんで「Invisible reCAPTCHA」をインストールしたの？って思いますよね。</p>



<p>便利なAkismetを使えばいいのに&#8230;と思いますよね。</p>



<p>そうなんですが、このAkismetは<strong><span class="marker-under-red">商用利用は有料</span></strong>となるんです。</p>



<p>そうです。便利なのですが、アドセンスを利用している身としては、&#8221;<strong>商用</strong>&#8220;となってしまうんですよね。</p>



<p>となると、このブログでは使えなくなります。</p>



<p>そこでAkismetの代わりとしてインストールしたのが、「Invisible reCAPTCHA」です。</p>



<p>これもAkismetと同じようにスパムから守ってくれるありがたい<strong><span class="marker-under-red">無料プラグイン</span></strong>です。</p>



<h2 class="wp-block-heading"><span id="toc2">Invisible reCAPTCHAの削除方法</span></h2>



<p>まずは、ログインできるようにしなくてはいけないので、Invisible reCAPTCHAを一度アンインストールする必要があります。</p>



<p>とはいえ、ログインできないので管理画面から削除することはできません。</p>



<p>なので、ファイルマネージャーから削除することになります。</p>



<p>今回は、私が使っているConoHa WINGでの紹介になりますが、プラグインの場所はその他レンタルサーバーでも同じです。</p>



<p>まずはファイルマネージャーに入ります。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="399" height="493" class="wp-image-1124" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/08/recap2.jpg" alt="WordPressにログインできないのはInvisible reCAPTCHAが原因でした" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/08/recap2.jpg 399w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/08/recap2-243x300.jpg 243w" sizes="(max-width: 399px) 100vw, 399px" /></figure>



<p><strong>public_html</strong>をクリック</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="478" class="wp-image-1125" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/08/recap3-1024x478.jpg" alt="WordPressにログインできないのはInvisible reCAPTCHAが原因でした" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/08/recap3-1024x478.jpg 1024w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/08/recap3-300x140.jpg 300w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/08/recap3-768x359.jpg 768w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/08/recap3.jpg 1227w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>該当のドメインに入ります。</p>



<p>今回はこのブログなので、<strong>synkers.net</strong>をクリック</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="970" height="246" class="wp-image-1126" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/08/recap4.jpg" alt="WordPressにログインできないのはInvisible reCAPTCHAが原因でした" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/08/recap4.jpg 970w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/08/recap4-300x76.jpg 300w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/08/recap4-768x195.jpg 768w" sizes="(max-width: 970px) 100vw, 970px" /></figure>



<p><strong>wp-content</strong>をクリック</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="394" height="262" class="wp-image-1127" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/08/recap5.jpg" alt="WordPressにログインできないのはInvisible reCAPTCHAが原因でした" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/08/recap5.jpg 394w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/08/recap5-300x199.jpg 300w" sizes="(max-width: 394px) 100vw, 394px" /></figure>



<p><strong>plugins</strong>をクリック</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="599" height="165" class="wp-image-1128" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/08/recap6.jpg" alt="WordPressにログインできないのはInvisible reCAPTCHAが原因でした" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/08/recap6.jpg 599w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/08/recap6-300x83.jpg 300w" sizes="(max-width: 599px) 100vw, 599px" /></figure>



<p><strong>Invisible reCAPTCHAを削除</strong>します</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="258" height="320" class="wp-image-1129" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/08/recap7.jpg" alt="WordPressにログインできないのはInvisible reCAPTCHAが原因でした" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/08/recap7.jpg 258w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/08/recap7-242x300.jpg 242w" sizes="(max-width: 258px) 100vw, 258px" /></figure>



<p>これで削除できたので、ログインできるようになりました。</p>



<p>なのですが、スパム対策なし、という訳にもいかないので、Invisible reCAPTCHAの設定を変えて利用することにします。</p>



<h2 class="wp-block-heading"><span id="toc3">Invisible reCAPTCHAの設定方法</span></h2>



<p>再度Invisible reCAPTCHAをインストールします。</p>



<p>そして、<strong>設定→WordPress</strong>へと進みます。</p>



<p>ここで一番上の<strong><span class="marker-under-red">「ログインフォームの保護を有効化」のチェックを外し</span>、「変更を保存」</strong>をクリックします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="483" height="535" class="wp-image-1130" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/08/recap8.jpg" alt="WordPressにログインできないのはInvisible reCAPTCHAが原因でした" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/08/recap8.jpg 483w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/08/recap8-271x300.jpg 271w" sizes="(max-width: 483px) 100vw, 483px" /></figure>



<p>これで先程のようにログイン画面にreCAPTCHAが出ることはなくなります。</p>



<p>でも、その他の所ではしっかりお仕事をしてくれるので安心してください。</p>



<h2 class="wp-block-heading"><span id="toc4">まとめ：WordPressにログインできないのはInvisible reCAPTCHAが原因でした</span></h2>



<p>今回は設定の時点でうっかりミスをしてしまったために起きたアクシデントでした。</p>



<p>何かをインストールする時はしっかり確認しなくてはいけませんね。</p>



<p>おっちょこちょいの人は気をつけてください。</p>



<p>Invisible reCAPTCHAはしっかりとWordPressを保護してくれるので、設定ミスが怖いから入れないというようなことはしないようにしましょう。</p>



<p>WordPressを利用していると、このようなことはたまに起きてしまいます（私だけ？）</p>



<p>ログインできなくなると、焦ってしまうと思いますが、必ずログインできるようになるので冷静になって対処するようにしましょう。</p>



<p>そのためにもプラグインの場所を覚えておきましょう。</p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-9 sbs-stn sbp-l sbis-cn cf block-box">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" class="speech-icon-image" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/04/bowl_20220412_161220-1.png" alt="akika" /></figure>
<div class="speech-name">akika</div>
</div>
<div class="speech-balloon">
<p>落ち着いて対処すれば怖くありません</p>
</div>
</div>
]]></content:encoded>
					
					<wfw:commentRss>https://synkers.net/recaptcha/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Cocoonでホームイメージを変更する方法</title>
		<link>https://synkers.net/cocoon-homeimage/</link>
					<comments>https://synkers.net/cocoon-homeimage/#respond</comments>
		
		<dc:creator><![CDATA[akika]]></dc:creator>
		<pubDate>Thu, 28 Jul 2022 02:05:22 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Cocoon]]></category>
		<guid isPermaLink="false">https://synkers.net/?p=1059</guid>

					<description><![CDATA[このブログでは、テーマにCocoonを使っているのですが、このままブログカードにすると、ブログカードイメージはデフォルトのCocoonの画像なんです。 例えば、こんな感じ&#8230; ブログの設定を色々いじって、可愛く [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="684" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/07/c5ea6863d4e0c8085cf1bb0a6d27fecb-1024x684.jpg" alt="" class="wp-image-1060" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/07/c5ea6863d4e0c8085cf1bb0a6d27fecb-1024x684.jpg 1024w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/07/c5ea6863d4e0c8085cf1bb0a6d27fecb-300x200.jpg 300w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/07/c5ea6863d4e0c8085cf1bb0a6d27fecb-768x513.jpg 768w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/07/c5ea6863d4e0c8085cf1bb0a6d27fecb-1536x1025.jpg 1536w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/07/c5ea6863d4e0c8085cf1bb0a6d27fecb-2048x1367.jpg 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-7 sbs-stn sbp-l sbis-sn cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/04/front_20220413_151746.png" alt="未来" class="speech-icon-image"/></figure><div class="speech-name">未来</div></div><div class="speech-balloon">
<p>Cocoonを使っていてブログカードにするとCocoonの画像になっちゃうの、自分のブログ画像にできないのかな？</p>
</div></div>



<p>このブログでは、テーマにCocoonを使っているのですが、このままブログカードにすると、ブログカードイメージはデフォルトのCocoonの画像なんです。</p>



<p>例えば、こんな感じ&#8230;</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="690" height="222" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/07/homeimage2.jpg" alt="Cocoonでホームイメージを変更する方法" class="wp-image-1061" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/07/homeimage2.jpg 690w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/07/homeimage2-300x97.jpg 300w" sizes="(max-width: 690px) 100vw, 690px" /></figure>



<p>ブログの設定を色々いじって、可愛く作って。</p>



<p>さぁ、完成！</p>



<p>なんですが、リンクするとブログカードの画像がデフォルトのCocoonイメージでちょっと寂しいですよね。</p>



<p>これ、自分のブログのイメージに変えたくないですか？</p>



<p>ということで、Cocoonでのホームイメージを変更する方法をご紹介します。</p>



<span id="more-1059"></span>



<h2 class="wp-block-heading"><span id="toc1">ホームイメージを変更する方法</span></h2>



<p>① 管理画面で<strong>「Cocoon設定」→「Cocoon設定」</strong></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="277" height="82" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/07/ca3da87639ccfb7eaff5f4c4fbc4cfae.jpg" alt="Cocoonでホームイメージを変更する方法" class="wp-image-1063"/></figure>



<p>② <strong>「OGP」</strong>タブを選択</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="476" height="146" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/07/homeimage4.jpg" alt="Cocoonでホームイメージを変更する方法" class="wp-image-1064" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/07/homeimage4.jpg 476w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/07/homeimage4-300x92.jpg 300w" sizes="(max-width: 476px) 100vw, 476px" /></figure>



<p>③ 下部にあるホームイメージで好きな画像に変更します</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="644" height="528" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/07/homeimage5-2.jpg" alt="Cocoonでホームイメージを変更する方法" class="wp-image-1066" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/07/homeimage5-2.jpg 644w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/07/homeimage5-2-300x246.jpg 300w" sizes="(max-width: 644px) 100vw, 644px" /></figure>



<p>④ すると画像が変更になるので、画像が反映され間違いがなければ<strong>「変更をまとめて保存」</strong>をクリックします</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="657" height="522" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/07/homeimage10-2.jpg" alt="Cocoonでホームイメージを変更する方法" class="wp-image-1069" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/07/homeimage10-2.jpg 657w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/07/homeimage10-2-300x238.jpg 300w" sizes="(max-width: 657px) 100vw, 657px" /></figure>



<h2 class="wp-block-heading"><span id="toc2">ホームイメージの確認の方法</span></h2>



<p>① <strong>ブログのURLを入</strong>力</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="277" height="188" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/07/homeimage6.jpg" alt="Cocoonでホームイメージを変更する方法" class="wp-image-1070"/></figure>



<p>② 入力したら<strong>「プレビュー」</strong>をクリックします</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="275" height="295" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/07/homeimage7-2.jpg" alt="Cocoonでホームイメージを変更する方法" class="wp-image-1072"/></figure>



<p>③ アイキャッチの画像が先ほど変更した画像になっていればOKです</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="685" height="213" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/07/homeimage3.jpg" alt="Cocoonでホームイメージを変更する方法" class="wp-image-1073"/></figure>



<h3 class="wp-block-heading"><span id="toc3">画像が変わらないとき</span></h3>



<p>上記で画像は変わるはずですが、変わらないときは&#8230;</p>



<p>① <strong>「Cocoon設定」→「キャッシュ削除」</strong></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="314" height="270" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/07/homeimage11-2.jpg" alt="Cocoonでホームイメージを変更する方法" class="wp-image-1075" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/07/homeimage11-2.jpg 314w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/07/homeimage11-2-300x258.jpg 300w" sizes="(max-width: 314px) 100vw, 314px" /></figure>



<p>② <strong>「ブログカード欄」→「ブログカードキャッシュの削除」</strong>をクリックします</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="599" height="276" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/07/homeimage12-2.jpg" alt="Cocoonでホームイメージを変更する方法" class="wp-image-1076" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/07/homeimage12-2.jpg 599w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/07/homeimage12-2-300x138.jpg 300w" sizes="(max-width: 599px) 100vw, 599px" /></figure>



<h2 class="wp-block-heading"><span id="toc4">まとめ：Cocoonでホームイメージを変更する方法</span></h2>



<p>ホームイメージ画像の設定は難しくなかったと思います。</p>



<p>画像がすぐに反映されなくても、焦らないでキャッシュをクリアすれば反映されるようになるので安心してくださいね。</p>



<p>ブログを色々カスタマイズしたものの、このホームイメージの変更は忘れがちなので、忘れないように設定しましょう。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://synkers.net/cocoon-homeimage/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【ConoHa WING】「何かうまくいかなかったようです。時間を置いてもう一度お試しください」と表示された時の対処法</title>
		<link>https://synkers.net/something-error/</link>
					<comments>https://synkers.net/something-error/#respond</comments>
		
		<dc:creator><![CDATA[akika]]></dc:creator>
		<pubDate>Mon, 04 Jul 2022 07:47:49 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://synkers.net/?p=944</guid>

					<description><![CDATA[『何かうまくいかなかったようです。時間を置いてもう一度お試しください』 CSSを追加して、「公開」をクリックしたところで出たのが上記のエラーです。 抽象的すぎて、どこが問題なのかはっきりしないエラーメッセージですよね。  [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="716" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/07/somethingerror3-1024x716.jpg" alt="【Conoha WING】「何かうまくいかなかったようです。時間を置いてもう一度お試しください」と表示された時の対処法" class="wp-image-948" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/07/somethingerror3-1024x716.jpg 1024w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/07/somethingerror3-300x210.jpg 300w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/07/somethingerror3-768x537.jpg 768w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/07/somethingerror3.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p>『何かうまくいかなかったようです。時間を置いてもう一度お試しください』</p>



<p>CSSを追加して、「公開」をクリックしたところで出たのが上記のエラーです。</p>



<p>抽象的すぎて、どこが問題なのかはっきりしないエラーメッセージですよね。</p>



<p>そもそも本当にエラーなのかもわからない。</p>



<p>そんなエラーメッセージですが、きちんとした（？）エラーメッセージです。</p>



<p>ですが、深刻なエラーではなく、とても簡単に対処できます。</p>



<p>対処方法をご紹介します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="606" height="284" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/05/akika.jpg" alt="" class="wp-image-824" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/05/akika.jpg 606w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/05/akika-300x141.jpg 300w" sizes="(max-width: 606px) 100vw, 606px" /></figure>



<span id="more-944"></span>



<h2 class="wp-block-heading"><span id="toc1">何かうまくいかなかったようです。時間を置いてもう一度お試しください。と出た場合の対処法</span></h2>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="320" height="202" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/07/somethingerror2.jpg" alt="" class="wp-image-947"/></figure>



<p>今回このエラーにあたったのは、CSSを追加して「公開」とクリックした時です。</p>



<p>「<strong>何かうまくいかなかったようです。時間を置いてもう一度お試しください。</strong>」って、だから何がうまくいかなかったの？とツッコミたくなりませんか？</p>



<p>あまりにも抽象的だし、深刻さを感じないメッセージなので、単に保存ができないだけなのか、そう思ってしまいました。</p>



<p>なので、数分待ってみました。</p>



<p>そして、しばらくして再度「公開」をクリックしても同じメッセージが出ました。</p>



<p>調べると、セキュリティの問題だとか。</p>



<h3 class="wp-block-heading"><span id="toc2">WAFの問題</span></h3>



<p>セキュリティということで、もっと言えば、<strong><kbd><span class="marker-under-red">サーバーによってはWAFが問題</span></kbd></strong>らしいです。</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>WAF（ワフ）は、Webサーバの前面に配置して通信を解析し、Webアプリケーションの脆弱性を突いた攻撃を検知・防御してWebサイトを守るためのセキュリティ対策です。WAFを配置することによって、SQLインジェクションやクロスサイトスクリプティングをはじめとする、ネットワークF/WやIPS/IDSでは対応できない各種攻撃を検知・遮断することができます。</p><cite><a href="https://www.scutum.jp/outline/waf.html" data-wpel-link="external" target="_blank" rel="nofollow external noopener noreferrer sponsored ugc" class="wpel-icon-right">クラウド型WAFサービス・Suctum<span class="wpel-icon wpel-image wpel-icon-6"></span></a></cite></blockquote>



<p>私が使用しているサーバーはConoHa WINGでWAFを導入しています。</p>



<p>なので、これをOFFにします。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="751" height="343" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/07/somethingerror.jpg" alt="" class="wp-image-946"/></figure>



<p><strong>「サイト管理」→「サイトセキュリティ」→WAFを「OFF」</strong>にしていきます。</p>



<p>WAFをOFFにして、先程の「公開」をクリックするときちんと保存することができました。</p>



<p>これは、ConoHa WINGに限らず、ロリポップやその他WAFを搭載しているレンタルサーバーでもWAFのOFFで対処できると思われます。</p>



<p>ちなみに、<strong>作業をしたらWAFは必ずONに戻しましょう</strong>ね。</p>



<h3 class="wp-block-heading"><span id="toc3">プラグインの問題</span></h3>



<p>WAFを導入していない、またはWAFのOFFでは解決しなかった。</p>



<p>その場合はプラグインの問題かと思われます。</p>



<p>なので、面倒ですが、まずは一度全てのプラグインを無効化にして、ひとつずつ有効にしていきましょう。</p>



<h2 class="wp-block-heading"><span id="toc4">まとめ：「何かうまくいかなかったようです。時間を置いてもう一度お試しください」と表示された場合</span></h2>



<p>エラーというと、対処が大変なものもありますが、今回のケースはセキュリティの問題ではありますが、それほど深刻ではありません。</p>



<p>WAFが導入されていれば、一度OFFにし、それでも解決できない、またはWAFを導入していない場合はプラグインを疑いましょう。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://synkers.net/something-error/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【WordPress】「更新に失敗しました。返答が正しいJSONレスポンスではありません」となった場合の対処法２つ</title>
		<link>https://synkers.net/json-error/</link>
					<comments>https://synkers.net/json-error/#respond</comments>
		
		<dc:creator><![CDATA[akika]]></dc:creator>
		<pubDate>Tue, 07 Jun 2022 02:16:14 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://synkers.net/?p=852</guid>

					<description><![CDATA[WordPressで「更新に失敗しました。返答が正しいJSONレスポンスではありません」とエラーが出ちゃった&#8230; ある日、WordPressで記事の修正をして更新をしようとしたら、「更新に失敗しました。返答が正 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="1024" height="682" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/06/js4-1024x682.jpg" alt="【WordPress】「更新に失敗しました。返答が正しいJSONレスポンスではありません」エラーで .htaccessでダメならプラグインの見直し" class="wp-image-854" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/06/js4-1024x682.jpg 1024w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/06/js4-300x200.jpg 300w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/06/js4-768x512.jpg 768w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/06/js4.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p class="is-style-st-paragraph-kaiwa-b">WordPressで「更新に失敗しました。返答が正しいJSONレスポンスではありません」とエラーが出ちゃった&#8230;</p>



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



<p>ある日、WordPressで記事の修正をして更新をしようとしたら、<span class="st-mymarker-s"><strong>「更新に失敗しました。返答が正しいJSONレスポンスではありません」</strong>とエラーが出てしまいました</span>。</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="502" height="143" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/06/js1.jpg" alt="【WordPress】「更新に失敗しました。返答が正しいJSONレスポンスではありません」エラーで .htaccessでダメならプラグインの見直し" class="wp-image-855" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/06/js1.jpg 502w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/06/js1-300x85.jpg 300w" sizes="(max-width: 502px) 100vw, 502px" /></figure>



<p>↑こんなエラーです。</p>



<p>「更新が出来てないの？」と焦るエラーです。</p>



<p>どうもこのエラー、Gutenberg（ブロックエディタ）で発生しているエラーのようで、「Classic Editorに戻す」という対処法もありましたが、2022年までと言われているので、ここはGutenbergで解決したいですよね。</p>



<p>そして、このエラーが出てなかなか解決できなかったので対処法を共有したいと思います。</p>



<p></p>



<div class="wp-block-cocoon-blocks-tab-caption-box-1 tab-caption-box block-box has-border-color has-orange-border-color"><div class="tab-caption-box-label block-box-label box-label fab-info-circle"><span class="tab-caption-box-label-text block-box-label-text box-label-text">この記事でわかること</span></div><div class="tab-caption-box-content block-box-content box-content">
<p>「更新に失敗しました。返答が正しいJSONレスポンスではありません。」と出た場合の解決方法</p>
</div></div>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="606" height="284" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/05/akika.jpg" alt="" class="wp-image-824" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/05/akika.jpg 606w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/05/akika-300x141.jpg 300w" sizes="(max-width: 606px) 100vw, 606px" /></figure>



<span id="more-852"></span>



[st_toc]



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



<h2 class="wp-block-heading"><span id="toc1">実際におきたエラー</span></h2>



<p>下書きや、記事の投稿をすると「更新に失敗しました。返答が正しいJSONレスポンスではありません。」というエラーメッセージがでます。</p>



<p>びっくりして本当に下書きや投稿ができていないのか、と思い投稿画面から記事一覧に行こうとすると、「行った変更が保存されない可能性があります」というメッセージが出ます。</p>



<p>ここで「このページを離れる」を選択し、記事一覧に行くと、きちんと下書きは出来ているし、投稿もきちんとされています。</p>



<p>つまり、<strong><span class="st-mymarker-s-b"><span class="st-mymarker-s">エラー表示は出ているけれど、動作はきちんとしている</span></span></strong>、という状態でした。</p>



<h2 class="wp-block-heading"><span id="toc2">.htaccessの再生成</span></h2>



<p>このエラーで解決方法を調べると、まずは.htaccessの再生成があげられます。</p>



<p>WordPressにおける.htaccessは、アクセスを制御するサーバー用の設定ファイルです。</p>



<p>簡単に言ってしまえばルールです。</p>



<p>その中に、パーマネントに関するルールも含まれています。</p>



<p>ということは、WordPressのパーマネントを変更すると.htaccessも書き換えられる、ということになります。</p>



<p>その中でも、今回のエラーが出る時は.htaccessのパーマネントのルールが空になってしまった場合に出るようで、<strong>パーマネントを「基本」にした時に空になってしまう</strong>ようです。</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/06/js2.jpg" alt="" class="wp-image-879" width="771" height="679" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/06/js2.jpg 771w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/06/js2-300x264.jpg 300w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/06/js2-768x676.jpg 768w" sizes="(max-width: 771px) 100vw, 771px" /></figure>



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



<p>これが、自分では特に変更した覚えがないのになんらかの拍子に「基本」に戻ってしまっていたら、パーマネントを設定し<strong><span class="st-mymarker-s">.htaccessを再生成することでエラーがでなくなります</span></strong>。</p>



<p>ちなみに私はパーマネントに問題なく、.htaccessも問題がなかったので、この方法ではエラーは解決しませんでした。</p>



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



<h2 class="wp-block-heading"><span id="toc3">WP External Linksの変更</span></h2>



<p>パーマネントも正しいし、.htaccessもきちんと書かれている。という場合はプラグインの問題です。</p>



<p>面倒ですが一度全てのプラグインを無効化し、一つ一つプラグインを有効化していきます。</p>



<p>そうするとなんらかのプラグインでエラーがでます。</p>



<p>今回の私の場合は、<strong>「WP External Links」</strong>を有効化した時にエラーが出ました。</p>



<p>でも、このままプラグインを使わない、という選択肢はなかったので、設定方法を変えることにしました。</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="962" height="1024" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/06/js3-962x1024.jpg" alt="" class="wp-image-881" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/06/js3-962x1024.jpg 962w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/06/js3-282x300.jpg 282w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/06/js3-768x817.jpg 768w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/06/js3.jpg 1154w" sizes="(max-width: 962px) 100vw, 962px" /></figure>



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



<p>変更した設定は、「例外」タブで「設定を適用」の部分で<strong><span class="st-mymarker-s-b">「すべてのコンテンツ（ページ全体）」のチェックだけ外します</span></strong>。</p>



<p>他の３つに関してはチェックをつけたままです。</p>



<p>私の場合は、これでエラーは出なくなりました。</p>



<h2 class="wp-block-heading"><span id="toc4">まとめ：「更新に失敗しました。返答が正しいJSONレスポンスではありません」となった場合の対処法２つ</span></h2>



<p>このエラーが出る原因はいくつかあるようで、どれもが.htaccessの再生成でエラーは収まるようです。</p>



<p>しかし、.htaccessはきちんと書かれていて問題がないのにエラーが出ていたり、私のように<strong>エラーは出ているけれど、動作はきちんとしている、という場合はプラグインが原因になっていることがほとんど</strong>です。</p>



<p>もし、WP External Linksを使っていてエラーが出た場合は上記の設定に変更することでエラーは出なくなります。</p>



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



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-9 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/04/bowl_20220412_161220-1.png" alt="akika" class="speech-icon-image"/></figure><div class="speech-name">akika</div></div><div class="speech-balloon">
<p><strong>WordPressではプラグインの相性などでエラーになる場合があるので、一つ一つ確認していこう</strong></p>
</div></div>


]]></content:encoded>
					
					<wfw:commentRss>https://synkers.net/json-error/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【2022年】WP External Linkの設定方法。外部リンクにアイコンを表示させる</title>
		<link>https://synkers.net/wp-external-link/</link>
					<comments>https://synkers.net/wp-external-link/#respond</comments>
		
		<dc:creator><![CDATA[akika]]></dc:creator>
		<pubDate>Mon, 23 May 2022 06:50:18 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://synkers.net/?p=779</guid>

					<description><![CDATA[ブログを見ていて、外部リンクの右側にアイコンがついているのを見たことはないでしょうか。 四角から矢印が飛び出しているような、このアイコンです。 このアイコンがあると外部リンクだとひと目見てわかりますよね。 どうやって表示 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="682" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/05/link7-1024x682.jpg" alt="WP External Linkの設定方法。外部リンクにアイコンを表示させる" class="wp-image-780" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/05/link7-1024x682.jpg 1024w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/05/link7-300x200.jpg 300w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/05/link7-768x512.jpg 768w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/05/link7.jpg 1280w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p></p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-7 sbs-stn sbp-l sbis-sb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/04/front_20220413_151746.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>ブログで外部リンクの右側にアイコンがついているのを見るけれど、どうやってつけるの？</p>
</div></div>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-10 sbs-stn sbp-r sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/04/bowl_20220412_161220-1.png" alt="akika" class="speech-icon-image"/></figure><div class="speech-name">akika</div></div><div class="speech-balloon">
<p>プラグインで簡単に表示させることができるわよ</p>
</div></div>



<p>ブログを見ていて、外部リンクの右側にアイコンがついているのを見たことはないでしょうか。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="164" height="189" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/05/link3.jpg" alt="" class="wp-image-782"/></figure>



<p>四角から矢印が飛び出しているような、このアイコンです。</p>



<p>このアイコンがあると外部リンクだとひと目見てわかりますよね。</p>



<p>どうやって表示させているかというと、「WP External Links」というプラグインで簡単に表示させることができます。</p>



<p>今回は「WP External Links」の設定方法を解説します。</p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="606" height="284" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/05/akika.jpg" alt="" class="wp-image-824" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/05/akika.jpg 606w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/05/akika-300x141.jpg 300w" sizes="(max-width: 606px) 100vw, 606px" /></figure>



<p></p>



[st_toc]



<h2 class="wp-block-heading"><span id="toc1">WP External Linksでできること</span></h2>



<p>「WP External Links」を使うことで外部リンクにアイコンをつけることができますが、他にどんなことができるのでしょうか。</p>



<h3 class="wp-block-heading"><span id="toc2">別ウィンドウで開ける</span></h3>



<p>リンクには内部リンク、外部リンクのふたつがあります。</p>



<p>外部リンクを普通に貼ると同じウィンドウで外部サイトに行ってしまうため、SEOの観点でいうと ”離脱した” とみなされ、直帰率があがります。</p>



<p>しかし、外部リンクに <strong>”target_blank” とすることでリンクは同ウィンドウではなく、別ウィンドウで立ち上がるので離脱したとはみなされないためSEO的には良くなります</strong>。</p>



<p>もちろん、リンクを貼る時に、”target_blank” とすることもできますが面倒です。</p>



<p>でも、「WP External Links」を使えば自動で適用されるので楽です。</p>



<p></p>



<p></p>



<h3 class="wp-block-heading"><span id="toc3">nofollow設定ができる</span></h3>



<p>”nofollow”をつけずに外部リンクを貼ると自分のブログのSEOパワーが外部サイトに流れます。</p>



<p>またリンク先のSEOの影響を受けてしまうので、<strong>場合によっては自分のブログにマイナスの影響を受けてしまう</strong>こともあります。</p>



<p>そうした影響を受けないためにも外部リンクには ”nofollow” をつけるのが望ましいのですが、少し面倒です。</p>



<p>ですが、「WP External Links」を使えば、”nofollow” タグを自動で入れてくれるので手間がかかりません。</p>



<p></p>



<p></p>



<h2 class="wp-block-heading"><span id="toc4">WP External Linksのインストール</span></h2>



<p>「WP External Links」がどのようなプラグインかわかったところで、「WP External Links」のインストールをしていきましょう。</p>



<p></p>



<p>① <strong>プラグイン→新規追加</strong></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="330" height="188" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/05/link4-2.jpg" alt="" class="wp-image-787" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/05/link4-2.jpg 330w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/05/link4-2-120x68.jpg 120w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/05/link4-2-160x90.jpg 160w" sizes="(max-width: 330px) 100vw, 330px" /></figure>



<p></p>



<p>② <strong>「WP External Links」</strong>と入力し、<strong>今すぐインストール</strong>をクリック</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="260" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/05/link5_copy-1024x260.jpg" alt="" class="wp-image-786" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/05/link5_copy-1024x260.jpg 1024w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/05/link5_copy-300x76.jpg 300w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/05/link5_copy-768x195.jpg 768w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/05/link5_copy-1536x390.jpg 1536w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/05/link5_copy.jpg 1558w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>



<p></p>



<p></p>



<p>「WP External Links」をインストールしたら<strong>「有効化」</strong>をしましょう。</p>



<p>これで「WP External Links」のインストールは完了です。</p>



<p></p>



<p></p>



<h2 class="wp-block-heading"><span id="toc5">WP External Linksの設定方法</span></h2>



<p>プラグインをインストール＆有効化をしたら、設定に移りましょう。</p>



<p></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="161" height="164" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/05/link6-2.jpg" alt="" class="wp-image-788"/></figure>



<p></p>



<p>ダッシュボードで<strong>「外部リンク」</strong>をクリックします。</p>



<p></p>



<h3 class="wp-block-heading"><span id="toc6">外部リンク</span></h3>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="877" height="1024" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/05/link1-2-877x1024.jpg" alt="" class="wp-image-789" srcset="https://synkers.net/hibikore-dennou/wp-content/uploads/2022/05/link1-2-877x1024.jpg 877w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/05/link1-2-257x300.jpg 257w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/05/link1-2-768x897.jpg 768w, https://synkers.net/hibikore-dennou/wp-content/uploads/2022/05/link1-2.jpg 1082w" sizes="(max-width: 877px) 100vw, 877px" /></figure>



<p></p>



<p>赤で囲ってあるところを設定します。</p>



<p></p>



<p class="is-style-st-paragraph-memo"><strong>① 外部リンク設定：【設定を適用】にチェック<br>② 外部リンクを開く：【それぞれ別のウィンドウまたはタブ】<br>③ followまたはnofollowを設定：【nofollow】<br>④ rel属性の追加：【noopener】を追加、【noreferrer】を追加、【外部】を追加、Add【sponserd】、Add【ugc】 の全てにチェック<br>⑤ アイコンの種類を選択：【画像】<br>⑥ アイコン画像を選択：好きな画像を選ぶ<br>⑦ アイコンの位置：【リンクの右側】<br>⑧ &lt;img&gt;でアイコンをスキップ：【&lt;img&gt;タグを含むリンクにはアイコンを付与しない】にチェック</strong></p>



<p></p>



<p></p>



<p>これで全ての外部リンクにアイコンがつきます。</p>



<h3 class="wp-block-heading"><span id="toc7">例外</span></h3>



<p>上記の「外部リンク」の設定で全ての外部リンクにアイコンがつきますが、そうするとSNSアイコンにも外部リンクアイコンがついてしまいまうので、それらを表示させないように<strong>「例外」</strong>を設定します。</p>



<p></p>



<figure class="wp-block-image size-large"><img decoding="async" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/05/link2-2-2-1024x987.jpg" alt="" class="wp-image-790"/></figure>



<p></p>



<p class="is-style-st-paragraph-memo"><strong>① サブドメインを内部とみなす：【サイトのドメインおよびサブドメインへのリンクを全て内部リンクとして扱います】にチェック<br>② 外部リンクから除外するURL：TwitterやFacebook等アイコンをつけたくないURLを入力します。複数ある場合は ” ,（コンマ） ” で区切っても改行してもOKです<br>③ 除外リンクの独自設定：【外部リンクを内部リンクとして扱う】にチェック</strong></p>



<p></p>



<p></p>



<p>この設定をするとSNSアイコンから外部リンクアイコンが消えます。</p>



<p></p>



<p>設定は以上で終わりです。</p>



<p>お疲れ様でした。</p>



<h2 class="wp-block-heading"><span id="toc8">まとめ：WP External Linkの設定方法。外部リンクにアイコンを表示させる</span></h2>



<p>【例外】タブの除外するURLについてはなかったのでまとめてみました。</p>



<p>「WP External Links」を使うと外部リンクにアイコンをつけるだけでなく、&#8221; target_blank&#8221; や ”nofollow” をつけることができるのでとても便利です。</p>



<p>設定方法も難しくないので、ぜひ導入してみてください。</p>



<p></p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-9 sbs-stn sbp-l sbis-cb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/04/bowl_20220412_161220-1.png" alt="akika" class="speech-icon-image"/></figure><div class="speech-name">akika</div></div><div class="speech-balloon">
<p>外部リンクアイコンを表示させるのは「WP External Links」で簡単にできます</p>
</div></div>



<p></p>
]]></content:encoded>
					
					<wfw:commentRss>https://synkers.net/wp-external-link/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【ConoHa WING】閲覧できません（Forbidden Access）の対処法</title>
		<link>https://synkers.net/forbidden-access/</link>
					<comments>https://synkers.net/forbidden-access/#respond</comments>
		
		<dc:creator><![CDATA[akika]]></dc:creator>
		<pubDate>Thu, 14 Apr 2022 12:00:00 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[ConoHa WING]]></category>
		<guid isPermaLink="false">https://synkers.net/?p=549</guid>

					<description><![CDATA[WordPressで編集していて保存しようと思ったら、いきなり現れたエラーメッセージ。 こんなメッセージが出て、保存できなくなってしまって困ったことはありませんか？ このメッセージが出た時の対処法を解説します！ 閲覧でき [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="1000" height="505" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/04/th_brick-gd41f215a0_1280.jpg" alt="" class="wp-image-570"/></figure>



<p></p>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-7 sbs-stn sbp-l sbis-sb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/04/front_20220413_151746.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>WordPressで保存をクリックしたら、閲覧出来ません（Forbidden Access）と出たんだけど、どうしたらいいんだろう？</p>
</div></div>



<p>WordPressで編集していて保存しようと思ったら、いきなり現れたエラーメッセージ。</p>



<p></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="612" height="239" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/04/waf1.jpg" alt="" class="wp-image-557"/></figure>



<p>こんなメッセージが出て、保存できなくなってしまって困ったことはありませんか？</p>



<p class="is-style-st-paragraph-kaiwa">このメッセージが出た時の対処法を解説します！</p>



<span id="more-549"></span>



[st_toc]



<p></p>



<h2 class="wp-block-heading"><span id="toc1">閲覧できません（Forbidden Access）の原因</span></h2>



<p></p>



<p></p>



<p>WordPressで保存をしたいだけなのにいきなり現れた「閲覧できません（Forbidden Access）」</p>



<p>「閲覧したいんじゃなくて、保存なんだけど&#8230;」</p>



<p>というツッコミは抜きで、このエラーはどうして現れるのか。</p>



<p>このエラーメッセージの原因は、「<strong>WAF（Web Application Firewall）</strong>」というサイトを守るセキュリティのためです。</p>



<p>WAFのイメージは、こんな感じ&#8230;</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="722" height="339" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/04/waf6.jpg" alt="" class="wp-image-559"/><figcaption>ConoHa WING</figcaption></figure>



<p>悪意ある第三者がサイトを攻撃しようとした際に、このWAFが守ってくれているんです。</p>



<p>そんなありがたいWAFですが、たまに誤検知してしまうことがあります。</p>



<p>それが今回の「閲覧できません（Forbidden Access）」というエラーが出てしまう原因です。</p>



<p>いきなりのエラーメッセージでドキッとしちゃうかもしれませんが、解決法は簡単です。</p>



<p></p>



<p></p>



<h2 class="wp-block-heading"><span id="toc2">ConoHa WINGで閲覧できません（Forbidden Access）と出た時の対処法</span></h2>



<p></p>



<p></p>



<p>レンタルサーバーごとに対処法が異なりますが、今回はエラーの出たConoHa WINGでの解決法を紹介します。</p>



<p></p>



<p>[st-step step_no=&#8221;1&#8243;][/st-step]</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="980" height="542" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/04/waf2-2.jpg" alt="" class="wp-image-561"/></figure>



<p></p>



<p>ConoHa WINGにログインをして<strong>『サイト管理』→『サイトセキュリティ』→『WAF』</strong>へと進みます。</p>



<p></p>



<p>[st-step step_no=&#8221;2&#8243;][/st-step]</p>



<figure class="wp-block-image size-large"><img decoding="async" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/04/waf3-2-1024x646.jpg" alt="" class="wp-image-564"/></figure>



<p></p>



<p><strong>自分が操作した時間とあっているか確認をして間違いがないか確認をして、間違いがなければ『除外』をクリック。</strong></p>



<p></p>


<p>[st-step step_no=&#8221;3&#8243;][/st-step]</p>


<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="790" height="343" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/04/waf5-2.jpg" alt="" class="wp-image-565"/></figure>



<p></p>



<p><strong>『はい』</strong>をクリック。</p>



<p></p>


<p>[st-step step_no=&#8221;4&#8243;][/st-step]</p>


<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="179" height="259" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/04/waf7-2.jpg" alt="" class="wp-image-566"/></figure>



<p></p>



<p></p>



<p>対象の行が<strong>『除外解除』とグレー</strong>になります。</p>



<p></p>



<p>これで終わり！</p>



<p></p>



<p></p>



<p>後はWordPressの管理画面でエラーとなってしまった「保存」をクリックすれば、問題なく保存することができます。</p>



<p></p>



<h2 class="wp-block-heading"><span id="toc3">【補足】WAFの『OFF』は非推奨</span></h2>



<p></p>



<p></p>



<p></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="566" height="235" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/04/waf8-2.jpg" alt="" class="wp-image-567"/></figure>



<p></p>



<p>除外設定の方法を紹介しましたが、手っ取り早くWAFを『OFF』にする方法もあります。</p>



<p>しかし、セキュリティが下がってしまうのでWAFは『ON』のままで上記の除外設定をすることをおすすめします。</p>



<p></p>



<p></p>



<h2 class="wp-block-heading"><span id="toc4">まとめ：【ConoHa WING】閲覧できません（Forbidden Access）の対処法</span></h2>



<p></p>



<p></p>



<p></p>



<p>WordPressで「閲覧できません（Forbidden Access）」とエラーメッセージが出た場合の対処法を紹介しました。</p>



<p>これは、サーバー・WAF側の誤検知なので、それを修正してあげればOKです。</p>



<p>「OFF」とする方法もありますが、個別に解除方法がある場合は、「ON」のままで対処することをおすすめします。</p>



<p>難しいことでもないですし&#8230;</p>



<p></p>



<p></p>



<p></p>
]]></content:encoded>
					
					<wfw:commentRss>https://synkers.net/forbidden-access/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>【画像3枚】WordPressのGutenbergで下書き保存が終わらない時の対処法</title>
		<link>https://synkers.net/wp-nonstop/</link>
					<comments>https://synkers.net/wp-nonstop/#respond</comments>
		
		<dc:creator><![CDATA[akika]]></dc:creator>
		<pubDate>Thu, 21 Oct 2021 08:34:20 +0000</pubDate>
				<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">https://synkers.net/?p=388</guid>

					<description><![CDATA[記事を書いている時に『下書き保存』を、と思ったら『保存中』のままいつまで経っても終わらない&#8230;この記事を読んでいるあなたは困っちゃった状態ですよね。 いつまで経っても終わらないとどうしたらいいのか焦るのは当然で [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="is-style-default"></p>



<p class="is-style-default"></p>



<figure class="wp-block-image aligncenter size-full"><img loading="lazy" decoding="async" width="640" height="427" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2021/10/w1.jpg" alt="Gutenbergで下書き保存が終わらないときの対処法" class="wp-image-397"/></figure>



<div class="wp-block-cocoon-blocks-balloon-ex-box-1 speech-wrap sb-id-7 sbs-stn sbp-l sbis-sb cf block-box"><div class="speech-person"><figure class="speech-icon"><img decoding="async" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2022/04/front_20220413_151746.png" alt="" class="speech-icon-image"/></figure><div class="speech-name"></div></div><div class="speech-balloon">
<p>WordPressで下書き保存がいつまでたっても終わらなくて、どうしよう</p>
</div></div>







<p class="is-style-default">記事を書いている時に『下書き保存』を、と思ったら<strong><span style="color:#e92f3d" class="tadv-color">『保存中』のままいつまで経っても終わらない</span></strong>&#8230;この記事を読んでいるあなたは困っちゃった状態ですよね。</p>



<p class="is-style-default">いつまで経っても終わらないとどうしたらいいのか焦るのは当然です。</p>



<p class="is-style-default">私も困りました。</p>



<p class="is-style-default">変なことをして、一生懸命書いた記事をパーにしてしまうのは嫌だし&#8230;</p>



<p class="is-style-default">そこで、簡単に下書き保存を脱出する方法を解説します。</p>



<p class="is-style-default"></p>



<p class="is-style-default"></p>



<span id="more-388"></span>



<p class="is-style-default"></p>


<p>[st_toc]</p>



<h2 class="wp-block-heading"><span id="toc1">下書き保存が終わらない</span></h2>



<p class="is-style-default">記事を一生懸命書いた！</p>



<p class="is-style-default">下書き保存をしよう&#8230;と思ってみたら『下書き保存中』</p>



<p class="is-style-default">ちょうどいいタイミング、と思って待つことしばらく。</p>



<p class="is-style-default">ところが何分経っても終わらない。</p>



<p class="is-style-default">しぶとく待ち続けます。</p>



<p class="is-style-default">&#8230;いつになったら終わるの？</p>



<p class="is-style-default">あまりに遅いので、終わらないことを考えてしまいました。</p>



<p class="is-style-default">かと言って、変なことをして記事をパーにするのは嫌。</p>



<p class="is-style-default">ということでGoogle先生にお伺いをたてます。</p>



<p class="is-style-default">そこで簡単に終わらせることができました。</p>



<h2 class="wp-block-heading"><span id="toc2">コードエディタに変更する</span></h2>



<p class="is-style-default">Gutenbergではビジュアルエディタでの入力になっています。</p>



<p class="is-style-default">このエディタを変更すればいいだけでした。</p>



<p class="is-style-default">まず、縦の<strong>「&#8230;」をクリックし、コードエディタに変更</strong>します。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="278" height="422" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2021/10/W2.jpg" alt="Gutenbergで下書き保存が終わらないときの対処法" class="wp-image-392"/></figure>



<p class="is-style-default">コードエディタに変更になったら、記事のバックアップを取りましょう。</p>



<p class="is-style-default">記事内の適当なところにカーソルをあてて、<strong>『ctrl』+『A』</strong>で全選択にし、<strong>『ctrl』+『C』</strong>でコピーします。</p>



<p class="is-style-default">コピーしたものをパーにならないようにテキストアプリなどに避難させます。</p>



<p class="is-style-default"></p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="643" height="230" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2021/10/w3-2.jpg" alt="Gutenbergで下書き保存が終わらないときの対処法" class="wp-image-393"/></figure>



<p class="is-style-default">記事を避難し終わったら、<strong>縦の「&#8230;」をクリックして、ビジュアルエディタに戻します</strong>。</p>



<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="380" height="433" src="http://synkers.net/hibikore-dennou/hibikore-dennou/wp-content/uploads/2021/10/w4-2.jpg" alt="Gutenbergで下書き保存が終わらないときの対処法" class="wp-image-394"/></figure>



<p class="is-style-default">ビジュアルエディタに戻したら記事から抜けましょう。</p>



<p class="is-style-default">コントロールパネルの適<strong>当なところをクリックして記事から離れます</strong>。</p>



<p class="is-style-default">離れた後に<strong>『記事一覧』</strong>から先程の<strong>『下書き保存』</strong>の終わらなかった記事をクリックすると問題なく保存されています。</p>



<p class="is-style-default">もし、<strong>万が一記事が飛んでしまっていたら、コードエディタへ変更し、先程テキストアプリに</strong>避難した記事を『ctrl』+『v』で流しこみます。</p>



<p class="is-style-default">これで『下書き保存』すれば問題なく保存が終わります。</p>



<h2 class="wp-block-heading"><span id="toc3">まとめ：WordPressのGutenbergで下書き保存が終わらない時の対処法</span></h2>



<p class="is-style-default">お疲れ様です。</p>



<p class="is-style-default">これで終わりです。</p>



<p class="is-style-default">今回、なぜ下書き保存が終わらなかったかは不明です。</p>



<p class="is-style-default">ですが簡単な方法で対処できるので、慌てずにやれば大丈夫です。</p>



<p class="is-style-default"></p>
]]></content:encoded>
					
					<wfw:commentRss>https://synkers.net/wp-nonstop/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
