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

<channel>
	<title>WordPressカスタマイズ  |  しふぁの副業ブログ飯</title>
	<atom:link href="https://shifa-blog.com/category/how-to-make-a-blog/wordpress-customization/feed/" rel="self" type="application/rss+xml" />
	<link>https://shifa-blog.com</link>
	<description>初心者でも簡単な副業ブログの始め方</description>
	<lastBuildDate>Thu, 20 Jul 2023 02:13:11 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.3</generator>

<image>
	<url>https://shifa-blog.com/wp-content/uploads/2023/04/cropped-アイコン画像-完成（背景あり）-32x32.jpg</url>
	<title>WordPressカスタマイズ  |  しふぁの副業ブログ飯</title>
	<link>https://shifa-blog.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"/><site xmlns="com-wordpress:feed-additions:1">217712357</site>	<item>
		<title>WordPressブログ内のリンク切れの原因＆自動でチェックするおすすめプラグインを紹介！</title>
		<link>https://shifa-blog.com/wordpress-broken-link/</link>
					<comments>https://shifa-blog.com/wordpress-broken-link/#respond</comments>
		
		<dc:creator><![CDATA[しふぁ]]></dc:creator>
		<pubDate>Thu, 20 Jul 2023 02:13:11 +0000</pubDate>
				<category><![CDATA[WordPressカスタマイズ]]></category>
		<category><![CDATA[ブログの作り方]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[チェック]]></category>
		<category><![CDATA[リンク切れ]]></category>
		<category><![CDATA[原因]]></category>
		<guid isPermaLink="false">https://shifa-blog.com/?p=2524</guid>

					<description><![CDATA[ブログで飯食って8年以上！ どうも、しふぁです。 このページでは、 ・WordPressブログ内のリンク切れの原因 ・リンク切れを自動でチェックするおすすめプラグイン このような内容について解説しているので参考にしてみて [&#8230;]<p><a href="https://shifa-blog.com/wordpress-broken-link/">WordPressブログ内のリンク切れの原因＆自動でチェックするおすすめプラグインを紹介！</a>はブログ、<a href="https://shifa-blog.com">しふぁの副業ブログ飯</a>に掲載された記事です。</p>
]]></description>
										<content:encoded><![CDATA[<p>ブログで飯食って8年以上！</p>
<p>どうも、しふぁです。</p>
<p>このページでは、</p>
<div class="blank-box bb-green"><strong>・WordPressブログ内のリンク切れの原因<br />
・リンク切れを自動でチェックするおすすめプラグイン<br />
</strong></div>
<p>このような内容について解説しているので参考にしてみてください！</p>
<p>ちなみに、リンク切れを自動でチェックするプラグイン以外にも、様々な機能を持ったおすすめプラグインが無数に存在しています。</p>
<p>そのような、おすすめプラグインの情報をまとめたページを作成しているので、詳細な情報が気になる人は以下のリンクからチェックしてみてください！</p>
<p>＞＞<a href="https://shifa-blog.com/wordpress-plugin-summary/">WordPressブログにおすすめなプラグインを確認する！</a></p>
<p><span id="more-2524"></span></p>

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-2" checked><label class="toc-title" for="toc-checkbox-2">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">WordPressブログ内のリンク切れの原因は？</a></li><li><a href="#toc2" tabindex="0">リンク切れを自動でチェックする「Broken Link Checker」</a></li><li><a href="#toc3" tabindex="0">Broken Link Checkerのインストール方法</a></li><li><a href="#toc4" tabindex="0">Broken Link Checkerの設定方法</a></li><li><a href="#toc5" tabindex="0">Broken Link Checkerの使い方</a></li><li><a href="#toc6" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">WordPressブログ内のリンク切れの原因は？</span></h2>
<p>WordPressでブログ記事を作成し、アフィリエイトリンクを入れて収益化したり、外部サイトへのURLを記事内に挿入するのであれば、気を付けておきたいのが<strong>リンク切れ</strong>です。</p>
<p>実際にリンク切れが起きてしまうと、記事内に挿入したリンク先のページを表示できなくなります。</p>
<p>読者目線で言うと、別のページにある気になる情報を確認できないので非常に不便ですし、そのリンクがアフィリエイトリンクであれば収益も上がらなくなります。</p>
<p>あと、クローラーの巡回効率が下がってしまうので、サイトのSEO評価を落としてしまうことになるんですよね。</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" fetchpriority="high" class="aligncenter size-full wp-image-139" src="https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">なので、リンク切れは極力無くしていく必要があります。</div>
</div>
<p>リンク切れが起きてしまう原因としては、商品やサービスを販売している企業側の都合で<span class="bold blue">ASPへの登録を解除</span>したり、<span class="bold blue">該当ページのURL変更やページ削除</span>によりリンク切れが起きてしまう場合があります。</p>
<p>他には、記事内にリンクを挿入する時に、<span class="bold blue">間違えてURLの一部を削除</span>してしまって正常にページが表示されなくなるという、投稿者側のミスが原因の場合もあったりしますね。</p>
<p>なので、<strong>リンク切れを起こしていないか、自分で記事内のリンクを定期的にチェック</strong>する必要があります。</p>
<p>&nbsp;</p>
<h2><span id="toc2">リンク切れを自動でチェックする「Broken Link Checker」</span></h2>
<p>ぶっちゃけ、リンク切れを起こしていないか、定期的にチェックするのは非常に面倒です。</p>
<p>投稿している記事数が多ければ多いほど、その作業量の負担はかなり多くなってしまいます。</p>
<p>なので、リンク切れを自動でチェックしてくれる<strong>Broken Link Checker</strong>というプラグインを活用するのがおすすめです！<br />
<img decoding="async" class="aligncenter size-full wp-image-565" src="https://shifa-blog.com/wp-content/uploads/2023/04/256.jpg" alt="" width="559" height="290" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/256.jpg 559w, https://shifa-blog.com/wp-content/uploads/2023/04/256-300x156.jpg 300w" sizes="(max-width: 559px) 100vw, 559px" /></p>
<p>&nbsp;</p>
<p>実際にリンク切れを起こしていると、以下の画像のようにメールで確認情報を教えてくれますし、<br />
<img decoding="async" class="aligncenter size-full wp-image-578" src="https://shifa-blog.com/wp-content/uploads/2023/04/269.jpg" alt="" width="600" height="361" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/269.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/269-300x181.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>WordPressの管理画面上でもリンク切れ情報を確認できるので、すぐに対処することができます。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-566" src="https://shifa-blog.com/wp-content/uploads/2023/04/257.jpg" alt="" width="600" height="362" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/257.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/257-300x181.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>ブログで稼いでいきたいと思うのであれば絶対に必要なプラグインなので、実際のインストール方法を確認していきましょう！</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-56" src="https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">設定方法も簡単なので初心者でも簡単だよ！</div>
</div>
<p>&nbsp;</p>
<h2><span id="toc3">Broken Link Checkerのインストール方法</span></h2>
<p>それでは、Broken Link Checkerのインストール方法を解説していきます。</p>
<p>WordPressの管理画面を開いたら、画面左側にある<strong>「プラグイン」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-184" src="https://shifa-blog.com/wp-content/uploads/2023/04/2-1.jpg" alt="" width="600" height="415" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/2-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/2-1-300x208.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に画面上にある<strong>「新規追加」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-185" src="https://shifa-blog.com/wp-content/uploads/2023/04/3.jpg" alt="" width="600" height="236" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/3.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/3-300x118.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に画面右上にある検索窓に<strong>Broken Link Checker</strong>と入力して検索してください。（コピペが簡単です）<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-568" src="https://shifa-blog.com/wp-content/uploads/2023/04/258.jpg" alt="" width="600" height="318" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/258.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/258-300x159.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>実際のプラグインはこちらになるので<strong>「今すぐインストール」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-567" src="https://shifa-blog.com/wp-content/uploads/2023/04/255.jpg" alt="" width="559" height="290" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/255.jpg 559w, https://shifa-blog.com/wp-content/uploads/2023/04/255-300x156.jpg 300w" sizes="(max-width: 559px) 100vw, 559px" /></p>
<p>&nbsp;</p>
<p>インストールが終わったら<strong>「有効化」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-569" src="https://shifa-blog.com/wp-content/uploads/2023/04/259.jpg" alt="" width="559" height="290" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/259.jpg 559w, https://shifa-blog.com/wp-content/uploads/2023/04/259-300x156.jpg 300w" sizes="(max-width: 559px) 100vw, 559px" /></p>
<p>&nbsp;</p>
<p>次にこのような画面が表示されますが、<strong>「GO TO BLC2.0」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-570" src="https://shifa-blog.com/wp-content/uploads/2023/04/260.jpg" alt="" width="509" height="426" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/260.jpg 509w, https://shifa-blog.com/wp-content/uploads/2023/04/260-300x251.jpg 300w" sizes="(max-width: 509px) 100vw, 509px" /></p>
<p>&nbsp;</p>
<p>すると、このような画面が表示されますが、ひとまずインストールはできたので、次の項目で設定方法を解説していきます。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-572" src="https://shifa-blog.com/wp-content/uploads/2023/04/262.jpg" alt="" width="600" height="370" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/262.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/262-300x185.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>

<h2><span id="toc4">Broken Link Checkerの設定方法</span></h2>
<p>次にBroken Link Checkerの設定方法を解説していきます。</p>
<p>まずは管理画面の左側にある<strong>「リンクチェッカー」から「Settings(Old)」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-574" src="https://shifa-blog.com/wp-content/uploads/2023/04/264.jpg" alt="" width="502" height="299" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/264.jpg 502w, https://shifa-blog.com/wp-content/uploads/2023/04/264-300x179.jpg 300w" sizes="(max-width: 502px) 100vw, 502px" /></p>
<p>&nbsp;</p>
<p>次に設定画面が表示されますが、</p>
<div class="blank-box bb-green"><strong>・各リンクをチェック： 「168」時間に変更（1週間）</strong><br />
<strong>・メールで通知：「投稿内のリンクエラーについて作成者へメール通知を送る」にチェック。</strong><br />
<strong>・リンクの調整：「削除したリンクにカスタムCSSを適用する」にチェック。</strong><br />
<strong>・リンクの調整：「検索エンジンにリンクエラーをたどらせない」にチェック。</strong><br />
<strong>・提案：「リンク切れに代わるものを提案する」 のチェックを外す。</strong></div>
<p>この設定を行い、できたら<strong>「変更を保存」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-575" src="https://shifa-blog.com/wp-content/uploads/2023/04/265.jpg" alt="" width="600" height="626" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/265.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/265-288x300.jpg 288w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">リンク切れは頻繁に発生しないので1週間に1回のチェックでOK！</div>
</div>
<p>&nbsp;</p>
<p>次に<strong>「高度な設定」</strong>タブをクリックしたら、<strong>「バックグラウンドで1時間ごとに実行する」</strong>のチェックを外しましょう。</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-576" src="https://shifa-blog.com/wp-content/uploads/2023/04/267.jpg" alt="" width="600" height="203" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/267.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/267-300x102.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">コレやっとくとサーバーへの負荷を減らすことができます。</div>
</div>
<p>&nbsp;</p>
<p>設定できたら<strong>「変更を保存」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-577" src="https://shifa-blog.com/wp-content/uploads/2023/04/268.jpg" alt="" width="500" height="255" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/268.jpg 500w, https://shifa-blog.com/wp-content/uploads/2023/04/268-300x153.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>これで設定は以上になるので、次は実際の使い方を確認していきましょう！</p>
<p>&nbsp;</p>
<h2><span id="toc5">Broken Link Checkerの使い方</span></h2>
<p>次にBroken Link Checkerの使い方を解説していきますが、実際にリンク切れを確認したら以下のようにメールで通知を受け取れるような設定になっています。<br />
<img decoding="async" class="aligncenter size-full wp-image-578" src="https://shifa-blog.com/wp-content/uploads/2023/04/269.jpg" alt="" width="600" height="361" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/269.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/269-300x181.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="blank-box bb-green"><strong>・リンクテキスト</strong><br />
<strong>・リンクのURL</strong><br />
<strong>・ソース（URLを入れている記事）</strong></div>
<p>これらの情報を確認できるので、実際にWordPressの管理画面にログインしたら、対象記事内のリンクを修正していきましょう。</p>
<p>&nbsp;</p>
<p>メールで確認する方法以外のやり方としては、WordPressの管理画面の左側にある<strong>「リンクチェッカー」から「Broken Links(Old)」をクリック</strong>すると、リンク切れを確認できます。</p>
<p>対象のリンクを含む記事の編集画面を開いて修正を行いましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter wp-image-580" src="https://shifa-blog.com/wp-content/uploads/2023/04/271.jpg" alt="" width="600" height="310" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/271.jpg 705w, https://shifa-blog.com/wp-content/uploads/2023/04/271-300x155.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<h2><span id="toc6">まとめ</span></h2>
<p>今回はWordPressブログ内のリンク切れの原因と、自動でチェックするおすすめプラグイン「Broken Link Checker」について解説しました！</p>
<p>ちなみに、リンク切れを自動でチェックするプラグイン以外にも、様々な機能を持ったおすすめプラグインが無数に存在しています。</p>
<p>そのような、おすすめプラグインの情報をまとめたページを作成しているので、詳細な情報が気になる人は以下のリンクからチェックしてみてください！</p>
<p>＞＞<a href="https://shifa-blog.com/wordpress-plugin-summary/">WordPressブログにおすすめなプラグインを確認する！</a></p>
<a href="https://shifa-blog.com/wordpress-plugin-summary/" title="WordPress初期設定時に絶対必要なプラグイン13選！より便利になるおすすめプラグインも4つ紹介！" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img width="160" height="90" src="https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" decoding="async" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-1024x576.jpg 1024w, https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-768x432.jpg 768w, https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-320x180.jpg 320w, https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">WordPress初期設定時に絶対必要なプラグイン13選！より便利になるおすすめプラグインも4つ紹介！</div><div class="blogcard-snippet internal-blogcard-snippet">WordPress（ワードプレス）をインストールした初期の状態では様々な機能が足りていません。なので、初期設定時に絶対必要な13個のプラグインを紹介するのはもちろん、必須ではないけどあると便利なおすすめプラグインを4個紹介していきます！</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-blog.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">shifa-blog.com</div></div></div></div></a>
<p>&nbsp;</p>
<p>また、このブログでは、これから副業でブログを始めたい人、稼ぎたい人に向けて情報発信をしています。</p>
<p>サイト内カテゴリやサイトマップを活用して、他の情報もチェックしてみてください！</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-61" src="https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">
<p>わからないことがある場合はコメントで具体的に質問してみてね！（全てがわかるわけではないのでその点は注意）</p>
</div>
</div>
  <div class="author-box border-element no-icon cf">
          <div class="author-widget-name">
        この記事を書いた人      </div>
        <figure class="author-thumb">
      <img alt='しふぁ' src='https://shifa-blog.com/wp-content/uploads/2023/04/アイコン画像-完成（背景あり）.jpg' class='avatar avatar-200 photo' height='200' width='200' />    </figure>
    <div class="author-content">
      <div class="author-name">
        <a rel="author" href="https://shifa-blog.com/author/shifa/" title="しふぁ の投稿">しふぁ</a>      </div>
      <div class="author-description">
        <p>高卒→工場勤務→夜勤＆月残業70時間以上の激務で身長173㎝なのに体重50㎏を切り、体調にも影響が出る→仕事4年目に「ブログで稼げる」という情報を知る→22歳で仕事を退職してブログに専念→約11か月で月10万円達成→今では月収7桁を越え、8年以上もブログだけで飯食ってます。1993年生まれ。別ジャンルでYouTubeでも活躍してます。どうぞよろしく。</p>

      </div>
            <div class="profile-follows author-follows">
        <!-- SNSページ -->
<div class="sns-follow bc-brand-color fbc-hide sf-profile">

    <div class="sns-follow-message">しふぁをフォローする</div>
    <div class="sns-follow-buttons sns-buttons">

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    
      <a rel="nofollow noopener" href="//feedly.com/i/discover/sources/search/feed/https%3A%2F%2Fshifa-blog.com" class="sns-button follow-button feedly-button feedly-follow-button-sq" target="_blank" title="feedlyで更新情報を購読"><span class="icon-feedly-logo"></span><span class="follow-count feedly-follow-count"></span></a>
  
      <a rel="nofollow" href="https://shifa-blog.com/feed/" class="sns-button follow-button rss-button rss-follow-button-sq" target="_blank" title="RSSで更新情報をフォロー"><span class="icon-rss-logo"></span></a>
  
  </div><!-- /.sns-follow-buttons -->

</div><!-- /.sns-follow -->
      </div>
      
    </div>
  </div>

<p><a href="https://shifa-blog.com/wordpress-broken-link/">WordPressブログ内のリンク切れの原因＆自動でチェックするおすすめプラグインを紹介！</a>はブログ、<a href="https://shifa-blog.com">しふぁの副業ブログ飯</a>に掲載された記事です。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://shifa-blog.com/wordpress-broken-link/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2524</post-id>	</item>
		<item>
		<title>WordPressブログでコメントを非表示（無効）にする方法！スパム対策プラグインも紹介！</title>
		<link>https://shifa-blog.com/wordpress-hide-comments/</link>
					<comments>https://shifa-blog.com/wordpress-hide-comments/#respond</comments>
		
		<dc:creator><![CDATA[しふぁ]]></dc:creator>
		<pubDate>Tue, 18 Jul 2023 04:17:30 +0000</pubDate>
				<category><![CDATA[WordPressカスタマイズ]]></category>
		<category><![CDATA[ブログの作り方]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[コメント]]></category>
		<category><![CDATA[無効]]></category>
		<category><![CDATA[非表示]]></category>
		<guid isPermaLink="false">https://shifa-blog.com/?p=2488</guid>

					<description><![CDATA[ブログで飯食って8年以上！ どうも、しふぁです。 このページでは、WordPressブログに大量のスパムコメントが届いて悩んでいる人向けに、 ・WordPressブログでコメントを非表示（無効）にする方法 ・コメントのス [&#8230;]<p><a href="https://shifa-blog.com/wordpress-hide-comments/">WordPressブログでコメントを非表示（無効）にする方法！スパム対策プラグインも紹介！</a>はブログ、<a href="https://shifa-blog.com">しふぁの副業ブログ飯</a>に掲載された記事です。</p>
]]></description>
										<content:encoded><![CDATA[<p>ブログで飯食って8年以上！</p>
<p>どうも、しふぁです。</p>
<p>このページでは、WordPressブログに大量のスパムコメントが届いて悩んでいる人向けに、</p>
<div class="blank-box bb-green"><strong>・WordPressブログでコメントを非表示（無効）にする方法<br />
・コメントのスパム対策をする方法</strong></div>
<p>このような内容について解説しているので参考にしてみてください！</p>
<p>ちなみに、本記事ではプラグインを活用して設定を行うことも多いです。</p>
<p>以下のページで自分がおすすめするプラグインをまとめているので、設定が終わった後に他のプラグインの情報が気になるのであればチェックしてみてください！</p>
<p>＞＞<a href="https://shifa-blog.com/wordpress-plugin-summary/">WordPressおすすめプラグインまとめを確認する！</a></p>
<p><span id="more-2488"></span></p>

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-4" checked><label class="toc-title" for="toc-checkbox-4">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">WordPressブログでコメントを非表示（無効）にする方法</a><ol><li><a href="#toc2" tabindex="0">既存の記事のコメント入力フォームを非表示（無効）にする方法</a><ol><li><a href="#toc3" tabindex="0">1記事ずつコメント入力フォームを非表示にする方法</a></li><li><a href="#toc4" tabindex="0">一括で非表示にする方法</a></li></ol></li></ol></li><li><a href="#toc5" tabindex="0">コメントのスパム対策をする方法</a><ol><li><a href="#toc6" tabindex="0">コメントを承認制にする方法</a></li><li><a href="#toc7" tabindex="0">スパム対策用のプラグインを導入する</a></li></ol></li><li><a href="#toc8" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">WordPressブログでコメントを非表示（無効）にする方法</span></h2>
<p>まず最初は<strong>WordPressブログでコメントを非表示（無効）にする方法</strong>を解説していきます。</p>
<p>コメントを無効にすればスパムコメントも書き込めないので、1番効果的かつ簡単な方法です。</p>
<p>ただ、</p>
<div class="speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2333" src="https://shifa-blog.com/wp-content/uploads/2023/06/f956ca2ec2a142f133adc1c38e36d489.jpg" alt="" width="569" height="570" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/f956ca2ec2a142f133adc1c38e36d489.jpg 569w, https://shifa-blog.com/wp-content/uploads/2023/06/f956ca2ec2a142f133adc1c38e36d489-300x300.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/06/f956ca2ec2a142f133adc1c38e36d489-150x150.jpg 150w, https://shifa-blog.com/wp-content/uploads/2023/06/f956ca2ec2a142f133adc1c38e36d489-100x100.jpg 100w" sizes="(max-width: 569px) 100vw, 569px" /></figure>
</div>
<div class="speech-balloon">読者の感想や質問を受け付けられるようにコメント欄は有効にしておきたいな…。</div>
</div>
<p>と考える人もいるはずです。</p>
<p>その場合は、<strong>コメント欄のスパム対策を行うのがおすすめ</strong>なので、「<a href="https://shifa-blog.com/wordpress-hide-comments/#toc5">コメントのスパム対策をする方法</a>」を確認するようにしましょう！</p>
<p>&nbsp;</p>
<p>それではコメントを無効（非表示）にする方法を解説しますが、WordPressの管理画面の左側にある<strong>「設定」から「ディスカッション」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2489" src="https://shifa-blog.com/wp-content/uploads/2023/07/33.jpg" alt="" width="369" height="262" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/33.jpg 369w, https://shifa-blog.com/wp-content/uploads/2023/07/33-300x213.jpg 300w" sizes="(max-width: 369px) 100vw, 369px" /></p>
<p>&nbsp;</p>
<p>次に<strong>「新しい投稿へのコメントを許可」のチェックを外してください。</strong><br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2490" src="https://shifa-blog.com/wp-content/uploads/2023/07/34.jpg" alt="" width="600" height="247" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/34.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/07/34-300x124.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>設定できたら画面下にある<strong>「変更を保存」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-126" src="https://shifa-blog.com/wp-content/uploads/2023/04/53.jpg" alt="" width="350" height="203" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/53.jpg 350w, https://shifa-blog.com/wp-content/uploads/2023/04/53-300x174.jpg 300w" sizes="(max-width: 350px) 100vw, 350px" /></p>
<p>これで”今後投稿する新しい記事”には、コメント入力フォームが非表示になるので、コメントすることができなくなります。</p>
<p>ただ、この設定を行う前に投稿していた既存の記事に関しては、<span class="bold blue">コメント入力フォームが表示されたままになっている</span>ので注意が必要です。</p>
<p>既存の記事のコメント入力フォームを非表示にしたいなら、これから解説する別の設定を行っていきましょう。</p>
<p>&nbsp;</p>
<h3><span id="toc2">既存の記事のコメント入力フォームを非表示（無効）にする方法</span></h3>
<p>既存の記事のコメント入力フォームを非表示（無効）にする方法を解説しますが、</p>
<div class="blank-box bb-green"><strong>・1記事ずつコメント入力フォームを非表示にする方法</strong><br />
<strong>・一括で非表示にする方法（プラグイン使用）</strong></div>
<p>この2つの方法があるので、それぞれのやり方を解説します。</p>
<p>&nbsp;</p>
<h4><span id="toc3">1記事ずつコメント入力フォームを非表示にする方法</span></h4>
<p>まずは、WordPress管理画面の左側にある<strong>「投稿」から「投稿一覧」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2491" src="https://shifa-blog.com/wp-content/uploads/2023/07/35.jpg" alt="" width="347" height="192" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/35.jpg 347w, https://shifa-blog.com/wp-content/uploads/2023/07/35-300x166.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/07/35-160x90.jpg 160w" sizes="(max-width: 347px) 100vw, 347px" /></p>
<p>&nbsp;</p>
<p>次にコメントを無効にしたい記事にカーソルを合わせて<strong>「クイック編集」</strong>をクリックします。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2492" src="https://shifa-blog.com/wp-content/uploads/2023/07/36.jpg" alt="" width="519" height="325" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/36.jpg 519w, https://shifa-blog.com/wp-content/uploads/2023/07/36-300x188.jpg 300w" sizes="(max-width: 519px) 100vw, 519px" /></p>
<p>&nbsp;</p>
<p>次に編集画面が表示されますが、その中に<strong>「コメントを許可」</strong>という項目があるので、チェックを外してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2493" src="https://shifa-blog.com/wp-content/uploads/2023/07/37.jpg" alt="" width="593" height="275" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/37.jpg 593w, https://shifa-blog.com/wp-content/uploads/2023/07/37-300x139.jpg 300w" sizes="(max-width: 593px) 100vw, 593px" /></p>
<p>&nbsp;</p>
<p>できたら<strong>「更新」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2494" src="https://shifa-blog.com/wp-content/uploads/2023/07/38.jpg" alt="" width="527" height="299" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/38.jpg 527w, https://shifa-blog.com/wp-content/uploads/2023/07/38-300x170.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/07/38-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/07/38-160x90.jpg 160w" sizes="(max-width: 527px) 100vw, 527px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">これで設定した記事のコメント入力フォームが非表示になります！</div>
</div>
<p>ただ、たくさんの記事を投稿していた場合、1記事ずつ設定を変更するのは膨大な時間がかかります。</p>
<p>その場合は、次の一括で非表示にする方法を試してみてください。</p>
<p>&nbsp;</p>
<h4><span id="toc4">一括で非表示にする方法</span></h4>
<p>複数記事のコメント入力フォームを一括で非表示にしたいのであれば、<strong>プラグインを使用して操作</strong>するのがおすすめです。</p>
<p>今回は<strong>Disable Comments</strong>というプラグインを使って解説していきます。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2496" src="https://shifa-blog.com/wp-content/uploads/2023/07/41.jpg" alt="" width="600" height="296" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/41.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/07/41-300x148.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>まず、WordPressの管理画面を開いたら、画面左側にある<strong>「プラグイン」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-184" src="https://shifa-blog.com/wp-content/uploads/2023/04/2-1.jpg" alt="" width="600" height="415" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/2-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/2-1-300x208.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に画面上にある<strong>「新規追加」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-185" src="https://shifa-blog.com/wp-content/uploads/2023/04/3.jpg" alt="" width="600" height="236" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/3.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/3-300x118.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に画面右上にある検索窓に<strong>Disable Comments</strong>と入力して検索してください。（コピペが簡単です）<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2495" src="https://shifa-blog.com/wp-content/uploads/2023/07/39.jpg" alt="" width="600" height="246" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/39.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/07/39-300x123.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>実際のプラグインはこちらになるので、<strong>「今すぐインストール」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2497" src="https://shifa-blog.com/wp-content/uploads/2023/07/40.jpg" alt="" width="600" height="296" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/40.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/07/40-300x148.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>インストールが終わったら<strong>「有効化」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2498" src="https://shifa-blog.com/wp-content/uploads/2023/07/42.jpg" alt="" width="600" height="297" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/42.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/07/42-300x149.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にプラグイン一覧の画面に戻ってくるので、Disable Commentsの<strong>「設定」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2499" src="https://shifa-blog.com/wp-content/uploads/2023/07/43.jpg" alt="" width="427" height="209" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/43.jpg 427w, https://shifa-blog.com/wp-content/uploads/2023/07/43-300x147.jpg 300w" sizes="(max-width: 427px) 100vw, 427px" /></p>
<p>&nbsp;</p>
<p>次にコメントを無効化する設定を行っていきますが、サイト内のすべてのページでコメントを無効化したいのであれば、<strong>「どこでも」にチェック</strong>を入れてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2500" src="https://shifa-blog.com/wp-content/uploads/2023/07/44.jpg" alt="" width="600" height="395" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/44.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/07/44-300x198.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>全てではなく、特定のページだけコメントを無効化したいのであれば、<strong>「特定の投稿タイプに対して」にチェック</strong>を入れてください。</p>
<p>そして、<strong>「投稿」「固定ページ」「メディア」の3種から無効化したいものだけにチェック</strong>を入れましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2501" src="https://shifa-blog.com/wp-content/uploads/2023/07/45.jpg" alt="" width="600" height="393" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/45.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/07/45-300x197.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>設定できたら画面下にある<strong>「変更を保存」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2502" src="https://shifa-blog.com/wp-content/uploads/2023/07/46.jpg" alt="" width="350" height="156" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/46.jpg 350w, https://shifa-blog.com/wp-content/uploads/2023/07/46-300x134.jpg 300w" sizes="(max-width: 350px) 100vw, 350px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">あとは実際に各記事を確認し、コメント入力フォームが無効になっているのか確認しましょう！</div>
</div>
<p>&nbsp;</p>

<h2><span id="toc5">コメントのスパム対策をする方法</span></h2>
<p>ここからはコメント欄は有効にしたいけど、スパムコメントに困っている人向けに<strong>コメントのスパム対策方法</strong>を解説します。</p>
<p>実際にコメント欄を有効にした状態で行えるスパム対策としては以下の2つがあります。</p>
<div class="blank-box bb-green"><strong>①コメントを承認制にする</strong><br />
<strong>②スパム対策用のプラグインを導入する</strong></div>
<p>これからそれぞれのやり方を解説するのでチェックしてみてください。</p>
<p>&nbsp;</p>
<h3><span id="toc6">コメントを承認制にする方法</span></h3>
<p>まずは、コメントを承認制にする方法を解説します。</p>
<p>これをやっておくと、<strong>承認しない限りコメントが表示されなくなる</strong>ので、コメント欄がスパムコメントで埋まってしまうのを避けることができます。</p>
<p>また、スパムコメント対策におすすめな細かい設定も他にあるので、そのやり方も合わせて解説したいと思います！</p>
<p>&nbsp;</p>
<p>実際のやり方ですが、WordPressの管理画面の左側にある<strong>「設定」から「ディスカッション」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2489" src="https://shifa-blog.com/wp-content/uploads/2023/07/33.jpg" alt="" width="369" height="262" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/33.jpg 369w, https://shifa-blog.com/wp-content/uploads/2023/07/33-300x213.jpg 300w" sizes="(max-width: 369px) 100vw, 369px" /></p>
<p>&nbsp;</p>
<p>次に<strong>「新しい投稿に対し他のブログからの通知（ピンバック・トラックバック）を受け付ける」のチェックを外してください。</strong><br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2503" src="https://shifa-blog.com/wp-content/uploads/2023/07/47.jpg" alt="" width="600" height="188" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/47.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/07/47-300x94.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>この設定について詳しく解説すると、自分が書いた記事の中で他のブログの記事リンクを掲載した場合、</p>
<div class="speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-56" src="https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">
<p>自分のブログであなたの記事について言及してリンクを掲載しました！</p>
</div>
</div>
<p>といった感じで<strong>相手側に通知を送信する機能をピンバックまたはトラックバック</strong>と言います。</p>
<p>また、他の人のブログで自分の記事について言及されてリンクが貼られた場合、</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-125" src="https://shifa-blog.com/wp-content/uploads/2023/04/52.jpg" alt="" width="738" height="738" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/52.jpg 738w, https://shifa-blog.com/wp-content/uploads/2023/04/52-300x300.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/04/52-150x150.jpg 150w, https://shifa-blog.com/wp-content/uploads/2023/04/52-100x100.jpg 100w" sizes="(max-width: 738px) 100vw, 738px" /></figure>
</div>
<div class="speech-balloon">
<p>私のブログであなたの記事について言及してリンクを掲載させてもらいました！</p>
</div>
</div>
<p>といった感じで<strong>相手からの通知を受信すること</strong>もこの機能に含まれます。</p>
<p>実際に有効にしていると、「モデレートしてください」といったコメントがたくさん届いたりします。</p>
<p>さらに、トラックバックでスパム投稿をしてくる悪い人もいるので、<span class="bold blue">通知を受信する設定にしているとかなり面倒です。</span></p>
<p>なので、この設定のチェックを外して受信しない設定にしておきましょう。</p>
<p>&nbsp;</p>
<p>次に<strong>「コメントの投稿者の名前とメールアドレスの入力を必須にする」にチェックが入っていることを確認</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2504" src="https://shifa-blog.com/wp-content/uploads/2023/07/48.jpg" alt="" width="600" height="261" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/48.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/07/48-300x131.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>この設定は初期設定の段階でチェックが入っているので、特に問題無いかと思います。</p>
<p>実際に有効にしておくことで、スパム投稿を抑制する働きがあるので設定しておきましょう。</p>
<p>&nbsp;</p>
<p>次に、</p>
<div class="blank-box bb-green"><strong>・「コメントの手動認証を必須にする」にチェックを入れる</strong><br />
<strong>・「すでに認証されたコメントの投稿者のコメントを許可し、それ以外のコメントを承認待ちにする」のチェックを外す</strong></div>
<p>この設定を行ってください。</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2506" src="https://shifa-blog.com/wp-content/uploads/2023/07/50.jpg" alt="" width="600" height="205" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/50.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/07/50-300x103.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">この設定を行うと、コメントを承認制にできます！</div>
</div>
<p>&nbsp;</p>
<p>ここまで設定できたら、画面下にある<strong>「変更を保存」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-126" src="https://shifa-blog.com/wp-content/uploads/2023/04/53.jpg" alt="" width="350" height="203" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/53.jpg 350w, https://shifa-blog.com/wp-content/uploads/2023/04/53-300x174.jpg 300w" sizes="(max-width: 350px) 100vw, 350px" /></p>
<p>&nbsp;</p>
<h3><span id="toc7">スパム対策用のプラグインを導入する</span></h3>
<p>コメントを承認制にするだけではスパム対策は不十分なので、スパム対策用のプラグインを導入していきましょう。</p>
<p>コメント欄のスパム対策をするには、こちらの<strong>Invisible reCaptcha for WordPress</strong>というプラグインを導入するのが1番効果的です！<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-386" src="https://shifa-blog.com/wp-content/uploads/2023/04/159.jpg" alt="" width="560" height="293" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/159.jpg 560w, https://shifa-blog.com/wp-content/uploads/2023/04/159-300x157.jpg 300w" sizes="(max-width: 560px) 100vw, 560px" /></p>
<p>実際の導入方法をここで解説すると長くなるので、別のページにて設定方法は解説しています。</p>
<p>以下のリンクから詳細情報を確認してスパム対策を行ってください！</p>
<p>＞＞<a href="https://shifa-blog.com/invisible-recaptcha-for-wordpress/">Invisible reCaptcha for WordPressの導入方法を確認する！</a></p>
<a href="https://shifa-blog.com/invisible-recaptcha-for-wordpress/" title="Invisible reCaptcha for WordPressの設定方法と使い方を徹底解説！" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img width="160" height="90" src="https://shifa-blog.com/wp-content/uploads/2023/04/0f580dc35e6a80588ed3b4136b80dd38-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" decoding="async" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/0f580dc35e6a80588ed3b4136b80dd38-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/04/0f580dc35e6a80588ed3b4136b80dd38-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/04/0f580dc35e6a80588ed3b4136b80dd38-1024x576.jpg 1024w, https://shifa-blog.com/wp-content/uploads/2023/04/0f580dc35e6a80588ed3b4136b80dd38-768x432.jpg 768w, https://shifa-blog.com/wp-content/uploads/2023/04/0f580dc35e6a80588ed3b4136b80dd38-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/04/0f580dc35e6a80588ed3b4136b80dd38-320x180.jpg 320w, https://shifa-blog.com/wp-content/uploads/2023/04/0f580dc35e6a80588ed3b4136b80dd38.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">Invisible reCaptcha for WordPressの設定方法と使い方を徹底解説！</div><div class="blogcard-snippet internal-blogcard-snippet">プラグイン「Invisible reCaptcha for WordPress」とは何なのかわからないあなたに！詳細な機能の説明や必要なのか・不要なのかの解説はもちろん、実際のインストール方法・設定方法・使い方についても初心者にわかりやすく解説します！</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-blog.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">shifa-blog.com</div></div></div></div></a>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">そこまで難しくないので、初心者でもすぐに設定可能です！</div>
</div>
<p>&nbsp;</p>
<h2><span id="toc8">まとめ</span></h2>
<p>今回はWordPressブログでコメントを非表示（無効）にする方法や、スパム対策のやり方について解説しました！</p>
<p>ちなみに、プラグインを活用して設定を行うことも多かったですが、他にもWordPressのカスタマイズにおすすめなプラグインはたくさん存在しています。</p>
<p>こちらのページで自分がおすすめするプラグインをまとめているので、気になるのであればチェックしてみてください！</p>
<p>＞＞<a href="https://shifa-blog.com/wordpress-plugin-summary/">WordPressおすすめプラグインまとめを確認する！</a></p>
<a href="https://shifa-blog.com/wordpress-plugin-summary/" title="WordPress初期設定時に絶対必要なプラグイン13選！より便利になるおすすめプラグインも4つ紹介！" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img width="160" height="90" src="https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" decoding="async" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-1024x576.jpg 1024w, https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-768x432.jpg 768w, https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-320x180.jpg 320w, https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">WordPress初期設定時に絶対必要なプラグイン13選！より便利になるおすすめプラグインも4つ紹介！</div><div class="blogcard-snippet internal-blogcard-snippet">WordPress（ワードプレス）をインストールした初期の状態では様々な機能が足りていません。なので、初期設定時に絶対必要な13個のプラグインを紹介するのはもちろん、必須ではないけどあると便利なおすすめプラグインを4個紹介していきます！</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-blog.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">shifa-blog.com</div></div></div></div></a>
<p>&nbsp;</p>
<p>また、このブログでは、これから副業でブログを始めたい人、稼ぎたい人に向けて情報発信をしています。</p>
<p>サイト内カテゴリやサイトマップを活用して、他の情報もチェックしてみてください！</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-61" src="https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">
<p>わからないことがある場合はコメントで具体的に質問してみてね！（全てがわかるわけではないのでその点は注意）</p>
</div>
</div>
  <div class="author-box border-element no-icon cf">
          <div class="author-widget-name">
        この記事を書いた人      </div>
        <figure class="author-thumb">
      <img alt='しふぁ' src='https://shifa-blog.com/wp-content/uploads/2023/04/アイコン画像-完成（背景あり）.jpg' class='avatar avatar-200 photo' height='200' width='200' />    </figure>
    <div class="author-content">
      <div class="author-name">
        <a rel="author" href="https://shifa-blog.com/author/shifa/" title="しふぁ の投稿">しふぁ</a>      </div>
      <div class="author-description">
        <p>高卒→工場勤務→夜勤＆月残業70時間以上の激務で身長173㎝なのに体重50㎏を切り、体調にも影響が出る→仕事4年目に「ブログで稼げる」という情報を知る→22歳で仕事を退職してブログに専念→約11か月で月10万円達成→今では月収7桁を越え、8年以上もブログだけで飯食ってます。1993年生まれ。別ジャンルでYouTubeでも活躍してます。どうぞよろしく。</p>

      </div>
            <div class="profile-follows author-follows">
        <!-- SNSページ -->
<div class="sns-follow bc-brand-color fbc-hide sf-profile">

    <div class="sns-follow-message">しふぁをフォローする</div>
    <div class="sns-follow-buttons sns-buttons">

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    
      <a rel="nofollow noopener" href="//feedly.com/i/discover/sources/search/feed/https%3A%2F%2Fshifa-blog.com" class="sns-button follow-button feedly-button feedly-follow-button-sq" target="_blank" title="feedlyで更新情報を購読"><span class="icon-feedly-logo"></span><span class="follow-count feedly-follow-count"></span></a>
  
      <a rel="nofollow" href="https://shifa-blog.com/feed/" class="sns-button follow-button rss-button rss-follow-button-sq" target="_blank" title="RSSで更新情報をフォロー"><span class="icon-rss-logo"></span></a>
  
  </div><!-- /.sns-follow-buttons -->

</div><!-- /.sns-follow -->
      </div>
      
    </div>
  </div>

<p><a href="https://shifa-blog.com/wordpress-hide-comments/">WordPressブログでコメントを非表示（無効）にする方法！スパム対策プラグインも紹介！</a>はブログ、<a href="https://shifa-blog.com">しふぁの副業ブログ飯</a>に掲載された記事です。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://shifa-blog.com/wordpress-hide-comments/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2488</post-id>	</item>
		<item>
		<title>WordPressでのお問い合わせフォームの作り方！おすすめプラグインも紹介！</title>
		<link>https://shifa-blog.com/wordpress-inquiry-form/</link>
					<comments>https://shifa-blog.com/wordpress-inquiry-form/#respond</comments>
		
		<dc:creator><![CDATA[しふぁ]]></dc:creator>
		<pubDate>Sun, 16 Jul 2023 09:58:17 +0000</pubDate>
				<category><![CDATA[WordPressカスタマイズ]]></category>
		<category><![CDATA[ブログの作り方]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[お問い合わせフォーム]]></category>
		<guid isPermaLink="false">https://shifa-blog.com/?p=2476</guid>

					<description><![CDATA[ブログで飯食って8年以上！ どうも、しふぁです。 このページでは、 ・WordPressブログでのお問い合わせフォームの作り方 このような内容について解説しているので参考にしてみてください！ ちなみに、お問い合わせフォー [&#8230;]<p><a href="https://shifa-blog.com/wordpress-inquiry-form/">WordPressでのお問い合わせフォームの作り方！おすすめプラグインも紹介！</a>はブログ、<a href="https://shifa-blog.com">しふぁの副業ブログ飯</a>に掲載された記事です。</p>
]]></description>
										<content:encoded><![CDATA[<p>ブログで飯食って8年以上！</p>
<p>どうも、しふぁです。</p>
<p>このページでは、</p>
<div class="blank-box bb-green"><strong>・WordPressブログでのお問い合わせフォームの作り方</strong></div>
<p>このような内容について解説しているので参考にしてみてください！</p>
<p>ちなみに、お問い合わせフォームを作成するプラグイン以外にも、様々な機能を持ったおすすめプラグインが無数に存在しています。</p>
<p>そのような、おすすめプラグインの情報をまとめたページを作成しているので、詳細な情報が気になる人は以下のリンクからチェックしてみてください！</p>
<p>＞＞<a href="https://shifa-blog.com/wordpress-plugin-summary/">WordPressブログにおすすめなプラグインを確認する！</a></p>
<p><span id="more-2476"></span></p>

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-6" checked><label class="toc-title" for="toc-checkbox-6">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">WordPressでお問い合わせフォームを作るなら「Contact Form 7」</a></li><li><a href="#toc2" tabindex="0">Contact Form 7のインストール方法</a></li><li><a href="#toc3" tabindex="0">お問い合わせフォームを設定・配置する方法</a><ol><li><a href="#toc4" tabindex="0">クラシックエディタで作成する方法</a></li><li><a href="#toc5" tabindex="0">ブロックエディタで作成する方法</a></li></ol></li><li><a href="#toc6" tabindex="0">お問い合わせページを目立つ場所に配置する方法</a></li><li><a href="#toc7" tabindex="0">お問い合わせフォームのスパム対策もやろう！</a></li><li><a href="#toc8" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">WordPressでお問い合わせフォームを作るなら「Contact Form 7」</span></h2>
<p>WordPressにお問い合わせフォームを作成したいのであれば、プラグインを導入する必要があります。</p>
<p>お問い合わせフォームを作れるプラグインは無数に存在しますが、その中でもおすすめなのは<strong>Contact Form 7</strong>というプラグインです。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-331" src="https://shifa-blog.com/wp-content/uploads/2023/04/107.jpg" alt="" width="588" height="334" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/107.jpg 588w, https://shifa-blog.com/wp-content/uploads/2023/04/107-300x170.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/04/107-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/04/107-160x90.jpg 160w" sizes="(max-width: 588px) 100vw, 588px" /></p>
<p>&nbsp;</p>
<p>設定方法は簡単ですし、以下のような見た目が良いお問い合わせフォームを作成できるので、500万以上もインストールされている大人気のプラグインとなっています。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-378" src="https://shifa-blog.com/wp-content/uploads/2023/04/151.jpg" alt="" width="500" height="491" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/151.jpg 500w, https://shifa-blog.com/wp-content/uploads/2023/04/151-300x295.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>これからインストール方法や設定方法などを解説していくので参考にしてみてください！</p>
<p>&nbsp;</p>
<h2><span id="toc2">Contact Form 7のインストール方法</span></h2>
<p>それではContact Form 7のインストール方法を解説していきます。</p>
<p>WordPressの管理画面を開いたら、画面左側にある<strong>「プラグイン」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-184" src="https://shifa-blog.com/wp-content/uploads/2023/04/2-1.jpg" alt="" width="600" height="415" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/2-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/2-1-300x208.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に画面上にある<strong>「新規追加」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-185" src="https://shifa-blog.com/wp-content/uploads/2023/04/3.jpg" alt="" width="600" height="236" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/3.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/3-300x118.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に画面右上にある検索窓に<strong>Contact Form 7</strong>と入力して検索してください。（コピペが簡単です）<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-335" src="https://shifa-blog.com/wp-content/uploads/2023/04/109.jpg" alt="" width="600" height="252" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/109.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/109-300x126.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>実際のプラグインはこちらになるので<strong>「今すぐインストール」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-336" src="https://shifa-blog.com/wp-content/uploads/2023/04/108.jpg" alt="" width="588" height="334" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/108.jpg 588w, https://shifa-blog.com/wp-content/uploads/2023/04/108-300x170.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/04/108-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/04/108-160x90.jpg 160w" sizes="(max-width: 588px) 100vw, 588px" /></p>
<p>&nbsp;</p>
<p>インストールが終わったら<strong>「有効化」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-337" src="https://shifa-blog.com/wp-content/uploads/2023/04/110.jpg" alt="" width="594" height="334" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/110.jpg 594w, https://shifa-blog.com/wp-content/uploads/2023/04/110-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/04/110-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/04/110-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/04/110-320x180.jpg 320w" sizes="(max-width: 594px) 100vw, 594px" /></p>
<p>&nbsp;</p>
<p>画面が切り替わり、画面左上に「プラグインを有効化しました。」と表示されればインストールは完了です。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-325" src="https://shifa-blog.com/wp-content/uploads/2023/04/104.jpg" alt="" width="509" height="230" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/104.jpg 509w, https://shifa-blog.com/wp-content/uploads/2023/04/104-300x136.jpg 300w" sizes="(max-width: 509px) 100vw, 509px" /></p>
<p>&nbsp;</p>

<h2><span id="toc3">お問い合わせフォームを設定・配置する方法</span></h2>
<p>Contact Form 7を有効化できたら、お問い合わせフォームを設定してブログ内に配置していきましょう。</p>
<p>管理画面の左側にある<strong>「お問い合わせ」から「コンタクトフォーム」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-338" src="https://shifa-blog.com/wp-content/uploads/2023/04/111.jpg" alt="" width="600" height="306" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/111.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/111-300x153.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にこのような画面が表示されますが、タイトルの項目にある<strong>「コンタクトフォーム1」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-373" src="https://shifa-blog.com/wp-content/uploads/2023/04/146.jpg" alt="" width="600" height="326" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/146.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/146-300x163.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>すると、お問い合わせページを編集できる画面が表示されます。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-374" src="https://shifa-blog.com/wp-content/uploads/2023/04/147.jpg" alt="" width="600" height="410" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/147.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/147-300x205.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>初期設定のままでも問題ありませんが、より丁寧なお問い合わせフォームにしたいので、</p>
<div class="blank-box bb-green"><strong>①編集ページ内の「氏名」を削除して同じ場所に「お名前」と入力</strong><br />
<strong>②編集ページ内の「メッセージ本文（任意）」を削除して同じ場所に「お問い合わせ内容」と入力</strong></div>
<p>この作業を行ってください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-376" src="https://shifa-blog.com/wp-content/uploads/2023/04/149.jpg" alt="" width="600" height="422" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/149.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/149-300x211.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に<strong>「メッセージ」</strong>タブをクリックすると、様々な状況で用いられるメッセージを編集できるようになっています。</p>
<p>別に初期設定のままでも問題無いですが、変更したいと思うのであれば編集してみてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2482" src="https://shifa-blog.com/wp-content/uploads/2023/07/32-1.jpg" alt="" width="600" height="349" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/32-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/07/32-1-300x175.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>ここまでできたら画面右上の<strong>「保存」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-377" src="https://shifa-blog.com/wp-content/uploads/2023/04/150.jpg" alt="" width="500" height="262" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/150.jpg 500w, https://shifa-blog.com/wp-content/uploads/2023/04/150-300x157.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>&nbsp;</p>
<p>お問い合わせページの基本設定は以上になるので、次はブログ内に設置していきます。</p>
<p>まずは<strong>「コンタクトフォーム」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-385" src="https://shifa-blog.com/wp-content/uploads/2023/04/158.jpg" alt="" width="500" height="294" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/158.jpg 500w, https://shifa-blog.com/wp-content/uploads/2023/04/158-300x176.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>&nbsp;</p>
<p>次にショートコードの項目にコードが表示されているので、<strong>このコードをコピー</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-339" src="https://shifa-blog.com/wp-content/uploads/2023/04/112.jpg" alt="" width="600" height="162" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/112.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/112-300x81.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に管理画面の左側にある<strong>「固定ページ」から「新規追加」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-340" src="https://shifa-blog.com/wp-content/uploads/2023/04/113.jpg" alt="" width="600" height="341" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/113.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/113-300x171.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/04/113-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/04/113-160x90.jpg 160w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>次に新規固定ページを追加できる画面が表示されますが、</p>
<div class="blank-box bb-green"><strong>・クラシックエディタ</strong><br />
<strong>・ブロックエディタ</strong></div>
<p>この2つの記事作成画面がWordPressには存在しています。</p>
<p>それぞれの方法でやり方が異なるので、自分の状況に合わせて作成方法を確認してください。</p>
<p>&nbsp;</p>
<h3><span id="toc4">クラシックエディタで作成する方法</span></h3>
<p>まずはクラシックエディタで作成する方法を解説しますが、</p>
<div class="blank-box bb-green"><strong>①タイトルに「お問い合わせ」と入力</strong><br />
<strong>②「テキスト」タブをクリックしてからコピーしたコードを貼り付ける</strong></div>
<p>これを行ってください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-341" src="https://shifa-blog.com/wp-content/uploads/2023/04/114.jpg" alt="" width="600" height="333" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/114.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/114-300x167.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/04/114-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/04/114-160x90.jpg 160w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>できたら<strong>「下書き保存」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-342" src="https://shifa-blog.com/wp-content/uploads/2023/04/115.jpg" alt="" width="298" height="258" /></p>
<p>&nbsp;</p>
<p>すると、パーマリンクを設定できる画面が表示されるので<strong>「編集」</strong>をクリックし、<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-357" src="https://shifa-blog.com/wp-content/uploads/2023/04/131.jpg" alt="" width="600" height="349" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/131.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/131-300x175.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p><strong>「contact」</strong>に変更したら<strong>「OK」</strong>をクリックしてください。※<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-358" src="https://shifa-blog.com/wp-content/uploads/2023/04/132.jpg" alt="" width="600" height="374" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/132.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/132-300x187.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="su-note"  style="border-color:#dfe4e5;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;"><div class="su-note-inner su-u-clearfix su-u-trim" style="background-color:#f9feff;border-color:#ffffff;color:#333333;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;">
<span class="bold red" style="font-size: 24px;">※注意<br />
</span>WordPress内のパーマリンクの設定で<strong>「投稿名」にチェックを入れている場合のみ</strong>、パーマリンクを「contact」に変更してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-133" src="https://shifa-blog.com/wp-content/uploads/2023/04/60.jpg" alt="" width="600" height="314" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/60.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/60-300x157.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>パーマリンクの設定方法は、こちらの<a href="https://shifa-blog.com/wordpress-initial-setting/">WordPressブログ作成後に絶対やるべき初期設定のやり方</a>を解説した記事内で解説しています。<br />
</div></div>
<p>ここまで設定できたら<strong>「公開」</strong>をクリックしてください。</p>
<p>必要であれば「プレビュー」をクリックしてどのように表示されるのか確認してみましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-345" src="https://shifa-blog.com/wp-content/uploads/2023/04/118.jpg" alt="" width="287" height="249" /></p>
<p>&nbsp;</p>
<div class="blank-box bb-tab bb-check bb-red">実際にお問い合わせページを確認すると、このように表示されます。<br />
<img decoding="async" loading="lazy" class="aligncenter wp-image-378 size-full" src="https://shifa-blog.com/wp-content/uploads/2023/04/151.jpg" alt="" width="500" height="491" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/151.jpg 500w, https://shifa-blog.com/wp-content/uploads/2023/04/151-300x295.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></div>
<p>ただ、現状ではお問い合わせページがどこにあるのかわかりにくくなっているので、</p>
<div class="speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-60" src="https://shifa-blog.com/wp-content/uploads/2023/04/982b601c55caed57e3f800af315b0dc4.jpg" alt="" width="714" height="714" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/982b601c55caed57e3f800af315b0dc4.jpg 714w, https://shifa-blog.com/wp-content/uploads/2023/04/982b601c55caed57e3f800af315b0dc4-300x300.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/04/982b601c55caed57e3f800af315b0dc4-150x150.jpg 150w, https://shifa-blog.com/wp-content/uploads/2023/04/982b601c55caed57e3f800af315b0dc4-100x100.jpg 100w" sizes="(max-width: 714px) 100vw, 714px" /></figure>
</div>
<div class="speech-balloon">
<p>どこからお問い合わせをすれば良いの？</p>
</div>
</div>
<p>というように、ユーザーが迷ってしまいます。</p>
<p>なので、この後の「ブロックエディタで作成する方法」を解説した後に「お問い合わせページを目立つ場所に配置する方法」を解説しているので、そちらを確認するようにしてください。</p>
<p>&nbsp;</p>
<h3><span id="toc5">ブロックエディタで作成する方法</span></h3>
<p>次にブロックエディタで作成する方法を解説しますが、<strong>タイトルに「お問い合わせ」と入力</strong>してください。</p>
<p>できたら<strong>「＋」をクリックして「すべて表示」をクリック</strong>しましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-348" src="https://shifa-blog.com/wp-content/uploads/2023/04/121.jpg" alt="" width="600" height="348" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/121.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/121-300x174.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に画面左に様々なメニューが表示されるので、その中から<strong>「ショートコード」</strong>を探し出してクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-349" src="https://shifa-blog.com/wp-content/uploads/2023/04/122.jpg" alt="" width="600" height="381" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/122.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/122-300x191.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にショートコードを入力できる画面が表示されるので、<strong>先ほどコピーしたコードを貼り付けてください。<br />
</strong><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-354" src="https://shifa-blog.com/wp-content/uploads/2023/04/128.jpg" alt="" width="600" height="218" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/128.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/128-300x109.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に画面右上にある<strong>「設定」</strong>をクリックして<strong>「固定ページ」タブ</strong>をクリックします。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-355" src="https://shifa-blog.com/wp-content/uploads/2023/04/129.jpg" alt="" width="600" height="265" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/129.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/129-300x133.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にURLの項目をクリックするとパーマリンクを変更できるので、<strong>「contact」</strong>と入力してください。※</p>
<p>できたら<strong>「公開」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-359" src="https://shifa-blog.com/wp-content/uploads/2023/04/133.jpg" alt="" width="600" height="427" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/133.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/133-300x214.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="su-note"  style="border-color:#dfe4e5;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;"><div class="su-note-inner su-u-clearfix su-u-trim" style="background-color:#f9feff;border-color:#ffffff;color:#333333;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;">
<span class="bold red" style="font-size: 24px;">※注意<br />
</span>WordPress内のパーマリンクの設定で<strong>「投稿名」にチェックを入れている場合のみ</strong>、パーマリンクを「contact」に変更してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-133" src="https://shifa-blog.com/wp-content/uploads/2023/04/60.jpg" alt="" width="600" height="314" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/60.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/60-300x157.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>パーマリンクの設定方法は、こちらの<a href="https://shifa-blog.com/wordpress-initial-setting/">WordPressブログ作成後に絶対やるべき初期設定のやり方</a>を解説した記事内で解説しています。<br />
</div></div>
<p>&nbsp;</p>
<p>確認画面が表示された場合は<strong>「公開」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-352" src="https://shifa-blog.com/wp-content/uploads/2023/04/125.jpg" alt="" width="602" height="357" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/125.jpg 602w, https://shifa-blog.com/wp-content/uploads/2023/04/125-300x178.jpg 300w" sizes="(max-width: 602px) 100vw, 602px" /></p>
<p>&nbsp;</p>
<div class="blank-box bb-tab bb-check bb-red">実際のお問い合わせページを確認すると、このように表示されます。<br />
<img decoding="async" loading="lazy" class="aligncenter wp-image-378 size-full" src="https://shifa-blog.com/wp-content/uploads/2023/04/151.jpg" alt="" width="500" height="491" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/151.jpg 500w, https://shifa-blog.com/wp-content/uploads/2023/04/151-300x295.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></div>
<p>ただ、現状ではお問い合わせページがどこにあるのかわかりにくくなっているので、</p>
<div class="speech-wrap sb-id-1 sbs-stn sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-60" src="https://shifa-blog.com/wp-content/uploads/2023/04/982b601c55caed57e3f800af315b0dc4.jpg" alt="" width="714" height="714" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/982b601c55caed57e3f800af315b0dc4.jpg 714w, https://shifa-blog.com/wp-content/uploads/2023/04/982b601c55caed57e3f800af315b0dc4-300x300.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/04/982b601c55caed57e3f800af315b0dc4-150x150.jpg 150w, https://shifa-blog.com/wp-content/uploads/2023/04/982b601c55caed57e3f800af315b0dc4-100x100.jpg 100w" sizes="(max-width: 714px) 100vw, 714px" /></figure>
</div>
<div class="speech-balloon">
<p>どこからお問い合わせをすれば良いの？</p>
</div>
</div>
<p>というように、ユーザーが迷ってしまう場合があります。</p>
<p>なので、次の項目を確認し、お問い合わせページへのリンクを目立つ場所に配置していきましょう！</p>
<p>&nbsp;</p>

<h2><span id="toc6">お問い合わせページを目立つ場所に配置する方法</span></h2>
<p>次にお問い合わせページを目立つ場所に配置する方法を解説します。</p>
<div class="blank-box bb-tab bb-check bb-red">解説用のWordPressブログではテーマにCocoonを使用しているので、Cocoonでのやり方を解説します。</div>
<p>&nbsp;</p>
<p>まずは管理画面の左側にある<strong>「外観」から「メニュー」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-360" src="https://shifa-blog.com/wp-content/uploads/2023/04/134.jpg" alt="" width="600" height="316" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/134.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/134-300x158.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にこのような画面が表示されますが、メニュー名にわかりやすい名前を入力します。</p>
<p>管理上の名前なので何でも良いのですが、今回は<strong>「ヘッダー」</strong>と入力して解説します。</p>
<p>できたら<strong>「メニューを作成」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-361" src="https://shifa-blog.com/wp-content/uploads/2023/04/135.jpg" alt="" width="600" height="269" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/135.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/135-300x135.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にメニュー項目を追加の欄が有効になるので、<strong>「お問い合わせ」にチェックを入れて「メニューに追加」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-364" src="https://shifa-blog.com/wp-content/uploads/2023/04/137.jpg" alt="" width="600" height="277" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/137.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/137-300x139.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>すると、メニューにお問い合わせのページが追加されるので、</p>
<div class="blank-box bb-green"><strong>・「このメニューに新しいトップレベルページを自動的に追加」にチェック</strong><br />
<strong>・「ヘッダーメニュー」にチェック</strong></div>
<p>この設定ができたら<strong>「メニューを保存」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-365" src="https://shifa-blog.com/wp-content/uploads/2023/04/138.jpg" alt="" width="600" height="343" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/138.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/138-300x172.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/04/138-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/04/138-160x90.jpg 160w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>画面左上に「ヘッダーを更新しました。」を表示されれば設定はOKです。</p>
<p>あとは画面左上のサイト名をクリックして確認してみると、<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-366" src="https://shifa-blog.com/wp-content/uploads/2023/04/139.jpg" alt="" width="600" height="288" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/139.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/139-300x144.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>こんな感じで、どのページを見ていてもタイトルの下に「お問い合わせ」の項目が表示されるようになります。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-369" src="https://shifa-blog.com/wp-content/uploads/2023/04/144.jpg" alt="" width="600" height="330" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/144.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/144-300x165.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<div class="blank-box bb-tab bb-point bb-green">
<p>今後新しく固定ページを作成するたびに、自動でメニューに追加する設定になっています。</p>
<p>もしも、表示させる順番を変更したいのであれば、ドラッグして位置変更すると順番を変えられるので覚えておいてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-368" src="https://shifa-blog.com/wp-content/uploads/2023/04/141.jpg" alt="" width="600" height="398" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/141.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/141-300x199.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /><br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-370" src="https://shifa-blog.com/wp-content/uploads/2023/04/143.jpg" alt="" width="600" height="345" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/143.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/143-300x173.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/04/143-120x68.jpg 120w" sizes="(max-width: 600px) 100vw, 600px" /></p>
</div>
<p>&nbsp;</p>
<h2><span id="toc7">お問い合わせフォームのスパム対策もやろう！</span></h2>
<p>Contact Form 7の設定方法を解説してきましたが、今の状態でも普通にお問合せページとしての機能は果たすことができます。</p>
<p>ただ、今後アクセス数が増えてくると、お問い合わせからスパム（迷惑メールのようなもの）が大量に届くようになってきて、その対処が非常に面倒なことになってしまうんですよね。</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">なので<strong>お問い合わせのスパム対策</strong>が重要です！</div>
</div>
<p>お問い合わせのスパム対策をするには、こちらの<strong>Invisible reCaptcha for WordPress</strong>というプラグインを導入するのが1番効果的となっています。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-386" src="https://shifa-blog.com/wp-content/uploads/2023/04/159.jpg" alt="" width="560" height="293" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/159.jpg 560w, https://shifa-blog.com/wp-content/uploads/2023/04/159-300x157.jpg 300w" sizes="(max-width: 560px) 100vw, 560px" /></p>
<p>&nbsp;</p>
<p>実際の導入方法に関しては、こちらのページで詳しく解説しているので合わせてチェックしてみてください！</p>
<p>＞＞<a href="https://shifa-blog.com/invisible-recaptcha-for-wordpress/">Invisible reCaptcha for WordPressの導入方法を確認する！</a></p>
<a href="https://shifa-blog.com/invisible-recaptcha-for-wordpress/" title="Invisible reCaptcha for WordPressの設定方法と使い方を徹底解説！" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img width="160" height="90" src="https://shifa-blog.com/wp-content/uploads/2023/04/0f580dc35e6a80588ed3b4136b80dd38-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" decoding="async" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/0f580dc35e6a80588ed3b4136b80dd38-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/04/0f580dc35e6a80588ed3b4136b80dd38-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/04/0f580dc35e6a80588ed3b4136b80dd38-1024x576.jpg 1024w, https://shifa-blog.com/wp-content/uploads/2023/04/0f580dc35e6a80588ed3b4136b80dd38-768x432.jpg 768w, https://shifa-blog.com/wp-content/uploads/2023/04/0f580dc35e6a80588ed3b4136b80dd38-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/04/0f580dc35e6a80588ed3b4136b80dd38-320x180.jpg 320w, https://shifa-blog.com/wp-content/uploads/2023/04/0f580dc35e6a80588ed3b4136b80dd38.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">Invisible reCaptcha for WordPressの設定方法と使い方を徹底解説！</div><div class="blogcard-snippet internal-blogcard-snippet">プラグイン「Invisible reCaptcha for WordPress」とは何なのかわからないあなたに！詳細な機能の説明や必要なのか・不要なのかの解説はもちろん、実際のインストール方法・設定方法・使い方についても初心者にわかりやすく解説します！</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-blog.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">shifa-blog.com</div></div></div></div></a>
<p>&nbsp;</p>
<h2><span id="toc8">まとめ</span></h2>
<p>今回はContact Form 7というプラグインを活用したWordPressでのお問い合わせフォームの作り方を解説しました！</p>
<p>ちなみに、お問い合わせフォームを作成するプラグイン以外にも、様々な機能を持ったおすすめプラグインが無数に存在しています。</p>
<p>そのような、おすすめプラグインの情報をまとめたページを作成しているので、詳細な情報が気になる人は以下のリンクからチェックしてみてください！</p>
<p>＞＞<a href="https://shifa-blog.com/wordpress-plugin-summary/">WordPressブログにおすすめなプラグインを確認する！</a></p>
<a href="https://shifa-blog.com/wordpress-plugin-summary/" title="WordPress初期設定時に絶対必要なプラグイン13選！より便利になるおすすめプラグインも4つ紹介！" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img width="160" height="90" src="https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" decoding="async" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-1024x576.jpg 1024w, https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-768x432.jpg 768w, https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09-320x180.jpg 320w, https://shifa-blog.com/wp-content/uploads/2023/05/4f5cd0ecbbf3db77515ebf73bca13e09.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">WordPress初期設定時に絶対必要なプラグイン13選！より便利になるおすすめプラグインも4つ紹介！</div><div class="blogcard-snippet internal-blogcard-snippet">WordPress（ワードプレス）をインストールした初期の状態では様々な機能が足りていません。なので、初期設定時に絶対必要な13個のプラグインを紹介するのはもちろん、必須ではないけどあると便利なおすすめプラグインを4個紹介していきます！</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-blog.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">shifa-blog.com</div></div></div></div></a>
<p>&nbsp;</p>
<p>また、このブログでは、これから副業でブログを始めたい人、稼ぎたい人に向けて情報発信をしています。</p>
<p>サイト内カテゴリやサイトマップを活用して、他の情報もチェックしてみてください！</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-61" src="https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">
<p>わからないことがある場合はコメントで具体的に質問してみてね！（全てがわかるわけではないのでその点は注意）</p>
</div>
</div>
  <div class="author-box border-element no-icon cf">
          <div class="author-widget-name">
        この記事を書いた人      </div>
        <figure class="author-thumb">
      <img alt='しふぁ' src='https://shifa-blog.com/wp-content/uploads/2023/04/アイコン画像-完成（背景あり）.jpg' class='avatar avatar-200 photo' height='200' width='200' />    </figure>
    <div class="author-content">
      <div class="author-name">
        <a rel="author" href="https://shifa-blog.com/author/shifa/" title="しふぁ の投稿">しふぁ</a>      </div>
      <div class="author-description">
        <p>高卒→工場勤務→夜勤＆月残業70時間以上の激務で身長173㎝なのに体重50㎏を切り、体調にも影響が出る→仕事4年目に「ブログで稼げる」という情報を知る→22歳で仕事を退職してブログに専念→約11か月で月10万円達成→今では月収7桁を越え、8年以上もブログだけで飯食ってます。1993年生まれ。別ジャンルでYouTubeでも活躍してます。どうぞよろしく。</p>

      </div>
            <div class="profile-follows author-follows">
        <!-- SNSページ -->
<div class="sns-follow bc-brand-color fbc-hide sf-profile">

    <div class="sns-follow-message">しふぁをフォローする</div>
    <div class="sns-follow-buttons sns-buttons">

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    
      <a rel="nofollow noopener" href="//feedly.com/i/discover/sources/search/feed/https%3A%2F%2Fshifa-blog.com" class="sns-button follow-button feedly-button feedly-follow-button-sq" target="_blank" title="feedlyで更新情報を購読"><span class="icon-feedly-logo"></span><span class="follow-count feedly-follow-count"></span></a>
  
      <a rel="nofollow" href="https://shifa-blog.com/feed/" class="sns-button follow-button rss-button rss-follow-button-sq" target="_blank" title="RSSで更新情報をフォロー"><span class="icon-rss-logo"></span></a>
  
  </div><!-- /.sns-follow-buttons -->

</div><!-- /.sns-follow -->
      </div>
      
    </div>
  </div>

<p><a href="https://shifa-blog.com/wordpress-inquiry-form/">WordPressでのお問い合わせフォームの作り方！おすすめプラグインも紹介！</a>はブログ、<a href="https://shifa-blog.com">しふぁの副業ブログ飯</a>に掲載された記事です。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://shifa-blog.com/wordpress-inquiry-form/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2476</post-id>	</item>
		<item>
		<title>WordPressのサイト名(タイトル)の変更方法！画像で表示させる方法も解説【Cocoon向け】</title>
		<link>https://shifa-blog.com/wordpress-site-title/</link>
					<comments>https://shifa-blog.com/wordpress-site-title/#respond</comments>
		
		<dc:creator><![CDATA[しふぁ]]></dc:creator>
		<pubDate>Thu, 06 Jul 2023 14:45:26 +0000</pubDate>
				<category><![CDATA[WordPressカスタマイズ]]></category>
		<category><![CDATA[ブログの作り方]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[サイト名]]></category>
		<category><![CDATA[タイトル]]></category>
		<category><![CDATA[変更]]></category>
		<guid isPermaLink="false">https://shifa-blog.com/?p=2388</guid>

					<description><![CDATA[ブログで飯食って8年以上！ どうも、しふぁです。 このページでは、 ・WordPressのサイト名(タイトル)の変更方法 ・サイト名(タイトル)を画像で表示させる方法 このような内容について解説しているので参考にしてみて [&#8230;]<p><a href="https://shifa-blog.com/wordpress-site-title/">WordPressのサイト名(タイトル)の変更方法！画像で表示させる方法も解説【Cocoon向け】</a>はブログ、<a href="https://shifa-blog.com">しふぁの副業ブログ飯</a>に掲載された記事です。</p>
]]></description>
										<content:encoded><![CDATA[<p>ブログで飯食って8年以上！</p>
<p>どうも、しふぁです。</p>
<p>このページでは、</p>
<div class="blank-box bb-green"><strong>・WordPressのサイト名(タイトル)の変更方法<br />
・サイト名(タイトル)を画像で表示させる方法<br />
</strong></div>
<p>このような内容について解説しているので参考にしてみてください。</p>
<p>ちなみに、テーマに「Cocoon」を使っている人向けに、Cocoonでのブログデザインのカスタマイズ方法を10個解説したページも作成しています。</p>
<p>こちらから実際のページを確認できるので、サイト名の変更が行えた後に他のカスタマイズもやってみたいと思ったらチェックしてみてください！</p>
<p>＞＞<a href="https://shifa-blog.com/cocoon-design-customization/">Cocoonを使ってブログデザインをカスタマイズする10個の方法を確認する！</a></p>
<p><span id="more-2388"></span></p>

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-8" checked><label class="toc-title" for="toc-checkbox-8">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">WordPressのサイト名(タイトル)の変更方法</a></li><li><a href="#toc2" tabindex="0">サイトタイトルを画像で表示させる方法（ヘッダーロゴ）</a></li><li><a href="#toc3" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">WordPressのサイト名(タイトル)の変更方法</span></h2>
<p>まずは、WordPressのサイト名(タイトル)の変更方法を解説していきます。</p>
<p>WordPressの管理画面にログインしたら、画面左にある<strong>「設定」から「一般」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2393" src="https://shifa-blog.com/wp-content/uploads/2023/07/16.jpg" alt="" width="450" height="290" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/16.jpg 450w, https://shifa-blog.com/wp-content/uploads/2023/07/16-300x193.jpg 300w" sizes="(max-width: 450px) 100vw, 450px" /></p>
<p>&nbsp;</p>
<p>次に表示された画面の1番上に<strong>「サイトのタイトル」</strong>という項目があり、現在設定しているサイト名が表示されているので、新しいサイト名に変更してみましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2394" src="https://shifa-blog.com/wp-content/uploads/2023/07/17.jpg" alt="" width="600" height="257" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/17.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/07/17-300x129.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">その下にある「キャッチフレーズ」の項目を変更すると、サイト名の近くに表示されるの説明文を変更可能なので、必要であればこちらも修正してみよう！</div>
</div>
<p>&nbsp;</p>
<p>実際に設定を変更できたら、画面下にある<strong>「変更を保存」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2395" src="https://shifa-blog.com/wp-content/uploads/2023/07/18.jpg" alt="" width="312" height="176" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/18.jpg 312w, https://shifa-blog.com/wp-content/uploads/2023/07/18-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/07/18-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/07/18-160x90.jpg 160w" sizes="(max-width: 312px) 100vw, 312px" /></p>
<p>&nbsp;</p>
<p>すると、「設定を保存しました。」と表示され、画面左上にあるサイト名も変更されます。</p>
<p>後は画面左上のサイト名をクリックし、実際のサイトの方でもタイトルが変更されているのか確認しましょう！<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2396" src="https://shifa-blog.com/wp-content/uploads/2023/07/19.jpg" alt="" width="409" height="231" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/19.jpg 409w, https://shifa-blog.com/wp-content/uploads/2023/07/19-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/07/19-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/07/19-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/07/19-320x180.jpg 320w" sizes="(max-width: 409px) 100vw, 409px" /></p>
<p>&nbsp;</p>

<h2><span id="toc2">サイトタイトルを画像で表示させる方法（ヘッダーロゴ）</span></h2>
<p>先ほどのサイトタイトルの変更方法は、あくまで文字だけを変更する方法でした。</p>
<p>シンプルなデザインのサイト名が好きなのであれば問題無いですが、<strong>凝ったデザインにしたいのであれば画像を使用してサイトタイトルを表示させるのがおすすめです！</strong></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">ヘッダーロゴを使用するとも言います！</div>
</div>
<p>ただ、実際にサイトタイトルを画像で表示させる場合、使用しているテーマによって設定方法が異なっています。</p>
<p>今回は初心者ブロガーがよく使用している<strong>「Cocoon」</strong>での設定方法を解説するので、実際にCocoonを使用している人は参考にしてください。</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-139" src="https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">他のテーマを使用している場合は、そのテーマでの設定方法を解説している他のブログ記事を確認して対処してください。</div>
</div>
<p>&nbsp;</p>
<p>それではやり方を解説しますが、WordPress管理画面の左側にある<strong>「Cocoon設定」から「Cocoon設定」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2397" src="https://shifa-blog.com/wp-content/uploads/2023/07/20.jpg" alt="" width="552" height="343" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/20.jpg 552w, https://shifa-blog.com/wp-content/uploads/2023/07/20-300x186.jpg 300w" sizes="(max-width: 552px) 100vw, 552px" /></p>
<p>&nbsp;</p>
<p>次に<strong>「ヘッダー」</strong>タブをクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1539" src="https://shifa-blog.com/wp-content/uploads/2023/05/216.jpg" alt="" width="600" height="143" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/216.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/216-300x72.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にヘッダーロゴという項目があるので<strong>「選択」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1542" src="https://shifa-blog.com/wp-content/uploads/2023/05/219.jpg" alt="" width="600" height="83" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/219.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/219-300x42.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に画像を選択できる画面が表示されるので、<strong>サイトタイトルの代わりに表示させたい画像をアップロード</strong>してください。</p>
<p>そして、<strong>クリックして選択した後に「画像の選択」をクリック</strong>しましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2398" src="https://shifa-blog.com/wp-content/uploads/2023/07/21.jpg" alt="" width="600" height="436" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/21.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/07/21-300x218.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">画像サイズは<strong>幅800px・高さ200px（多少前後してもOK）</strong>で、<strong>背景を透過したpng形式</strong>の画像がおすすめです！</div>
</div>
<p>ちなみに、画像の背景を透過させる方法がわからない人もいると思いますが、<strong>GIMP</strong>という画像編集ソフトを使用した背景透過方法を自分が運営している別ブログで解説しています。</p>
<p>以下のリンクから詳細な情報が確認できるページに飛べるので、気になる人はチェックしてみてください！</p>
<p>＞＞<a rel="noopener" href="https://shifa-channel.com/gimp-gazou-kirinuki/" target="_blank">GIMPで画像の背景を透過させる方法を確認する！</a></p>
<a rel="noopener" href="https://shifa-channel.com/gimp-gazou-kirinuki/" title="GIMPで画像を切り抜き、背景を透明化(透過)して保存する3つの方法！" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://shifa-blog.com/wp-content/uploads/cocoon-resources/blog-card-cache/6ef637359537bb5c14fecd333df1bd6f.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">GIMPで画像を切り抜き、背景を透明化(透過)して保存する3つの方法！</div><div class="blogcard-snippet external-blogcard-snippet">GIMPを使用して画像を切り抜き、背景を透明化して保存したいけどやり方がわからないと悩んでいませんか？今回はそんな人のために3つのやり方を解説していくので、背景を透過させたい画像によって編集方法をチェックしてみて下さい！</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-channel.com/gimp-gazou-kirinuki/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">shifa-channel.com</div></div></div></div></a>
<p>&nbsp;</p>
<p>実際にアップロードした画像を選択すると、以下のように画像が表示されるので、<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1546" src="https://shifa-blog.com/wp-content/uploads/2023/05/221.jpg" alt="" width="600" height="137" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/221.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/221-300x69.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>画面下にある<strong>「変更をまとめて保存」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1502" src="https://shifa-blog.com/wp-content/uploads/2023/05/186.jpg" alt="" width="350" height="186" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/186.jpg 350w, https://shifa-blog.com/wp-content/uploads/2023/05/186-300x159.jpg 300w" sizes="(max-width: 350px) 100vw, 350px" /></p>
<p>&nbsp;</p>
<p>実際にサイトを確認すると、選択した画像がヘッダーロゴとして表示されます！<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2389" src="https://shifa-blog.com/wp-content/uploads/2023/05/14-3.jpg" alt="" width="600" height="307" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/14-3.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/14-3-300x154.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>ちなみに、サイトタイトルの背景も編集したいのであれば、<strong>ヘッダー背景画像</strong>という設定項目があります。</p>
<p>実際に<strong>「選択」</strong>をクリックすると、<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1548" src="https://shifa-blog.com/wp-content/uploads/2023/05/222.jpg" alt="" width="600" height="144" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/222.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/222-300x72.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>画像を選択できる画面が表示されるので、<strong>背景画像として</strong><strong>表示させたい画像をアップロード</strong>してください。</p>
<p>そして、<strong>クリックして選択した後に「画像の選択」をクリック</strong>しましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2400" src="https://shifa-blog.com/wp-content/uploads/2023/05/22-3.jpg" alt="" width="600" height="437" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/22-3.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/22-3-300x219.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">背景画像は<strong>幅1600px・高さ300px（多少前後してもOK）</strong>で、<strong>jpg形式の画像</strong>を使用するのがおすすめです！</div>
</div>
<p>ちなみに、フリー画像サイトを32個まとめたページを、自分が運営している別のブログで解説しています。</p>
<p>背景用の画像が欲しいと思うのであれば、以下のリンクからチェックしてみてください！</p>
<p>＞＞<a rel="noopener" href="https://shifa-channel.com/osyare-freegazou/" target="_blank">おしゃれなフリー画像がDLできるおすすめサイト32選を確認する！</a></p>
<a rel="noopener" href="https://shifa-channel.com/osyare-freegazou/" title="おしゃれなフリー画像がDLできるおすすめサイト32選！（写真/アイコン/イラスト）" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://shifa-blog.com/wp-content/uploads/cocoon-resources/blog-card-cache/85b831971456e8c675ee1ff52ee46f8f.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">おしゃれなフリー画像がDLできるおすすめサイト32選！（写真/アイコン/イラスト）</div><div class="blogcard-snippet external-blogcard-snippet">動画やブログを作成する時や、チラシや資料といったビジネスで使用する時に画像を使いたいけどどこからダウンロードできるかわからないと悩んでませんか？そんなあなたに無料で利用でき、おしゃれなフリー画像がDLできるサイトを32個紹介したいと思います！</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-channel.com/osyare-freegazou/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">shifa-channel.com</div></div></div></div></a>
<p>&nbsp;</p>
<p>ただ注意点として、フリー画像サイトからダウンロードした画像は、<span class="bold blue">サイズが幅1600px・高さ300pxになっていないことが多いです。</span></p>
<p>このサイズに調整するのであれば、画像編集ソフトを使用して調整する必要がありますが、<strong>JTrim</strong>という画像編集ソフトを使用してサイズ調整するのをおすすめしています。</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">このブログで使っている解説用の画像もJTrimで編集しているので、今後のブログ運営でも役に立ちますよ！</div>
</div>
<p>実際にJTrimをインストールする方法や基本的な使い方を解説したページを作成しているので、以下のリンクから詳細情報をチェックしてみてください。</p>
<p>＞＞<a href="https://shifa-blog.com/jtrim-install-usage/">JTrimのインストール方法と基本的な画像編集方法を確認する！</a></p>
<a href="https://shifa-blog.com/jtrim-install-usage/" title="JTrimとは？インストール方法と基本的な使い方を初心者向けに徹底解説！" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img width="160" height="90" src="https://shifa-blog.com/wp-content/uploads/2023/05/defc63b558327e29fc533dd0e9000c76-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" decoding="async" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/defc63b558327e29fc533dd0e9000c76-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/05/defc63b558327e29fc533dd0e9000c76-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/05/defc63b558327e29fc533dd0e9000c76-1024x576.jpg 1024w, https://shifa-blog.com/wp-content/uploads/2023/05/defc63b558327e29fc533dd0e9000c76-768x432.jpg 768w, https://shifa-blog.com/wp-content/uploads/2023/05/defc63b558327e29fc533dd0e9000c76-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/05/defc63b558327e29fc533dd0e9000c76-320x180.jpg 320w, https://shifa-blog.com/wp-content/uploads/2023/05/defc63b558327e29fc533dd0e9000c76.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">JTrimとは？インストール方法と基本的な使い方を初心者向けに徹底解説！</div><div class="blogcard-snippet internal-blogcard-snippet">JTrimは無料で利用できる画像編集ソフトとなっておりブログ記事内に挿入する画像を編集する場合に非常に便利です。このページではインストール方法と基本的な使い方を初心者向けに徹底解説しているので要チェック！</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-blog.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">shifa-blog.com</div></div></div></div></a>
<p>&nbsp;</p>
<p>実際に画像を選択すると、以下のように選択した画像が表示されるので、<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1551" src="https://shifa-blog.com/wp-content/uploads/2023/05/223-1.jpg" alt="" width="600" height="200" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/223-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/223-1-300x100.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>画面下にある<strong>「変更をまとめて保存」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1502" src="https://shifa-blog.com/wp-content/uploads/2023/05/186.jpg" alt="" width="350" height="186" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/186.jpg 350w, https://shifa-blog.com/wp-content/uploads/2023/05/186-300x159.jpg 300w" sizes="(max-width: 350px) 100vw, 350px" /></p>
<p>&nbsp;</p>
<p>実際にサイトを確認すると、選択した画像がヘッダー背景画像として表示されます！<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2390" src="https://shifa-blog.com/wp-content/uploads/2023/05/15-2.jpg" alt="" width="600" height="393" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/15-2.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/15-2-300x197.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>設定方法の解説は以上になりますが、クオリティの高いヘッダーロゴにしたいのであれば、そのようなロゴを描いているクリエイターに依頼するのがおすすめです。</p>
<p>そのようなクリエイター（絵師）を探す方法や実際の依頼方法を解説したページを作成しているので、気になる人は以下のリンクからチェックしてみてください！</p>
<p>＞＞<a href="https://shifa-blog.com/logo-icon-create-request/">クリエイターにサイトロゴの作成依頼をする方法を確認する！</a></p>
<a href="https://shifa-blog.com/logo-icon-create-request/" title="高クオリティのサイトロゴやアイコン画像の作成を有償依頼する方法を徹底解説！" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img width="160" height="90" src="https://shifa-blog.com/wp-content/uploads/2023/05/bd0c95d6fbf9737db14a938782ce842c-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" decoding="async" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/bd0c95d6fbf9737db14a938782ce842c-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/05/bd0c95d6fbf9737db14a938782ce842c-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/05/bd0c95d6fbf9737db14a938782ce842c-1024x576.jpg 1024w, https://shifa-blog.com/wp-content/uploads/2023/05/bd0c95d6fbf9737db14a938782ce842c-768x432.jpg 768w, https://shifa-blog.com/wp-content/uploads/2023/05/bd0c95d6fbf9737db14a938782ce842c-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/05/bd0c95d6fbf9737db14a938782ce842c-320x180.jpg 320w, https://shifa-blog.com/wp-content/uploads/2023/05/bd0c95d6fbf9737db14a938782ce842c.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">高クオリティのサイトロゴやアイコン画像の作成を有償依頼する方法を徹底解説！</div><div class="blogcard-snippet internal-blogcard-snippet">WordPressブログ用にサイトロゴやアイコン画像は必要？実際に作成するにはどうしたらいいの？と悩むあなたに！サイトロゴやアイコン画像の必要性やクオリティの高いサイトロゴやアイコン画像の作成を有償依頼する方法を徹底解説しています！</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-blog.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">shifa-blog.com</div></div></div></div></a>
<p>&nbsp;</p>
<h2><span id="toc3">まとめ</span></h2>
<p>今回は、</p>
<div class="blank-box bb-green"><strong>・WordPressのサイト名(タイトル)の変更方法<br />
・サイト名(タイトル)を画像で表示させる方法<br />
</strong></div>
<p>このような内容について解説しました！</p>
<p>ちなみに、テーマに「Cocoon」を使っている人向けに、Cocoonでのブログデザインのカスタマイズ方法を10個解説したページも作成しています。</p>
<p>こちらから実際のページを確認できるので、興味がある場合はチェックしてみてください！</p>
<p>＞＞<a href="https://shifa-blog.com/cocoon-design-customization/">Cocoonを使ってブログデザインをカスタマイズする10個の方法を確認する！</a></p>
<a href="https://shifa-blog.com/cocoon-design-customization/" title="Cocoonを使ってブログデザインをカスタマイズする方法10選" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img width="160" height="90" src="https://shifa-blog.com/wp-content/uploads/2023/05/a7f65b705ea5df21cbf4c572cdf380cf-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" decoding="async" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/a7f65b705ea5df21cbf4c572cdf380cf-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/05/a7f65b705ea5df21cbf4c572cdf380cf-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/05/a7f65b705ea5df21cbf4c572cdf380cf-1024x576.jpg 1024w, https://shifa-blog.com/wp-content/uploads/2023/05/a7f65b705ea5df21cbf4c572cdf380cf-768x432.jpg 768w, https://shifa-blog.com/wp-content/uploads/2023/05/a7f65b705ea5df21cbf4c572cdf380cf-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/05/a7f65b705ea5df21cbf4c572cdf380cf-320x180.jpg 320w, https://shifa-blog.com/wp-content/uploads/2023/05/a7f65b705ea5df21cbf4c572cdf380cf.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">Cocoonを使ってブログデザインをカスタマイズする方法10選</div><div class="blogcard-snippet internal-blogcard-snippet">WordPressブログでテーマにCocoonを使用している場合、ブログデザインをカスタマイズできる設定がたくさん存在しています。今回はその中でも10個のデザインカスタマイズ方法を解説するので、よりクオリティの高いブログに仕上げてみましょう！</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-blog.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">shifa-blog.com</div></div></div></div></a>
<p>&nbsp;</p>
<p>また、このブログでは、これから副業でブログを始めたい人、稼ぎたい人に向けて情報発信をしています。</p>
<p>サイト内カテゴリやサイトマップを活用して、他の情報もチェックしてみてください！</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-61" src="https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">
<p>わからないことがある場合はコメントで具体的に質問してみてね！（全てがわかるわけではないのでその点は注意）</p>
</div>
</div>
  <div class="author-box border-element no-icon cf">
          <div class="author-widget-name">
        この記事を書いた人      </div>
        <figure class="author-thumb">
      <img alt='しふぁ' src='https://shifa-blog.com/wp-content/uploads/2023/04/アイコン画像-完成（背景あり）.jpg' class='avatar avatar-200 photo' height='200' width='200' />    </figure>
    <div class="author-content">
      <div class="author-name">
        <a rel="author" href="https://shifa-blog.com/author/shifa/" title="しふぁ の投稿">しふぁ</a>      </div>
      <div class="author-description">
        <p>高卒→工場勤務→夜勤＆月残業70時間以上の激務で身長173㎝なのに体重50㎏を切り、体調にも影響が出る→仕事4年目に「ブログで稼げる」という情報を知る→22歳で仕事を退職してブログに専念→約11か月で月10万円達成→今では月収7桁を越え、8年以上もブログだけで飯食ってます。1993年生まれ。別ジャンルでYouTubeでも活躍してます。どうぞよろしく。</p>

      </div>
            <div class="profile-follows author-follows">
        <!-- SNSページ -->
<div class="sns-follow bc-brand-color fbc-hide sf-profile">

    <div class="sns-follow-message">しふぁをフォローする</div>
    <div class="sns-follow-buttons sns-buttons">

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    
      <a rel="nofollow noopener" href="//feedly.com/i/discover/sources/search/feed/https%3A%2F%2Fshifa-blog.com" class="sns-button follow-button feedly-button feedly-follow-button-sq" target="_blank" title="feedlyで更新情報を購読"><span class="icon-feedly-logo"></span><span class="follow-count feedly-follow-count"></span></a>
  
      <a rel="nofollow" href="https://shifa-blog.com/feed/" class="sns-button follow-button rss-button rss-follow-button-sq" target="_blank" title="RSSで更新情報をフォロー"><span class="icon-rss-logo"></span></a>
  
  </div><!-- /.sns-follow-buttons -->

</div><!-- /.sns-follow -->
      </div>
      
    </div>
  </div>

<p><a href="https://shifa-blog.com/wordpress-site-title/">WordPressのサイト名(タイトル)の変更方法！画像で表示させる方法も解説【Cocoon向け】</a>はブログ、<a href="https://shifa-blog.com">しふぁの副業ブログ飯</a>に掲載された記事です。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://shifa-blog.com/wordpress-site-title/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2388</post-id>	</item>
		<item>
		<title>Rinkerとは？インストール方法や設定のやり方、使い方を徹底解説！</title>
		<link>https://shifa-blog.com/rinker-setting/</link>
					<comments>https://shifa-blog.com/rinker-setting/#respond</comments>
		
		<dc:creator><![CDATA[しふぁ]]></dc:creator>
		<pubDate>Thu, 08 Jun 2023 09:44:57 +0000</pubDate>
				<category><![CDATA[WordPressカスタマイズ]]></category>
		<category><![CDATA[ブログの作り方]]></category>
		<category><![CDATA[Rinker]]></category>
		<category><![CDATA[使い方]]></category>
		<category><![CDATA[設定]]></category>
		<guid isPermaLink="false">https://shifa-blog.com/?p=920</guid>

					<description><![CDATA[ブログで飯食って8年以上！ どうも、しふぁです。 このページでは、 ・Rinkerとは何なのか ・Rinkerのインストールや設定方法、使い方 このような内容について解説しているので参考にしてみてください。 ちなみに、こ [&#8230;]<p><a href="https://shifa-blog.com/rinker-setting/">Rinkerとは？インストール方法や設定のやり方、使い方を徹底解説！</a>はブログ、<a href="https://shifa-blog.com">しふぁの副業ブログ飯</a>に掲載された記事です。</p>
]]></description>
										<content:encoded><![CDATA[<p>ブログで飯食って8年以上！</p>
<p>どうも、しふぁです。</p>
<p>このページでは、</p>
<div class="blank-box bb-green"><strong>・Rinkerとは何なのか</strong><br />
<strong>・Rinkerのインストールや設定方法、使い方</strong></div>
<p>このような内容について解説しているので参考にしてみてください。</p>
<p>ちなみに、これ以外にもおすすめなプラグインは複数ありますので、詳細な情報が気になる人はこちらのページからおすすめなプラグインの情報をチェックしてみてください！</p>
<p>＞＞<a href="https://shifa-blog.com/wordpress-plugin-summary/">WordPressブログにおすすめなプラグインを確認する！</a></p>
<p><span id="more-920"></span></p>

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-10" checked><label class="toc-title" for="toc-checkbox-10">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">Rinkerとは？</a></li><li><a href="#toc2" tabindex="0">Rinker導入前の注意点</a></li><li><a href="#toc3" tabindex="0">Rinkerのインストール方法</a></li><li><a href="#toc4" tabindex="0">Rinkerの設定方法</a><ol><li><a href="#toc5" tabindex="0">楽天の設定方法</a></li><li><a href="#toc6" tabindex="0">Yahoo!ショッピングの設定方法</a></li><li><a href="#toc7" tabindex="0">もしもアフィリエイト経由のAmazon設定方法</a></li><li><a href="#toc8" tabindex="0">各項目の設定ができたら保存も忘れずに！</a></li></ol></li><li><a href="#toc9" tabindex="0">Rinkerの使い方（商品リンク作成方法）</a></li><li><a href="#toc10" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">Rinkerとは？</span></h2>
<p>Rinkerとは何なのか簡単に解説すると、<b>楽天やAmazonなどで販売されている商品のアフィリエイトリンクを簡単に作成でき、オシャレなデザインで挿入できるプラグイン</b>となっています。</p>
<p>実際にRinkerを使って入れたアフィリエイトリンクは以下のようになっていますが、</p>
<div id="rinkerid1737" class="yyi-rinker-contents  yyi-rinker-postid-1737 yyi-rinker-img-m yyi-rinker-catid-33 yyi-rinker-catid-5 ">
	<div class="yyi-rinker-box">
		<div class="yyi-rinker-image">
							<a rel="nofollow" href="https://hb.afl.rakuten.co.jp/hgc/g00rzfo7.x111333e.g00rzfo7.x1114324/Rinker_i_20230531202017?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fystbek%2Fcola-500ml-pet-ccw2%2F&#038;m=http%3A%2F%2Fm.rakuten.co.jp%2Fystbek%2Fi%2F10128333%2F" class="yyi-rinker-tracking"  data-click-tracking="rakuten_img 1737 コカ・コーラ社製品 500ml ペットボトル よりどり 2ケース×24本入 アクエリアス 綾鷹 ファンタ いろはす 爽健美茶 ドクターペッパー スプライト カナダドライ リアルゴールド 炭酸水" data-vars-click-id="rakuten_img 1737 コカ・コーラ社製品 500ml ペットボトル よりどり 2ケース×24本入 アクエリアス 綾鷹 ファンタ いろはす 爽健美茶 ドクターペッパー スプライト カナダドライ リアルゴールド 炭酸水"><img src="https://thumbnail.image.rakuten.co.jp/@0_mall/ystbek/cabinet/cocacola/cola-500ml-pet-ccw2.jpg?_ex=128x128"  width="128" height="128" class="yyi-rinker-main-img" style="border: none;" loading="lazy"></a>					</div>
		<div class="yyi-rinker-info">
			<div class="yyi-rinker-title">
									<a rel="nofollow" href="https://hb.afl.rakuten.co.jp/hgc/g00rzfo7.x111333e.g00rzfo7.x1114324/Rinker_t_20230531202017?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fystbek%2Fcola-500ml-pet-ccw2%2F&#038;m=http%3A%2F%2Fm.rakuten.co.jp%2Fystbek%2Fi%2F10128333%2F" class="yyi-rinker-tracking" data-click-tracking="rakuten_title 1737 コカ・コーラ社製品 500ml ペットボトル よりどり 2ケース×24本入 アクエリアス 綾鷹 ファンタ いろはす 爽健美茶 ドクターペッパー スプライト カナダドライ リアルゴールド 炭酸水" data-vars-amp-click-id="rakuten_title 1737 コカ・コーラ社製品 500ml ペットボトル よりどり 2ケース×24本入 アクエリアス 綾鷹 ファンタ いろはす 爽健美茶 ドクターペッパー スプライト カナダドライ リアルゴールド 炭酸水" >コカ・コーラ社製品 500ml ペットボトル よりどり 2ケース×24本入 アクエリアス 綾鷹 ファンタ いろはす 爽健美茶 ドクターペッパー スプライト カナダドライ リアルゴールド 炭酸水</a>							</div>
			<div class="yyi-rinker-detail">
							<div class="credit-box">created by&nbsp;<a rel="nofollow noopener" href="https://oyakosodate.com/rinker/" target="_blank" >Rinker</a></div>
										<div class="price-box">
							<span title="" class="price">¥4,512</span>
															<span class="price_at">(2023/08/13 14:18:57時点&nbsp;楽天市場調べ-</span><span title="このサイトで掲載されている情報は当サイトの作成者により運営されています。価格、販売可能情報は、変更される場合があります。購入時に楽天市場店舗（www.rakuten.co.jp）に表示されている価格がその商品の販売に適用されます。">詳細)</span>
																	</div>
						</div>
						<ul class="yyi-rinker-links">
																                    <li class="amazonlink">
						<a rel="nofollow" href="https://www.amazon.co.jp/gp/search?ie=UTF8&amp;keywords=%E3%82%B3%E3%83%BC%E3%83%A9&amp;tag=shifa-blog-22&amp;index=blended&amp;linkCode=ure&amp;creative=6339" class="yyi-rinker-link yyi-rinker-tracking"  data-click-tracking="amazon 1737 コカ・コーラ社製品 500ml ペットボトル よりどり 2ケース×24本入 アクエリアス 綾鷹 ファンタ いろはす 爽健美茶 ドクターペッパー スプライト カナダドライ リアルゴールド 炭酸水"  data-vars-amp-click-id="amazon 1737 コカ・コーラ社製品 500ml ペットボトル よりどり 2ケース×24本入 アクエリアス 綾鷹 ファンタ いろはす 爽健美茶 ドクターペッパー スプライト カナダドライ リアルゴールド 炭酸水">Amazon</a>					</li>
													<li class="rakutenlink">
						<a rel="nofollow" href="https://hb.afl.rakuten.co.jp/hgc/g00rzfo7.x111333e.g00rzfo7.x1114324/Rinker_t_20230531202017?pc=https%3A%2F%2Fitem.rakuten.co.jp%2Fystbek%2Fcola-500ml-pet-ccw2%2F&amp;m=http%3A%2F%2Fm.rakuten.co.jp%2Fystbek%2Fi%2F10128333%2F" class="yyi-rinker-link yyi-rinker-tracking"  data-click-tracking="rakuten 1737 コカ・コーラ社製品 500ml ペットボトル よりどり 2ケース×24本入 アクエリアス 綾鷹 ファンタ いろはす 爽健美茶 ドクターペッパー スプライト カナダドライ リアルゴールド 炭酸水"  data-vars-amp-click-id="rakuten 1737 コカ・コーラ社製品 500ml ペットボトル よりどり 2ケース×24本入 アクエリアス 綾鷹 ファンタ いろはす 爽健美茶 ドクターペッパー スプライト カナダドライ リアルゴールド 炭酸水">楽天市場</a>					</li>
													<li class="yahoolink">
						<a rel="nofollow" href="https://shopping.yahoo.co.jp/search?p=%E3%82%B3%E3%83%BC%E3%83%A9" class="yyi-rinker-link yyi-rinker-tracking"  data-click-tracking="yahoo 1737 コカ・コーラ社製品 500ml ペットボトル よりどり 2ケース×24本入 アクエリアス 綾鷹 ファンタ いろはす 爽健美茶 ドクターペッパー スプライト カナダドライ リアルゴールド 炭酸水"  data-vars-amp-click-id="yahoo 1737 コカ・コーラ社製品 500ml ペットボトル よりどり 2ケース×24本入 アクエリアス 綾鷹 ファンタ いろはす 爽健美茶 ドクターペッパー スプライト カナダドライ リアルゴールド 炭酸水">Yahooショッピング</a>					</li>
															</ul>
					</div>
	</div>
</div>

<p>商品の写真や料金、各販売サイトへのボタンリンクがコンパクトに収まっており、見た目も良いので物販系のアフィリエイトを行うのであれば導入しておきたいプラグインとなっています。</p>
<p>今回はそんなRinkerを導入する方法を解説するので参考にしてみてください！</p>
<p>&nbsp;</p>
<h2><span id="toc2">Rinker導入前の注意点</span></h2>
<p>Rinkerでは楽天市場やAmazon、Yahoo!ショッピングで販売されている商品を表示できますが、そのためには<strong>事前に各アフィリエイトサービスに登録して、その情報をRinkerで設定</strong>する必要があります。</p>
<div class="su-note"  style="border-color:#e5e1bb;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;"><div class="su-note-inner su-u-clearfix su-u-trim" style="background-color:#fffbd5;border-color:#ffffff;color:#333333;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;">
<strong>【楽天市場の商品を表示させたいなら】</strong><br />
→楽天アフィリエイトに登録する</p>
<p><strong>【Amazonの商品を表示させたいなら】</strong><br />
→Amazonアソシエイトに直接登録する<br />
→もしもアフィリエイト経由でAmazonアソシエイトと提携する</p>
<p><strong>【Yahoo!ショッピングの商品を表示させたいなら】</strong><br />
→バリューコマースに登録してYahoo!ショッピングと提携する<br />
</div></div>
<p>これらのことが必要となるので、事前にこれらのアフィリエイトサービスに登録したり、プロモーションとの提携を完了させておきましょう。</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">Amazonに関しては、もしもアフィリエイト経由でAmazonアソシエイトと提携する方法が審査が優しいのでおすすめです！</div>
</div>
<p>&nbsp;</p>
<p>実際の登録方法や提携方法は、こちらのページで詳しく解説しているので参考にしてみてください。</p>
<p>＞＞<a href="https://shifa-blog.com/rakuten-affiliate/">楽天アフィリエイトの登録方法を確認する！</a></p>
<p>＞＞<a href="https://shifa-blog.com/amazon-associate/">Amazonアソシエイト（もしもアフィリエイト経由）の登録方法を確認する！</a></p>
<p>＞＞<a href="https://shifa-blog.com/valuecommerce-register/">バリューコマース（Yahoo!ショッピング）の登録方法を確認する！</a></p>
<p>&nbsp;</p>

<h2><span id="toc3">Rinkerのインストール方法</span></h2>
<p>事前に各アフィリエイトサービスに登録したり、プロモーションとの提携を完了させることができたら、WordPressにRinkerをインストールしていきましょう。</p>
<p>RinkerはBOOTHというサイトで無料配布されているので、<a rel="noopener" href="https://rinker.booth.pm/items/891465" target="_blank">こちらのリンク</a>から配布画面を開き、<strong>「無料ダウンロード」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1819" src="https://shifa-blog.com/wp-content/uploads/2023/06/599.jpg" alt="" width="600" height="393" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/599.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/599-300x197.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">RinkerはWordPressのプラグイン検索では見つからないので、必ずBOOTHからダウンロードするように！</div>
</div>
<p>&nbsp;</p>
<p>すると、pixiv IDでログインする画面が表示されます。</p>
<p><strong>すでにpixiv IDを持っている場合は「pixiv IDでログイン」をクリックし、画面の指示に従ってログイン</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1821" src="https://shifa-blog.com/wp-content/uploads/2023/06/600.jpg" alt="" width="500" height="421" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/600.jpg 500w, https://shifa-blog.com/wp-content/uploads/2023/06/600-300x253.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>&nbsp;</p>
<div class="su-note"  style="border-color:#dfe4e5;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;"><div class="su-note-inner su-u-clearfix su-u-trim" style="background-color:#f9feff;border-color:#ffffff;color:#333333;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;">
pixiv IDを持っていないのであれば、<strong>「pixiv IDを作ってログイン」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1820" src="https://shifa-blog.com/wp-content/uploads/2023/06/601.jpg" alt="" width="500" height="421" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/601.jpg 500w, https://shifa-blog.com/wp-content/uploads/2023/06/601-300x253.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>&nbsp;</p>
<p>次にpixivアカウントの作成画面が表示されるので、<strong>メールアドレスとパスワードを入力して「次へ」をクリック</strong>します。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1822" src="https://shifa-blog.com/wp-content/uploads/2023/06/602.jpg" alt="" width="276" height="500" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/602.jpg 276w, https://shifa-blog.com/wp-content/uploads/2023/06/602-166x300.jpg 166w" sizes="(max-width: 276px) 100vw, 276px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">AppleやGoogle、Twitter、Facebookのアカウントを持っているのであれば、そちらでも登録が可能です！</div>
</div>
<p>&nbsp;</p>
<p>次に以下のような画面が表示されるので、<strong>必要な情報の入力と確認が行えたら「アカウントを作成」をクリック</strong>しましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1824" src="https://shifa-blog.com/wp-content/uploads/2023/06/603-1.jpg" alt="" width="278" height="500" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/603-1.jpg 278w, https://shifa-blog.com/wp-content/uploads/2023/06/603-1-167x300.jpg 167w" sizes="(max-width: 278px) 100vw, 278px" /><br />
</div></div>
<p>&nbsp;</p>
<p>すると、ログインした状態でRinkerの配布ページが再表示されるので、同じように<strong>「無料ダウンロード」</strong>をクリックしてRinkerが入った圧縮フォルダをダウンロードしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1819" src="https://shifa-blog.com/wp-content/uploads/2023/06/599.jpg" alt="" width="600" height="393" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/599.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/599-300x197.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にWordPressの管理画面を開いたら、画面左側にある<strong>「プラグイン」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-184" src="https://shifa-blog.com/wp-content/uploads/2023/04/2-1.jpg" alt="" width="600" height="415" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/2-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/2-1-300x208.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に<strong>「新規追加」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-185" src="https://shifa-blog.com/wp-content/uploads/2023/04/3.jpg" alt="" width="600" height="236" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/3.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/3-300x118.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に<strong>「プラグインのアップロード」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1825" src="https://shifa-blog.com/wp-content/uploads/2023/06/604.jpg" alt="" width="600" height="286" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/604.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/604-300x143.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にZIP形式のプラグインファイルをアップロードできる画面が表示されるので、<strong>「ファイルを選択」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1826" src="https://shifa-blog.com/wp-content/uploads/2023/06/605.jpg" alt="" width="600" height="179" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/605.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/605-300x90.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に先ほどダウンロードしたRinkerの圧縮フォルダを選択します。</p>
<p>Windows11の場合は<strong>「ホーム」から「ダウンロード」をクリック</strong>すると、<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1827" src="https://shifa-blog.com/wp-content/uploads/2023/06/606.jpg" alt="" width="600" height="414" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/606.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/606-300x207.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>ダウンロードしたRinkerの圧縮フォルダがあるので、こちらをクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1828" src="https://shifa-blog.com/wp-content/uploads/2023/06/607.jpg" alt="" width="600" height="414" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/607.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/607-300x207.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>実際に選択できたら<strong>「今すぐインストール」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1829" src="https://shifa-blog.com/wp-content/uploads/2023/06/608.jpg" alt="" width="600" height="160" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/608.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/608-300x80.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>実際にインストールが完了するとこのような画面が表示されるので、<strong>「プラグインを有効化」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1830" src="https://shifa-blog.com/wp-content/uploads/2023/06/609.jpg" alt="" width="600" height="378" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/609.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/609-300x189.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>「プラグインを有効化しました。」と表示されれば、Rinkerの導入は完了です！<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1831" src="https://shifa-blog.com/wp-content/uploads/2023/06/610.jpg" alt="" width="527" height="228" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/610.jpg 527w, https://shifa-blog.com/wp-content/uploads/2023/06/610-300x130.jpg 300w" sizes="(max-width: 527px) 100vw, 527px" /></p>
<p>&nbsp;</p>
<h2><span id="toc4">Rinkerの設定方法</span></h2>
<p>次にRinkerの設定を行っていきましょう。</p>
<p>管理画面の左側にある<strong>「設定」から「Rinker設定」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1832" src="https://shifa-blog.com/wp-content/uploads/2023/06/611.jpg" alt="" width="518" height="466" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/611.jpg 518w, https://shifa-blog.com/wp-content/uploads/2023/06/611-300x270.jpg 300w" sizes="(max-width: 518px) 100vw, 518px" /></p>
<p>&nbsp;</p>
<p>次に設定画面が表示されますが、「商品情報の再取得」の項目にある<strong>「再取得をする」にチェックを入れてください。</strong><br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1833" src="https://shifa-blog.com/wp-content/uploads/2023/06/612.jpg" alt="" width="600" height="323" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/612.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/612-300x162.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">これで商品の情報や価格が変更になっても勝手に変更されるので、修正する手間が省けます！</div>
</div>
<p>&nbsp;</p>
<p>次に楽天やAmazon、Yahoo!ショッピングの情報を入力していきます。</p>
<p>状況によってはこの3つの内、2つしか利用しない場合もあるので、必要に応じて設定方法を確認してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1834" src="https://shifa-blog.com/wp-content/uploads/2023/06/613.jpg" alt="" width="600" height="341" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/613.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/613-300x171.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/06/613-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/06/613-160x90.jpg 160w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">Amazonに関しては、もしもアフィリエイト経由で提携した場合のやり方のみ解説します。Amazonアソシエイトに直接登録した場合のやり方は解説しません。</div>
</div>
<p>&nbsp;</p>
<h3><span id="toc5">楽天の設定方法</span></h3>
<p>まずは楽天の設定方法からですが、アフィリエイトIDから入力していきます。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1835" src="https://shifa-blog.com/wp-content/uploads/2023/06/614.jpg" alt="" width="600" height="341" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/614.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/614-300x171.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/06/614-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/06/614-160x90.jpg 160w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>アフィリエイトIDの確認方法ですが、<a rel="noopener" href="https://webservice.rakuten.co.jp/account_affiliate_id" target="_blank">こちらのリンク</a>をクリックしてログインしてもらえれば確認可能です。</p>
<p>実際に<strong>コピー</strong>することができたら、<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1836" src="https://shifa-blog.com/wp-content/uploads/2023/06/615.jpg" alt="" width="600" height="200" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/615.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/615-300x100.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p><strong>アフィリエイトIDの項目に貼り付け</strong>てください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1837" src="https://shifa-blog.com/wp-content/uploads/2023/06/616.jpg" alt="" width="600" height="345" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/616.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/616-300x173.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/06/616-120x68.jpg 120w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にアプリID/デベロッパーIDを入力していきます。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1838" src="https://shifa-blog.com/wp-content/uploads/2023/06/617.jpg" alt="" width="600" height="345" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/617.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/617-300x173.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/06/617-120x68.jpg 120w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-139" src="https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">これを入力しておかないと、商品検索時にエラーが多発するので必ず設定しておきましょう！</div>
</div>
<p>&nbsp;</p>
<p>まずは、こちらの<a rel="noopener" href="https://webservice.rakuten.co.jp/" target="_blank">Rakuten Developers</a>にアクセスしてください。</p>
<p>そして、最初は英語で表示されているので、画面右上の<strong>「日本語」</strong>をクリックして言語を変更しましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1839" src="https://shifa-blog.com/wp-content/uploads/2023/06/618.jpg" alt="" width="600" height="370" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/618.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/618-300x185.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に画面右上にある<strong>「アプリID発行」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1840" src="https://shifa-blog.com/wp-content/uploads/2023/06/619.jpg" alt="" width="600" height="338" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/619.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/619-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/06/619-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/06/619-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/06/619-320x180.jpg 320w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">ログイン画面が表示された場合はログインを行ってください。</div>
</div>
<p>&nbsp;</p>
<p>次に登録画面が表示されるので、まずは<strong>利用規約</strong>を確認しましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1841" src="https://shifa-blog.com/wp-content/uploads/2023/06/620.jpg" alt="" width="600" height="359" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/620.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/620-300x180.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に、</p>
<div class="blank-box bb-green"><strong>・アプリ名：Rinkerをインストールしたサイト名</strong><br />
<strong>・アプリURL：RinkerをインストールしたサイトのURL</strong><br />
<strong>・認証：表示されている文字を入力</strong></div>
<p>これら3つの情報を入力したら、<strong>「規約に同意して新規アプリを作成」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1842" src="https://shifa-blog.com/wp-content/uploads/2023/06/621.jpg" alt="" width="600" height="479" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/621.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/621-300x240.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>すると、アプリID/デベロッパーIDが作成されるのでこちらを<strong>コピー</strong>し、<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1843" src="https://shifa-blog.com/wp-content/uploads/2023/06/622.jpg" alt="" width="600" height="222" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/622.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/622-300x111.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p><strong>アプリID/デベロッパーIDの項目に貼り付け</strong>てください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1844" src="https://shifa-blog.com/wp-content/uploads/2023/06/623.jpg" alt="" width="600" height="350" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/623.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/623-300x175.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にリンク先の項目ですが、<strong>「リンク先を商品の詳細画面にする」にチェックを入れましょう。</strong><br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1845" src="https://shifa-blog.com/wp-content/uploads/2023/06/624.jpg" alt="" width="600" height="134" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/624.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/624-300x67.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-56" src="https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">これで楽天の設定はOKです！</div>
</div>
<p>&nbsp;</p>
<h3><span id="toc6">Yahoo!ショッピングの設定方法</span></h3>
<p>次にYahoo!ショッピングの設定方法ですが、バリューコマースのLinkSwitchという機能を利用して設定していきます。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1846" src="https://shifa-blog.com/wp-content/uploads/2023/06/625.jpg" alt="" width="599" height="265" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/625.jpg 599w, https://shifa-blog.com/wp-content/uploads/2023/06/625-300x133.jpg 300w" sizes="(max-width: 599px) 100vw, 599px" /></p>
<p>&nbsp;</p>
<p>まずは、バリューコマースの管理画面にログインしたら、<strong>選択されているサイトがRinkerをインストールしたサイトになっているのか確認</strong>してください。</p>
<p>違っていたら「サイト選択」から変更しましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1847" src="https://shifa-blog.com/wp-content/uploads/2023/06/626.jpg" alt="" width="600" height="315" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/626.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/626-300x158.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に<strong>「ツール」→「LinkSwitch」→「LinkSwitch設定」とクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1848" src="https://shifa-blog.com/wp-content/uploads/2023/06/627.jpg" alt="" width="600" height="300" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/627.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/627-300x150.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にこのような画面が表示されるので、各情報を確認できたら<strong>「LinkSwitchを利用開始する」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1849" src="https://shifa-blog.com/wp-content/uploads/2023/06/628.jpg" alt="" width="600" height="351" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/628.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/628-300x176.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>すると、LinkSwitch用のコードが表示されるので、このコードを<strong>コピー</strong>し、<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1850" src="https://shifa-blog.com/wp-content/uploads/2023/06/629.jpg" alt="" width="600" height="278" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/629.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/629-300x139.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p><strong>LinkSwitchの項目に貼り付け</strong>ましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1851" src="https://shifa-blog.com/wp-content/uploads/2023/06/630.jpg" alt="" width="600" height="273" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/630.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/630-300x137.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-56" src="https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">これでYahoo!ショッピングの設定はOKです！</div>
</div>
<p>&nbsp;</p>
<h3><span id="toc7">もしもアフィリエイト経由のAmazon設定方法</span></h3>
<p>次にもしもアフィリエイト経由のAmazon設定方法を解説しますが、もしもIDを取得してAmazonIDの項目に入力していきます。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1852" src="https://shifa-blog.com/wp-content/uploads/2023/06/632.jpg" alt="" width="600" height="324" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/632.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/632-300x162.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>まずは、もしもアフィリエイトの管理画面にログインしたら、<strong>選択されているサイトがRinkerをインストールしたサイトになっているのか確認</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1853" src="https://shifa-blog.com/wp-content/uploads/2023/06/631.jpg" alt="" width="581" height="260" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/631.jpg 581w, https://shifa-blog.com/wp-content/uploads/2023/06/631-300x134.jpg 300w" sizes="(max-width: 581px) 100vw, 581px" /></p>
<p>&nbsp;</p>
<p>確認できたら<strong>「プロモーション検索」から「提携中」をクリック</strong>しましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1771" src="https://shifa-blog.com/wp-content/uploads/2023/06/308.jpg" alt="" width="600" height="424" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/308.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/308-300x212.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にAmazonのプロモーションを見つけられたら<strong>「広告リンクへ」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1854" src="https://shifa-blog.com/wp-content/uploads/2023/06/633.jpg" alt="" width="600" height="173" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/633.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/633-300x87.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にどの広告でも良いので、ソースの項目にあるコードを確認すると、<strong>「a_id=○○○○&amp;」</strong>と書かれた部分があります。</p>
<p>この「○○○○」の部分がもしもIDになるので<strong>コピー</strong>し、<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1856" src="https://shifa-blog.com/wp-content/uploads/2023/06/634-1.jpg" alt="" width="600" height="206" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/634-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/634-1-300x103.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p><strong>AmazonIDの項目に貼り付け</strong>てください。</p>
<p>あと、もしもリンク優先ショップの項目にある<strong>「Amazon」にチェックを入れましょう。</strong><br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1857" src="https://shifa-blog.com/wp-content/uploads/2023/06/635.jpg" alt="" width="600" height="319" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/635.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/635-300x160.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-56" src="https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">これでもしもアフィリエイト経由のAmazon設定方法はOKです！</div>
</div>
<p>&nbsp;</p>
<h3><span id="toc8">各項目の設定ができたら保存も忘れずに！</span></h3>
<p>これまで楽天やAmazon、Yahoo!ショッピングの設定方法を解説しましたが、これで設定はOKなので<strong>「変更を保存」</strong>をクリックして設定を確定させましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1858" src="https://shifa-blog.com/wp-content/uploads/2023/06/636.jpg" alt="" width="302" height="135" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/636.jpg 302w, https://shifa-blog.com/wp-content/uploads/2023/06/636-300x134.jpg 300w" sizes="(max-width: 302px) 100vw, 302px" /></p>
<p>&nbsp;</p>

<h2><span id="toc9">Rinkerの使い方（商品リンク作成方法）</span></h2>
<p>実際に設定が行えたらRinkerの使い方を確認していきましょう。</p>
<div class="information-box">自分はクラシックエディタで記事作成するのを推奨しているので、クラシックエディタでのやり方を確認します。</div>
<p>&nbsp;</p>
<p>まずは、記事作成画面を開くと、画面上部に<strong>「商品リンク追加」</strong>というボタンがあるのでこちらをクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1860" src="https://shifa-blog.com/wp-content/uploads/2023/06/637.jpg" alt="" width="600" height="325" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/637.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/637-300x163.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に商品検索できる画面が表示されるので、<strong>「Amazonから商品検索」か「楽天市場から商品検索」のどちらかを選択し、実際に記事に挿入したい商品名を入力して検索</strong>しましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1861" src="https://shifa-blog.com/wp-content/uploads/2023/06/638.jpg" alt="" width="600" height="206" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/638.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/638-300x103.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に関連する商品が表示されるので、記事に挿入したい商品の<strong>「商品リンクを追加」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1867" src="https://shifa-blog.com/wp-content/uploads/2023/06/642.jpg" alt="" width="600" height="395" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/642.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/642-300x198.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>すると、商品リンクのショートコードが追加されるので、<strong>「プレビュー」</strong>をクリックして実際に確認してみましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1864" src="https://shifa-blog.com/wp-content/uploads/2023/06/640.jpg" alt="" width="600" height="316" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/640.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/640-300x158.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>実際にこのように表示されていれば問題ありません！<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1870" src="https://shifa-blog.com/wp-content/uploads/2023/06/643.jpg" alt="" width="600" height="213" srcset="https://shifa-blog.com/wp-content/uploads/2023/06/643.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/06/643-300x107.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">Rinkerの導入お疲れさまでした！</div>
</div>
<p>&nbsp;</p>
<h2><span id="toc10">まとめ</span></h2>
<p>今回はRinkerのインストール方法や設定のやり方、使い方について解説しました！</p>
<p>ちなみに、Rinker以外にもおすすめなプラグインは複数ありますので、詳細な情報が気になる人はこちらのページからおすすめなプラグインの情報をチェックしてみてください！</p>
<p>＞＞<a href="https://shifa-blog.com/wordpress-plugin-summary/">WordPressブログにおすすめなプラグインを確認する！</a></p>
<p>&nbsp;</p>
<p>また、このブログでは、これから副業でブログを始めたい人、稼ぎたい人に向けて情報発信をしています。</p>
<p>サイト内カテゴリやサイトマップを活用して、他の情報もチェックしてみてください！</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-61" src="https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">
<p>わからないことがある場合はコメントで具体的に質問してみてね！（全てがわかるわけではないのでその点は注意）</p>
</div>
</div>
  <div class="author-box border-element no-icon cf">
          <div class="author-widget-name">
        この記事を書いた人      </div>
        <figure class="author-thumb">
      <img alt='しふぁ' src='https://shifa-blog.com/wp-content/uploads/2023/04/アイコン画像-完成（背景あり）.jpg' class='avatar avatar-200 photo' height='200' width='200' />    </figure>
    <div class="author-content">
      <div class="author-name">
        <a rel="author" href="https://shifa-blog.com/author/shifa/" title="しふぁ の投稿">しふぁ</a>      </div>
      <div class="author-description">
        <p>高卒→工場勤務→夜勤＆月残業70時間以上の激務で身長173㎝なのに体重50㎏を切り、体調にも影響が出る→仕事4年目に「ブログで稼げる」という情報を知る→22歳で仕事を退職してブログに専念→約11か月で月10万円達成→今では月収7桁を越え、8年以上もブログだけで飯食ってます。1993年生まれ。別ジャンルでYouTubeでも活躍してます。どうぞよろしく。</p>

      </div>
            <div class="profile-follows author-follows">
        <!-- SNSページ -->
<div class="sns-follow bc-brand-color fbc-hide sf-profile">

    <div class="sns-follow-message">しふぁをフォローする</div>
    <div class="sns-follow-buttons sns-buttons">

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    
      <a rel="nofollow noopener" href="//feedly.com/i/discover/sources/search/feed/https%3A%2F%2Fshifa-blog.com" class="sns-button follow-button feedly-button feedly-follow-button-sq" target="_blank" title="feedlyで更新情報を購読"><span class="icon-feedly-logo"></span><span class="follow-count feedly-follow-count"></span></a>
  
      <a rel="nofollow" href="https://shifa-blog.com/feed/" class="sns-button follow-button rss-button rss-follow-button-sq" target="_blank" title="RSSで更新情報をフォロー"><span class="icon-rss-logo"></span></a>
  
  </div><!-- /.sns-follow-buttons -->

</div><!-- /.sns-follow -->
      </div>
      
    </div>
  </div>

<p><a href="https://shifa-blog.com/rinker-setting/">Rinkerとは？インストール方法や設定のやり方、使い方を徹底解説！</a>はブログ、<a href="https://shifa-blog.com">しふぁの副業ブログ飯</a>に掲載された記事です。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://shifa-blog.com/rinker-setting/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">920</post-id>	</item>
		<item>
		<title>高クオリティのサイトロゴやアイコン画像の作成を有償依頼する方法を徹底解説！</title>
		<link>https://shifa-blog.com/logo-icon-create-request/</link>
					<comments>https://shifa-blog.com/logo-icon-create-request/#respond</comments>
		
		<dc:creator><![CDATA[しふぁ]]></dc:creator>
		<pubDate>Wed, 31 May 2023 04:57:48 +0000</pubDate>
				<category><![CDATA[WordPressカスタマイズ]]></category>
		<category><![CDATA[ブログの作り方]]></category>
		<category><![CDATA[アイコン画像]]></category>
		<category><![CDATA[サイトロゴ]]></category>
		<category><![CDATA[作成]]></category>
		<category><![CDATA[依頼]]></category>
		<guid isPermaLink="false">https://shifa-blog.com/?p=1677</guid>

					<description><![CDATA[ブログで飯食って8年以上！ どうも、しふぁです。 このページでは、 ・サイトロゴやアイコン画像の必要性 ・高クオリティのサイトロゴやアイコン画像の作成を有償依頼する方法 このような内容について解説しているので参考にしてみ [&#8230;]<p><a href="https://shifa-blog.com/logo-icon-create-request/">高クオリティのサイトロゴやアイコン画像の作成を有償依頼する方法を徹底解説！</a>はブログ、<a href="https://shifa-blog.com">しふぁの副業ブログ飯</a>に掲載された記事です。</p>
]]></description>
										<content:encoded><![CDATA[<p>ブログで飯食って8年以上！</p>
<p>どうも、しふぁです。</p>
<p>このページでは、</p>
<div class="blank-box bb-green"><strong>・サイトロゴやアイコン画像の必要性<br />
・高クオリティのサイトロゴやアイコン画像の作成を有償依頼する方法</strong></div>
<p>このような内容について解説しているので参考にしてみてください。</p>
<p>ちなみに、実際に作成してもらったサイトロゴやアイコン画像をWordPressブログに設定する方法をこちらのページで解説しているので、実際に作成できたら参考にして設定してみましょう！</p>
<p>＞＞<a href="https://shifa-blog.com/cocoon-design-customization/">サイトロゴやアイコン画像をWordPressブログに設定する方法を確認する！</a></p>
<p><span id="more-1677"></span></p>

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-12" checked><label class="toc-title" for="toc-checkbox-12">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">サイトロゴやアイコン画像の必要性</a></li><li><a href="#toc2" tabindex="0">サイトロゴやアイコン画像はどうやって準備する？</a><ol><li><a href="#toc3" tabindex="0">Twitterでクリエイターに直接DMなどで依頼する</a></li><li><a href="#toc4" tabindex="0">外注サイトを使って依頼する</a></li></ol></li><li><a href="#toc5" tabindex="0">ココナラでクリエイターに有償依頼するやり方</a></li><li><a href="#toc6" tabindex="0">SKIMAでクリエイターに有償依頼するやり方</a></li><li><a href="#toc7" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">サイトロゴやアイコン画像の必要性</span></h2>
<p>まずは、サイトロゴやアイコン画像について簡単に解説しますが、<strong>サイトロゴ</strong>は自分が運営しているサイト（ブログ）の名前がオシャレにデザインされた画像のことを言います。</p>
<p>この記事を書いている時点では、このブログのサイトロゴを作成していないので、「しふぁの副業ブログ飯」という文字だけが表示されていますが↓↓↓<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1678" src="https://shifa-blog.com/wp-content/uploads/2023/05/1-2.jpg" alt="" width="600" height="320" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/1-2.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/1-2-300x160.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>ブログに訪れたユーザーの目に必ず入る部分となっているので、もっと見栄え良くしたいと考える人が多く、サイトロゴを作成して挿入している人もいます。</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">自分はシンプルなデザインが好きなので、現状としてはサイトロゴを設定していません。（今後新しく作成して設定するかも？）</div>
</div>
<p>&nbsp;</p>
<p>一応、サイトロゴの参考例を紹介しますが、自分はYouTube運営に関連するオンラインスクール「YouTube Gamers School」を運営しています。（会員専用サイトなので検索しても見つけられないので注意）</p>
<p>そこでは以下のようなサイトロゴを作成して実際に使用していますね。<br />
<img decoding="async" loading="lazy" class="aligncenter wp-image-1679" src="https://shifa-blog.com/wp-content/uploads/2023/05/Logo_YGS_03.png" alt="" width="400" height="213" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/Logo_YGS_03.png 895w, https://shifa-blog.com/wp-content/uploads/2023/05/Logo_YGS_03-300x160.png 300w, https://shifa-blog.com/wp-content/uploads/2023/05/Logo_YGS_03-768x408.png 768w" sizes="(max-width: 400px) 100vw, 400px" /></p>
<p>このようなサイトロゴを作成して設定しておくと、そのサイトの見栄えを一気に良くできますし、プロフェッショナルな印象を与えられるので、信頼性や専門性を高め、ユーザーに対して信頼を与えることができます。</p>
<p>また、サイトロゴの方が視覚的に魅力でユーザーの記憶に残りやすく、後日別のページを見た時に、</p>
<div class="speech-wrap sb-id-5 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1680" src="https://shifa-blog.com/wp-content/uploads/2023/05/cut107.png" alt="" width="752" height="752" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/cut107.png 752w, https://shifa-blog.com/wp-content/uploads/2023/05/cut107-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/05/cut107-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/05/cut107-100x100.png 100w" sizes="(max-width: 752px) 100vw, 752px" /></figure>
</div>
<div class="speech-balloon">
<p>あれ？このサイト前にも見たなような感じがする！</p>
</div>
</div>
<div class="speech-wrap sb-id-5 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1680" src="https://shifa-blog.com/wp-content/uploads/2023/05/cut107.png" alt="" width="752" height="752" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/cut107.png 752w, https://shifa-blog.com/wp-content/uploads/2023/05/cut107-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/05/cut107-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/05/cut107-100x100.png 100w" sizes="(max-width: 752px) 100vw, 752px" /></figure>
</div>
<div class="speech-balloon">
<p>このサイトは○○について調べる時にいつも出てくるからありがたいな！</p>
</div>
</div>
<p>というように印象付けられるので、自分のサイトにユーザーが再び訪れたいと思うきっかけを作ることができ、リピーターの獲得がやりやすくなりますね！</p>
<p>&nbsp;</p>
<p>まぁ、サイトロゴが無くても記事の内容が良ければアクセスが来て稼げますし、サイト名で覚えてくれるので継続して運営していればそれなりにファンも付きます。</p>
<p>なので、絶対にサイトロゴが必要とは言いません。</p>
<p>ただ、先ほども言ったようにサイトロゴを作成して設定するメリットはもちろんあるので、クオリティの高いサイトにしたいのであれば、サイトロゴを作成して設定しておきましょう。</p>
<p>&nbsp;</p>
<p>次に<strong>アイコン画像</strong>についてですが、プロフィール用に自分の姿をイメージした画像だったり、運営するサイトをイメージした画像のことを言います。</p>
<p>自分の場合は以下のようなイラストを作成してもらって使用していますね！<br />
<img decoding="async" loading="lazy" class="aligncenter wp-image-1681" src="https://shifa-blog.com/wp-content/uploads/2023/05/dd173b3838c0ab702aa03283b4c03c48.jpg" alt="" width="300" height="300" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/dd173b3838c0ab702aa03283b4c03c48.jpg 500w, https://shifa-blog.com/wp-content/uploads/2023/05/dd173b3838c0ab702aa03283b4c03c48-300x300.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/05/dd173b3838c0ab702aa03283b4c03c48-150x150.jpg 150w, https://shifa-blog.com/wp-content/uploads/2023/05/dd173b3838c0ab702aa03283b4c03c48-100x100.jpg 100w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>実際にネット上で顔出しするのは抵抗がある人もいると思いますが、現在のブログ運営において<strong>運営者の顔が見えることは非常に重要です。</strong></p>
<p>これがあるのと無いのとでは、ブログ内の情報の信頼性や権威性が変わってくるので、ユーザーの滞在時間も変化してきます。</p>
<p>野菜の直売所とかで「生産者の顔」みたいな感じで写真が表示されている場合がありますが、それと同じイメージです。</p>
<p>名前だけ表示されているよりも、実際に作っている人の顔がわかる写真があった方が信頼性が高いですよね。</p>
<p>ネット上で顔出しすることに不安があるのであれば、自分のようにイラストで描いてもらい、その画像をアイコン画像として使用しましょう。</p>
<p>これだけでもブログ内の情報の信頼性を上げられます。</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">あと、こんな感じで「アイコン画像＋吹き出し」の一言コメントも挿入できるので、ブログ記事の読みやすさにも影響を与えられますよ～！</div>
</div>
<p>&nbsp;</p>
<p>あと、サイトアイコンについても言っておくと、これはサイトをブラウザで開いたときに画面上のタブに表示されるアイコンのことを言います。</p>
<p>初期設定ではタマゴみたいなマークだったり、WordPressのWマークが表示された状態になっていますね。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1562" src="https://shifa-blog.com/wp-content/uploads/2023/05/229.jpg" alt="" width="552" height="138" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/229.jpg 552w, https://shifa-blog.com/wp-content/uploads/2023/05/229-300x75.jpg 300w" sizes="(max-width: 552px) 100vw, 552px" /></p>
<p>初期設定のままでも問題ないですが、自分が運営するブログに関連するサイトアイコンに設定しておくと、自分のブログにブランド性が付いてくるので、できるだけ設定するのがおすすめです。</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-56" src="https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">自分の場合は「しふぁが運営しているブログ」とわかるように自分のアイコン画像を入れています！</div>
</div>
<p>&nbsp;</p>

<h2><span id="toc2">サイトロゴやアイコン画像はどうやって準備する？</span></h2>
<p>ここまでサイトロゴやアイコン画像の必要性について解説しましたが、実際に作成してみたいと考えた人も多いと思います。</p>
<p>現在では無料で使用できる画像編集ソフトだったり、<a rel="nofollow" href="https://px.a8.net/svt/ejp?a8mat=3HEHQK+EI5A62+4M9K+5YJRM">Canva Pro</a><img decoding="async" loading="lazy" src="https://www10.a8.net/0.gif?a8mat=3HEHQK+EI5A62+4M9K+5YJRM" alt="" width="1" height="1" border="0" />というデザインツールなどがあるので、それらを駆使して自分で作成することも可能です。</p>
<p>時間はかかると思いますが、自分が好きなデザインで作成できますし、お金もかからないので1番良い方法だと思います。</p>
<p>&nbsp;</p>
<p>ただ、絵心やデザインセンスが無い人からすると、</p>
<div class="speech-wrap sb-id-5 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1682" src="https://shifa-blog.com/wp-content/uploads/2023/05/982b601c55caed57e3f800af315b0dc4.jpg" alt="" width="714" height="714" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/982b601c55caed57e3f800af315b0dc4.jpg 714w, https://shifa-blog.com/wp-content/uploads/2023/05/982b601c55caed57e3f800af315b0dc4-300x300.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/05/982b601c55caed57e3f800af315b0dc4-150x150.jpg 150w, https://shifa-blog.com/wp-content/uploads/2023/05/982b601c55caed57e3f800af315b0dc4-100x100.jpg 100w" sizes="(max-width: 714px) 100vw, 714px" /></figure>
</div>
<div class="speech-balloon">
<p>自分でサイトロゴやアイコン画像を作るなんて無理…泣</p>
</div>
</div>
<p>と思ってしまいますよね。</p>
<p>実際に自分も絵心やデザインセンスが無い人間だったので、その気持ちがよ～くわかります（笑）</p>
<p>そんな人におすすめな方法としては、<strong>サイトロゴやアイコン画像を専門に作成してくれるクリエイターに依頼する</strong>のがおすすめです！</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-56" src="https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">他人の力とお金の力で解決するってわけです（笑）</div>
</div>
<p>作成依頼の方法としては大きく分けて2つの方法があり、</p>
<div class="blank-box bb-green"><strong>・Twitterでクリエイターに直接DMなどで依頼する</strong><br />
<strong>・外注サイト経由で依頼する</strong></div>
<p>この2つの方法があります。</p>
<p>&nbsp;</p>
<h3><span id="toc3">Twitterでクリエイターに直接DMなどで依頼する</span></h3>
<p>ツイッターで「<a rel="noopener" href="https://twitter.com/search?q=%23%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E4%BE%9D%E9%A0%BC&amp;src=typed_query" target="_blank">#アイコン依頼</a>」や「<a rel="noopener" href="https://twitter.com/search?q=%23%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E4%BE%9D%E9%A0%BC&amp;src=typed_query" target="_blank">#イラスト依頼</a>」、「<a rel="noopener" href="https://twitter.com/search?q=%23%E3%83%AD%E3%82%B4%E4%BE%9D%E9%A0%BC&amp;src=typed_query&amp;f=top" target="_blank">＃ロゴ依頼</a>」などのハッシュタグで検索すると、</p>
<p><strong>「ロゴやデザインのご依頼も始めました。詳しくはDMまでお待ちしております」</strong></p>
<p>といった感じのツイートをしているクリエイターさんがヒットするので、そういった方に依頼する方法です。</p>
<p>&nbsp;</p>
<p>実際の経験談になりますが、自分の素顔をイラストにして、デフォルメされたアイコン画像が欲しいと考えていた時期がありました。</p>
<p>そんな時にツイッターでそのような依頼を引き受けている人をたまたま見つけたので、</p>
<p><strong>「他にはどんなクリエイターがいるんだろう？」</strong></p>
<p>と気になって詳しく探し始めたのがきっかけです。</p>
<p>&nbsp;</p>
<p>実際に「<a rel="noopener" href="https://twitter.com/search?q=%23%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3%E4%BE%9D%E9%A0%BC&amp;src=typed_query" target="_blank">#アイコン依頼</a>」や「<a rel="noopener" href="https://twitter.com/search?q=%23%E3%82%A4%E3%83%A9%E3%82%B9%E3%83%88%E4%BE%9D%E9%A0%BC&amp;src=typed_query" target="_blank">#イラスト依頼</a>」、「<a rel="noopener" href="https://twitter.com/search?q=%23%E3%83%AD%E3%82%B4%E4%BE%9D%E9%A0%BC&amp;src=typed_query&amp;f=top" target="_blank">＃ロゴ依頼</a>」などのハッシュタグで検索してみるとわかりますが、ちょっと探しただけでたくさんのクリエイターがめっちゃ出てきます。</p>
<p>さらに、その人が実際に作成した参考画像も添付されているので、どのようなデザインで作成されるのかイメージしやすくなっているんですよね。</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-56" src="https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">気軽にクリエイターと繋がれるから良いなぁ～！</div>
</div>
<p>と思ったので、ツイッター経由で依頼するのも良いかもと思う部分もありました。</p>
<p>&nbsp;</p>
<p>ただ、色々調べていると悪い部分も多少あるようで、</p>
<div class="blank-box bb-blue"><strong>・個人と個人での直接のやり取りになるので交渉力が必要</strong><br />
<strong>・クリエイター側の信頼性や技術力、料金等の情報がわかりにくい</strong></div>
<p>といった難点があります。</p>
<p>さらに調べてみると、過去にツイッター上で依頼した時に起きた問題について言及している人もおり、</p>
<div class="blank-box bb-green"><strong>・先に料金を支払ったのにいつまで経っても納品されない</strong><br />
<strong>・イラストを納品したのに料金が支払われない</strong></div>
<p>というように、依頼者側・クリエイター側の双方でトラブルが発生することもあるそうです。</p>
<p>依頼者やクリエイターの全員がこのような人ではないことはもちろん理解していますよ？</p>
<p>ただ、ツイッターでの依頼は個人的に不安な気持ちがどうしても上回ってしまったので、<span class="bold blue">ツイッターでクリエイターに直接依頼するのはおすすめしない</span>と言っておきます。</p>
<p>&nbsp;</p>
<p>とはいえ、プロフィール欄や固定ツイートなどで依頼や制作の流れを細かく解説していたり、どんなデザインで描くのか詳しく書き込んでいる人も多くいます。</p>
<p>実際にDMでやり取りを行って信頼できると思ったら依頼しても良いと思うので、状況に応じて自己判断するようにしてください。</p>
<p>&nbsp;</p>
<h3><span id="toc4">外注サイトを使って依頼する</span></h3>
<p>次に外注サイトを使って依頼する方法ですが、これは<a rel="nofollow" href="https://px.a8.net/svt/ejp?a8mat=2ZRLBX+C4EV22+2PEO+OAHHE">ココナラ</a><img decoding="async" loading="lazy" src="https://www11.a8.net/0.gif?a8mat=2ZRLBX+C4EV22+2PEO+OAHHE" alt="" width="1" height="1" border="0" />や<a rel="nofollow" href="https://px.a8.net/svt/ejp?a8mat=3HEIIY+7ZKHTM+43HQ+61JSI">SKIMA</a><img decoding="async" loading="lazy" src="https://www14.a8.net/0.gif?a8mat=3HEIIY+7ZKHTM+43HQ+61JSI" alt="" width="1" height="1" border="0" />といった外注サイトを利用するのが一般的です。</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-56" src="https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">実際に自分もこれらのサイトを使ってサイトロゴやアイコン画像の作成を依頼しました！</div>
</div>
<p>○<a rel="nofollow" href="https://px.a8.net/svt/ejp?a8mat=2ZRLBX+C4EV22+2PEO+OAHHE">ココナラを確認する！</a><img decoding="async" loading="lazy" src="https://www11.a8.net/0.gif?a8mat=2ZRLBX+C4EV22+2PEO+OAHHE" alt="" width="1" height="1" border="0" /><br />
<a rel="nofollow" href="https://px.a8.net/svt/ejp?a8mat=2ZRLBX+C4EV22+2PEO+O6UB5"><br />
<img decoding="async" loading="lazy" src="https://www20.a8.net/svt/bgt?aid=181006269733&amp;wid=006&amp;eno=01&amp;mid=s00000012624004063000&amp;mc=1" alt="" width="468" height="60" border="0" /></a><br />
<img decoding="async" loading="lazy" src="https://www15.a8.net/0.gif?a8mat=2ZRLBX+C4EV22+2PEO+O6UB5" alt="" width="1" height="1" border="0" /></p>
<p>○<a rel="nofollow" href="https://px.a8.net/svt/ejp?a8mat=3HEIIY+7ZKHTM+43HQ+61JSI">SKIMAを確認する！</a><img decoding="async" loading="lazy" src="https://www14.a8.net/0.gif?a8mat=3HEIIY+7ZKHTM+43HQ+61JSI" alt="" width="1" height="1" border="0" /><br />
<a rel="nofollow" href="https://px.a8.net/svt/ejp?a8mat=3HEIIY+7ZKHTM+43HQ+5Z6WX"><br />
<img decoding="async" loading="lazy" src="https://www26.a8.net/svt/bgt?aid=210629194483&amp;wid=006&amp;eno=01&amp;mid=s00000019115001004000&amp;mc=1" alt="" width="468" height="60" border="0" /></a><br />
<img decoding="async" loading="lazy" src="https://www19.a8.net/0.gif?a8mat=3HEIIY+7ZKHTM+43HQ+5Z6WX" alt="" width="1" height="1" border="0" /></p>
<p>両方とも会員登録が必要ですが無料で登録できますし、登録フォームもわかりやすかったので初心者でも簡単に登録可能です。</p>
<p>実際に登録してどのようなサービスが利用できるのか確認してみてください。</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">この次の項目で登録方法や依頼方法を解説しているので、不安な人は次の項目を参考にしてみてください。</div>
</div>
<p>&nbsp;</p>
<p>自分が実際にココナラやSKIMAを利用して感じたことを言っておくと、</p>
<div class="blank-box bb-yellow"><strong>・クリエイターと自分の間を仲介してくれる</strong><br />
<strong>・たくさんのクリエイターの情報を一覧で見れる</strong><br />
<strong>・クリエイターがどんなデザインで描くのか確認しやすい</strong><br />
<strong>・料金が明確</strong><br />
<strong>・実際に利用した人の口コミが見れる</strong><br />
<strong>・クリエイターのサイト内ランクがわかる</strong></div>
<p>といった感じですね。</p>
<p>特にTwitterで依頼する方法と違うのが、<strong>クリエイターと自分の間を仲介してくれること</strong>が1番良いポイントかなと思います。</p>
<p>基本的にココナラやSKIMAでは作成依頼を行うと、料金を先に支払うシステムになっています。</p>
<p>ただ、ココナラやSKIMAが料金を一時的に預かり、サイトロゴやアイコン画像が納品されて取引が終了した後にクリエイターに料金が振り込まれる形になっているんですよね。</p>
<p>なので、仮にサイトロゴやアイコン画像が納品されないことが起こっても<strong>お金は自分に戻ってくる</strong>し、<strong>他のトラブルが起こっても仲介してくれる</strong>ので安心して依頼することができます。</p>
<p>さらに、実際に利用した人の口コミ情報やサイト内ランクなどを確認できるので、クリエイターの信頼性がしっかりと確認できるのも魅力的です。</p>
<p>ツイッターでの依頼に比べたら、ココナラやSKIMAを利用した方が遥かに安心ですし、たくさんのクリエイターを比較しつつ検討できるので非常におすすめですよ！</p>
<p>&nbsp;</p>

<h2><span id="toc5">ココナラでクリエイターに有償依頼するやり方</span></h2>
<p>それではまず最初に、ココナラでクリエイターに有償依頼するやり方を解説していきますが、まずは無料の会員登録をする必要があります。</p>
<p>こちらの<a rel="nofollow" href="https://px.a8.net/svt/ejp?a8mat=2ZRLBX+C4EV22+2PEO+OAHHE">ココナラ公式HP</a><img decoding="async" loading="lazy" src="https://www15.a8.net/0.gif?a8mat=2ZRLBX+C4EV22+2PEO+OAHHE" alt="" width="1" height="1" border="0" />を開いたら、画面右上にある<strong>「会員登録」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1683" src="https://shifa-blog.com/wp-content/uploads/2023/05/2-2.jpg" alt="" width="600" height="380" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/2-2.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/2-2-300x190.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>すると、様々な方法で登録できるので、自分好みの登録方法を選択しましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1693" src="https://shifa-blog.com/wp-content/uploads/2023/05/9.jpg" alt="" width="333" height="450" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/9.jpg 333w, https://shifa-blog.com/wp-content/uploads/2023/05/9-222x300.jpg 222w" sizes="(max-width: 333px) 100vw, 333px" /></p>
<p>&nbsp;</p>
<p>実際に登録できたらサイトロゴやアイコン画像を描いてくれるクリエイターを探していきましょう。</p>
<p>画面左側に検索窓があるので、「ロゴ」や「アイコン」みたいに作成してほしいものをキーワードで入力して検索してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1684" src="https://shifa-blog.com/wp-content/uploads/2023/05/3-2.jpg" alt="" width="600" height="264" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/3-2.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/3-2-300x132.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>すると、様々なクリエイターが一覧で表示されるので、自分の好みに合うサイトロゴやアイコン画像を描いているクリエイターを探してみましょう。</p>
<p>評価や料金、ココナラ内のランクを確認できますし、それぞれクリックすればサービスの詳細な情報を確認可能です。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1685" src="https://shifa-blog.com/wp-content/uploads/2023/05/4-2.jpg" alt="" width="600" height="469" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/4-2.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/4-2-300x235.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>ちなみに、ここで注意点を言っておきますが、サービスの詳細な内容を確認したときに、依頼前に教えて欲しい情報や確認して欲しい情報というのがクリエイターによって詳細に書かれています。</p>
<p>この部分はクリエイターによって内容が異なっていますが、取引の流れだったり、○○はできないみたいな依頼を引き受ける条件が記載されているので必ず確認して下さい。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-9610" src="https://shifa-channel.com/wp-content/uploads/2020/04/6-12.jpg" alt="" width="606" height="490" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">余計なトラブルが発生するのは厄介ですし、無駄なやり取りで時間を浪費しないためにもしっかりと確認してからクリエイターとやり取りしよう！</div>
</div>
<p>&nbsp;</p>
<p>色々確認できて、この人に依頼したいと思ったら、画面右上にある<strong>「見積り・カスタマイズの相談をする」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1686" src="https://shifa-blog.com/wp-content/uploads/2023/05/5-2.jpg" alt="" width="369" height="320" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/5-2.jpg 369w, https://shifa-blog.com/wp-content/uploads/2023/05/5-2-300x260.jpg 300w" sizes="(max-width: 369px) 100vw, 369px" /></p>
<p>&nbsp;</p>
<p>すると、相談内容を入力できる画面が表示されるのでそれぞれ記入していきます。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1687" src="https://shifa-blog.com/wp-content/uploads/2023/05/6-2.jpg" alt="" width="600" height="420" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/6-2.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/6-2-300x210.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>この入力項目もクリエイターによって異なる場合がありますが、やり取りをスムーズにするために、</p>
<div style="background: #E4F6F8; padding: 20px; border-radius: 10px; box-shadow: 3px 3px 3px #9E9E9E; border: 2px solid #c0c0c0; margin: 20px;"><strong>・何のために使用するのか<br />
・どういったイメージのロゴやアイコン画像を描いて欲しいのか<br />
・背景はどうするのか<br />
・納期はいつまでが良いのか</strong></div>
<p>といった感じで、あなたが描いて欲しいロゴやアイコン画像のイメージを具体的に記入してください。</p>
<p>あと、クリエイターによっては1つ前の画面で記入して欲しい情報などを書いている場合もあるので、そちらもしっかりと確認するようにしましょう。</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">これらの情報が曖昧だと無駄なやり取りが増え、作成開始するまでに時間がかかります。</div>
</div>
<p>状況によっては画像を添付したり、URLを貼ることも可能なので、文字で伝えるのが難しいのであればこれらを使ってもOKです。</p>
<p>自分の実際の写真を元にデフォルメのアイコン画像を描いて欲しいのであれば、ここで自分の写真を添付しておくのも良いと思います。（実際に自分はそうしました）</p>
<p>&nbsp;</p>
<p>相談内容を入力して送信すると、クリエイター側から「提案」という形で足りない情報を聞かれたり、料金の見積もりを立ててもらえるのでそれに対応してください。</p>
<p>そして、双方納得した上で実際に料金を支払えば、ロゴ作成やアイコン画像の作成を依頼することができます。</p>
<p>&nbsp;</p>
<p>ちなみに、自分は<a rel="noopener" href="https://coconala.com/users/294572" target="_blank">永月さん</a>と言う絵師さん（現在はSKIMAで活動中）にご依頼してアイコン画像を作成してもらいました。</p>
<p>依頼した数日後にこのようなラフ画が送られてきたので、修正点などのやり取りを行います。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1688" src="https://shifa-blog.com/wp-content/uploads/2023/05/0c07ab6cf5d0f038ede1397a3301b5d1.jpg" alt="" width="240" height="240" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/0c07ab6cf5d0f038ede1397a3301b5d1.jpg 240w, https://shifa-blog.com/wp-content/uploads/2023/05/0c07ab6cf5d0f038ede1397a3301b5d1-150x150.jpg 150w, https://shifa-blog.com/wp-content/uploads/2023/05/0c07ab6cf5d0f038ede1397a3301b5d1-100x100.jpg 100w" sizes="(max-width: 240px) 100vw, 240px" /></p>
<p>このアイコン画像は自分の実際の写真を送ってデフォルメしてもらったのですが、表情が暗い感じだったので、口角をもう少し上げて笑顔多めな感じにして欲しいと修正依頼を伝えました。</p>
<p>ちなみに、クリエイターによっては修正は1回まで・3回までというように修正回数が決まっているので、この点も確認して依頼するのがおすすめです！</p>
<p>&nbsp;</p>
<p>数日間のやり取りを行い、実際に完成したアイコン画像としてはこちらになります！<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1689" src="https://shifa-blog.com/wp-content/uploads/2023/05/e4a7612a2d3f1894cc906919d332deda.jpg" alt="" width="240" height="240" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/e4a7612a2d3f1894cc906919d332deda.jpg 240w, https://shifa-blog.com/wp-content/uploads/2023/05/e4a7612a2d3f1894cc906919d332deda-150x150.jpg 150w, https://shifa-blog.com/wp-content/uploads/2023/05/e4a7612a2d3f1894cc906919d332deda-100x100.jpg 100w" sizes="(max-width: 240px) 100vw, 240px" /></p>
<p>自分ではこのようなクオリティの高いアイコン画像を描くことはできないので、本当に依頼してよかったなと思っています。</p>
<p>こちらからココナラでクリエイターを探せるので、実際に登録して好きなクリエイターにご依頼してみてください！</p>
<p>＞＞<a rel="nofollow" href="https://px.a8.net/svt/ejp?a8mat=2ZRLBX+C4EV22+2PEO+OAHHE">ココナラでクリエイターに依頼してみる！</a><img decoding="async" loading="lazy" src="https://www11.a8.net/0.gif?a8mat=2ZRLBX+C4EV22+2PEO+OAHHE" alt="" width="1" height="1" border="0" /><br />
<a rel="nofollow" href="https://px.a8.net/svt/ejp?a8mat=2ZRLBX+C4EV22+2PEO+O6UB5"><br />
<img decoding="async" loading="lazy" src="https://www20.a8.net/svt/bgt?aid=181006269733&amp;wid=006&amp;eno=01&amp;mid=s00000012624004063000&amp;mc=1" alt="" width="468" height="60" border="0" /></a></p>
<p><img decoding="async" loading="lazy" src="https://www19.a8.net/0.gif?a8mat=2ZRLBX+C4ETII+2PEO+O720X" alt="" width="1" height="1" border="0" /></p>
<h2><span id="toc6">SKIMAでクリエイターに有償依頼するやり方</span></h2>
<p>次にSKIMA（スキマ）でクリエイターに有償依頼するやり方を解説しますが、こちらもまずは無料の会員登録をする必要があります。</p>
<p>こちらから<a rel="nofollow" href="https://px.a8.net/svt/ejp?a8mat=3HEIIY+7ZKHTM+43HQ+61JSI">SKIMA</a><img decoding="async" loading="lazy" src="https://www18.a8.net/0.gif?a8mat=3HEIIY+7ZKHTM+43HQ+61JSI" alt="" width="1" height="1" border="0" />を開いたら、画面右上にある<strong>「新規登録」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1691" src="https://shifa-blog.com/wp-content/uploads/2023/05/7-1.jpg" alt="" width="600" height="356" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/7-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/7-1-300x178.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>すると、様々な方法で登録できるので、自分好みの登録方法を選択しましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1692" src="https://shifa-blog.com/wp-content/uploads/2023/05/8-1.jpg" alt="" width="600" height="382" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/8-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/8-1-300x191.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>実際に登録できたらサイトロゴやアイコン画像を描いてくれるクリエイターを探していきましょう。</p>
<p>画面左側に検索窓があるので、「ロゴ」や「アイコン」みたいに作成してほしいものをキーワードで入力して検索してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1694" src="https://shifa-blog.com/wp-content/uploads/2023/05/10-2.jpg" alt="" width="600" height="241" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/10-2.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/10-2-300x121.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>すると、様々なクリエイターが一覧で表示されるので、自分の好みに合うサイトロゴやアイコン画像を描いているクリエイターを探してみましょう。</p>
<p>それぞれクリックすればサービスの詳細な情報やクリエイターのサイト内ランクなどを確認可能です。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1695" src="https://shifa-blog.com/wp-content/uploads/2023/05/11-1.jpg" alt="" width="600" height="447" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/11-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/11-1-300x224.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>ちなみに、ここで注意点を言っておきますが、サービスの詳細な内容を確認したときに、依頼前に教えて欲しい情報や確認して欲しい情報というのがクリエイターによって詳細に書かれています。</p>
<p>この部分はクリエイターによって内容が異なっていますが、取引の流れだったり、○○はできないみたいな依頼を引き受ける条件が記載されているので必ず確認して下さい。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1696" src="https://shifa-blog.com/wp-content/uploads/2023/05/12-1.jpg" alt="" width="600" height="446" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/12-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/12-1-300x223.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>色々確認できて、この人に依頼したいと思ったら<strong>「依頼する前にメッセージで相談」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1697" src="https://shifa-blog.com/wp-content/uploads/2023/05/13-1.jpg" alt="" width="386" height="149" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/13-1.jpg 386w, https://shifa-blog.com/wp-content/uploads/2023/05/13-1-300x116.jpg 300w" sizes="(max-width: 386px) 100vw, 386px" /></p>
<p>&nbsp;</p>
<p>すると、新規トピック作成という画面が表示され、クリエイターに送るメッセージを記入できます。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1698" src="https://shifa-blog.com/wp-content/uploads/2023/05/14-2.jpg" alt="" width="600" height="488" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/14-2.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/14-2-300x244.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>やり取りをスムーズにするために、</p>
<div style="background: #E4F6F8; padding: 20px; border-radius: 10px; box-shadow: 3px 3px 3px #9E9E9E; border: 2px solid #c0c0c0; margin: 20px;"><strong>・何のために使用するのか<br />
・どういったイメージのロゴやアイコン画像を描いて欲しいのか<br />
・背景はどうするのか<br />
・納期はいつまでが良いのか</strong></div>
<p>といった感じで、あなたが描いて欲しいロゴやアイコン画像のイメージを具体的に記入してください。</p>
<p>あと、クリエイターによっては1つ前の画面で記入して欲しい情報などを書いている場合もあるので、そちらもしっかりと確認するようにしましょう。</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">これらの情報が曖昧だと無駄なやり取りが増え、作成開始するまでに時間がかかります。</div>
</div>
<p>&nbsp;</p>
<p>相談内容を入力して送信すると、クリエイター側から「提案」という形で足りない情報を聞かれたり、料金の見積もりを立ててもらえるのでそれに対応してください。</p>
<p>そして、双方納得した上で実際に料金を支払えば、ロゴ作成やアイコン画像の作成を依頼することができます。</p>
<p>&nbsp;</p>
<p>ちなみに、自分のアイコン画像を描いてもらうときは<a rel="noopener" href="https://skima.jp/profile?id=15286" target="_blank">永月さん</a>というクリエイターさんにご依頼した経験がります。</p>
<p>実際に依頼した後は数日後にこのようなラフ画が送られてきたので、修正点などのやり取りを行います。<br />
<img decoding="async" loading="lazy" class="aligncenter wp-image-1703" src="https://shifa-blog.com/wp-content/uploads/2023/05/1-3.jpg" alt="" width="172" height="240" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/1-3.jpg 587w, https://shifa-blog.com/wp-content/uploads/2023/05/1-3-215x300.jpg 215w" sizes="(max-width: 172px) 100vw, 172px" /></p>
<p>クリエイターによっては修正は1回まで・3回までというように条件が違うので、修正の回数もよく確認してから依頼してくださいね。</p>
<p>&nbsp;</p>
<p>実際に完成したアイコン画像としてはこちらになります！<br />
<img decoding="async" loading="lazy" class="aligncenter wp-image-1704" src="https://shifa-blog.com/wp-content/uploads/2023/05/0efde86db79c8ee0e7a4170cfbac8555.png" alt="" width="240" height="240" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/0efde86db79c8ee0e7a4170cfbac8555.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/05/0efde86db79c8ee0e7a4170cfbac8555-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/05/0efde86db79c8ee0e7a4170cfbac8555-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/05/0efde86db79c8ee0e7a4170cfbac8555-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/05/0efde86db79c8ee0e7a4170cfbac8555-100x100.png 100w" sizes="(max-width: 240px) 100vw, 240px" /></p>
<p>自分は何度も永月さんにご依頼しているのですが、流石と言って良いほどのクオリティで、イメージに合った素晴らしいアイコン画像を描いてもらえました。</p>
<p>自分ではこのようなクオリティの高いイラストを描くことはできないので、本当に依頼してよかったなと思っています。</p>
<p>自分がいつもご依頼している永月さんは現時点ではSKIMAで活動していますし、他にもたくさんのクリエイターがいるので、気になる人はこちらからチェックしてみて下さい！</p>
<p>＞＞<a rel="nofollow" href="https://px.a8.net/svt/ejp?a8mat=3HEIIY+7ZKHTM+43HQ+61JSI">SKIMAでクリエイターに依頼してみる！</a><img decoding="async" loading="lazy" src="https://www14.a8.net/0.gif?a8mat=3HEIIY+7ZKHTM+43HQ+61JSI" alt="" width="1" height="1" border="0" /><br />
<a rel="nofollow" href="https://px.a8.net/svt/ejp?a8mat=3HEIIY+7ZKHTM+43HQ+5Z6WX"><br />
<img decoding="async" loading="lazy" src="https://www26.a8.net/svt/bgt?aid=210629194483&amp;wid=006&amp;eno=01&amp;mid=s00000019115001004000&amp;mc=1" alt="" width="468" height="60" border="0" /></a></p>
<p><img decoding="async" loading="lazy" src="https://www15.a8.net/0.gif?a8mat=3HEIIY+7ZKGA2+43HQ+6JJXT" alt="" width="1" height="1" border="0" /></p>
<h2><span id="toc7">まとめ</span></h2>
<p>今回はクオリティの高いサイトロゴやアイコン画像を有償依頼する方法について解説しました！</p>
<p>ちなみに、実際に作成してもらったサイトロゴやアイコン画像をWordPressブログに設定する方法をこちらのページで解説しているので、実際に作成できたら参考にして設定してみましょう！</p>
<p>＞＞<a href="https://shifa-blog.com/cocoon-design-customization/">サイトロゴやアイコン画像をWordPressブログに設定する方法を確認する！</a></p>
<a href="https://shifa-blog.com/cocoon-design-customization/" title="Cocoonを使ってブログデザインをカスタマイズする方法10選" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img width="160" height="90" src="https://shifa-blog.com/wp-content/uploads/2023/05/a7f65b705ea5df21cbf4c572cdf380cf-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" decoding="async" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/a7f65b705ea5df21cbf4c572cdf380cf-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/05/a7f65b705ea5df21cbf4c572cdf380cf-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/05/a7f65b705ea5df21cbf4c572cdf380cf-1024x576.jpg 1024w, https://shifa-blog.com/wp-content/uploads/2023/05/a7f65b705ea5df21cbf4c572cdf380cf-768x432.jpg 768w, https://shifa-blog.com/wp-content/uploads/2023/05/a7f65b705ea5df21cbf4c572cdf380cf-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/05/a7f65b705ea5df21cbf4c572cdf380cf-320x180.jpg 320w, https://shifa-blog.com/wp-content/uploads/2023/05/a7f65b705ea5df21cbf4c572cdf380cf.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">Cocoonを使ってブログデザインをカスタマイズする方法10選</div><div class="blogcard-snippet internal-blogcard-snippet">WordPressブログでテーマにCocoonを使用している場合、ブログデザインをカスタマイズできる設定がたくさん存在しています。今回はその中でも10個のデザインカスタマイズ方法を解説するので、よりクオリティの高いブログに仕上げてみましょう！</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-blog.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">shifa-blog.com</div></div></div></div></a>
<p>&nbsp;</p>
<p>また、このブログでは、これから副業でブログを始めたい人、稼ぎたい人に向けて情報発信をしています。</p>
<p>サイト内カテゴリやサイトマップを活用して、他の情報もチェックしてみてください！</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-61" src="https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">
<p>わからないことがある場合はコメントで具体的に質問してみてね！（全てがわかるわけではないのでその点は注意）</p>
</div>
</div>
  <div class="author-box border-element no-icon cf">
          <div class="author-widget-name">
        この記事を書いた人      </div>
        <figure class="author-thumb">
      <img alt='しふぁ' src='https://shifa-blog.com/wp-content/uploads/2023/04/アイコン画像-完成（背景あり）.jpg' class='avatar avatar-200 photo' height='200' width='200' />    </figure>
    <div class="author-content">
      <div class="author-name">
        <a rel="author" href="https://shifa-blog.com/author/shifa/" title="しふぁ の投稿">しふぁ</a>      </div>
      <div class="author-description">
        <p>高卒→工場勤務→夜勤＆月残業70時間以上の激務で身長173㎝なのに体重50㎏を切り、体調にも影響が出る→仕事4年目に「ブログで稼げる」という情報を知る→22歳で仕事を退職してブログに専念→約11か月で月10万円達成→今では月収7桁を越え、8年以上もブログだけで飯食ってます。1993年生まれ。別ジャンルでYouTubeでも活躍してます。どうぞよろしく。</p>

      </div>
            <div class="profile-follows author-follows">
        <!-- SNSページ -->
<div class="sns-follow bc-brand-color fbc-hide sf-profile">

    <div class="sns-follow-message">しふぁをフォローする</div>
    <div class="sns-follow-buttons sns-buttons">

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    
      <a rel="nofollow noopener" href="//feedly.com/i/discover/sources/search/feed/https%3A%2F%2Fshifa-blog.com" class="sns-button follow-button feedly-button feedly-follow-button-sq" target="_blank" title="feedlyで更新情報を購読"><span class="icon-feedly-logo"></span><span class="follow-count feedly-follow-count"></span></a>
  
      <a rel="nofollow" href="https://shifa-blog.com/feed/" class="sns-button follow-button rss-button rss-follow-button-sq" target="_blank" title="RSSで更新情報をフォロー"><span class="icon-rss-logo"></span></a>
  
  </div><!-- /.sns-follow-buttons -->

</div><!-- /.sns-follow -->
      </div>
      
    </div>
  </div>

<p><a href="https://shifa-blog.com/logo-icon-create-request/">高クオリティのサイトロゴやアイコン画像の作成を有償依頼する方法を徹底解説！</a>はブログ、<a href="https://shifa-blog.com">しふぁの副業ブログ飯</a>に掲載された記事です。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://shifa-blog.com/logo-icon-create-request/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1677</post-id>	</item>
		<item>
		<title>Cocoonを使ってブログデザインをカスタマイズする方法10選</title>
		<link>https://shifa-blog.com/cocoon-design-customization/</link>
					<comments>https://shifa-blog.com/cocoon-design-customization/#respond</comments>
		
		<dc:creator><![CDATA[しふぁ]]></dc:creator>
		<pubDate>Sat, 27 May 2023 05:44:11 +0000</pubDate>
				<category><![CDATA[WordPressカスタマイズ]]></category>
		<category><![CDATA[ブログの作り方]]></category>
		<category><![CDATA[Cocoon]]></category>
		<category><![CDATA[カスタマイズ]]></category>
		<category><![CDATA[デザイン]]></category>
		<guid isPermaLink="false">https://shifa-blog.com/?p=1489</guid>

					<description><![CDATA[ブログで飯食って8年以上！ どうも、しふぁです。 このページでは、 ・Cocoonを使ってブログデザインをカスタマイズする方法10選 このような内容について解説しているので参考にしてみてください。 ちなみに、WordPr [&#8230;]<p><a href="https://shifa-blog.com/cocoon-design-customization/">Cocoonを使ってブログデザインをカスタマイズする方法10選</a>はブログ、<a href="https://shifa-blog.com">しふぁの副業ブログ飯</a>に掲載された記事です。</p>
]]></description>
										<content:encoded><![CDATA[<p>ブログで飯食って8年以上！</p>
<p>どうも、しふぁです。</p>
<p>このページでは、</p>
<div class="blank-box bb-green"><strong>・Cocoonを使ってブログデザインをカスタマイズする方法10選</strong></div>
<p>このような内容について解説しているので参考にしてみてください。</p>
<p>ちなみに、WordPressブログ作成後に絶対やるべき初期設定のやり方を解説したページも投稿しているので、初期設定が終わっていない人はこちらも確認してみてください。</p>
<p>＞＞<a href="https://shifa-blog.com/wordpress-initial-setting/">WordPressブログ作成後に絶対やるべき初期設定のやり方を確認する！</a></p>
<p><span id="more-1489"></span></p>

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-14" checked><label class="toc-title" for="toc-checkbox-14">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">Cocoonのブログデザインのカスタマイズ方法</a><ol><li><a href="#toc2" tabindex="0">デザインをカスタマイズする前の注意点</a></li></ol></li><li><a href="#toc3" tabindex="0">①テンプレートスキンでデザインを変更する方法</a></li><li><a href="#toc4" tabindex="0">②サイト各部のカラーやフォントの変更方法</a></li><li><a href="#toc5" tabindex="0">③ヘッダー周辺のカスタマイズ方法</a><ol><li><a href="#toc6" tabindex="0">ヘッダーレイアウト</a></li><li><a href="#toc7" tabindex="0">ヘッダーロゴ</a></li><li><a href="#toc8" tabindex="0">ヘッダー背景画像</a></li><li><a href="#toc9" tabindex="0">グローバルナビメニュー色</a></li></ol></li><li><a href="#toc10" tabindex="0">④SNSシェアやフォローボタンの表示変更方法</a></li><li><a href="#toc11" tabindex="0">⑤ブログカード日付表示の変更方法</a></li><li><a href="#toc12" tabindex="0">⑥PV数の非表示設定</a></li><li><a href="#toc13" tabindex="0">⑦サイトアイコンの変更方法</a></li><li><a href="#toc14" tabindex="0">⑧サイドバーの表示変更方法</a></li><li><a href="#toc15" tabindex="0">⑨グローバルメニューの作成方法</a></li><li><a href="#toc16" tabindex="0">⑩おすすめカード/カルーセルの設定方法</a><ol><li><a href="#toc17" tabindex="0">おすすめカードの設定方法</a></li><li><a href="#toc18" tabindex="0">カルーセルの設定方法</a></li></ol></li><li><a href="#toc19" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">Cocoonのブログデザインのカスタマイズ方法</span></h2>
<p>WordPressの無料テンプレート「Cocoon」には、デザインを好きなようにカスタマイズできる機能が豊富に搭載されています。</p>
<p>また、Cocoonとは関係なく、WordPressに搭載されている機能でデザインをカスタマイズすることも可能となっています。</p>
<p>今回はCocoonを使ってWordPressブログのデザインをカスタマイズする方法を10個解説するので、状況に応じて自由にカスタマイズしてみてください。</p>
<p>先に10個のカスタマイズ方法の概要を言っておくと、</p>
<div class="blank-box bb-yellow"><strong>①テンプレートスキンでデザインを変更する方法</strong><br />
<strong>②サイト各部のカラーやフォントの変更方法<br />
③ヘッダー周辺のカスタマイズ方法</strong><br />
<strong>④SNSシェアやフォローボタンの表示変更方法</strong><br />
<strong>⑤ブログカード日付表示の変更方法</strong><br />
<strong>⑥PV数の非表示設定</strong><br />
<strong>⑦サイトアイコンの変更方法</strong><br />
<strong>⑧サイドバーの表示変更方法</strong><br />
<strong>⑨グローバルメニューの作成方法</strong><br />
<strong>⑩おすすめカード/カルーセルの設定方法</strong></div>
<p>このようなデザインのカスタマイズ方法があるのでやり方を確認していきましょう！</p>
<p>&nbsp;</p>
<h3><span id="toc2">デザインをカスタマイズする前の注意点</span></h3>
<p>デザインをカスタマイズする前の注意点を言っておきますが、Cocoonは親テーマではなく、<strong>子テーマを有効化した状態でカスタマイズしてください。</strong></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">親テーマでカスタマイズすると、テーマをアップデートした時にデザインやカスタマイズ内容が消えてしまいます。</div>
</div>
<p>&nbsp;</p>
<p>管理画面の<strong>「外観」から「テーマ」をクリックしたときに、Cocoon Childが「有効」</strong>になっていればOKです！<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1493" src="https://shifa-blog.com/wp-content/uploads/2023/05/91-2.jpg" alt="" width="582" height="353" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/91-2.jpg 582w, https://shifa-blog.com/wp-content/uploads/2023/05/91-2-300x182.jpg 300w" sizes="(max-width: 582px) 100vw, 582px" /></p>
<p>&nbsp;</p>
<h2><span id="toc3">①テンプレートスキンでデザインを変更する方法</span></h2>
<p>まずは、<strong>テンプレートスキンでデザインを変更する方法</strong>を解説します。</p>
<p>これを実際に行うと、以下のようにサイトの見た目を大きく変更することができます！</p>
<p style="text-align: center;"><strong>【スキン例1】</strong><br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1503" src="https://shifa-blog.com/wp-content/uploads/2023/05/187.jpg" alt="" width="600" height="381" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/187.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/187-300x191.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p style="text-align: center;"><strong>【スキン例2】</strong><br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1505" src="https://shifa-blog.com/wp-content/uploads/2023/05/188.jpg" alt="" width="600" height="377" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/188.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/188-300x189.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p style="text-align: center;"><strong>【スキン例3】</strong><br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1504" src="https://shifa-blog.com/wp-content/uploads/2023/05/189.jpg" alt="" width="600" height="369" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/189.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/189-300x185.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">簡単にサイトのデザインを決められるのでおすすめです！</div>
</div>
<p>&nbsp;</p>
<p>まずは、管理画面の左側にある<strong>「Cocoon設定」から「Cocoon設定」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1487" src="https://shifa-blog.com/wp-content/uploads/2023/05/90-2.jpg" alt="" width="412" height="300" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/90-2.jpg 412w, https://shifa-blog.com/wp-content/uploads/2023/05/90-2-300x218.jpg 300w" sizes="(max-width: 412px) 100vw, 412px" /></p>
<p>&nbsp;</p>
<p>次に<strong>「スキン」</strong>タブであることを確認してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1499" src="https://shifa-blog.com/wp-content/uploads/2023/05/183.jpg" alt="" width="600" height="185" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/183.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/183-300x93.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に下にスクロールするとスキン一覧を確認でき、初期設定の状態では「なし」が選択されています。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1500" src="https://shifa-blog.com/wp-content/uploads/2023/05/184.jpg" alt="" width="600" height="382" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/184.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/184-300x191.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>実際に写真マークにカーソルを合わせると、各スキンのプレビューを確認できるので、<strong>好みのスキンがあったらチェックを入れてください。</strong><br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1501" src="https://shifa-blog.com/wp-content/uploads/2023/05/185.jpg" alt="" width="600" height="432" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/185.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/185-300x216.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>できたら<strong>「変更をまとめて保存」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1502" src="https://shifa-blog.com/wp-content/uploads/2023/05/186.jpg" alt="" width="350" height="186" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/186.jpg 350w, https://shifa-blog.com/wp-content/uploads/2023/05/186-300x159.jpg 300w" sizes="(max-width: 350px) 100vw, 350px" /></p>
<p>&nbsp;</p>
<p>後は実際にサイトを確認してしてみてください！<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1506" src="https://shifa-blog.com/wp-content/uploads/2023/05/190.jpg" alt="" width="600" height="381" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/190.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/190-300x191.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>ちなみに、<span class="bold blue">デザインは良いんだけど色が気に食わない場合</span>があると思います。</p>
<p>その時は次の項目で解説する設定を行うと改善する場合もあるので、次の情報をチェックしてみてください。</p>
<p>&nbsp;</p>
<h2><span id="toc4">②サイト各部のカラーやフォントの変更方法</span></h2>
<p>次にサイト各部のカラーやフォントの変更方法を解説します。</p>
<p>まず、Cocoon設定の画面内で<strong>「全体」</strong>タブをクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1507" src="https://shifa-blog.com/wp-content/uploads/2023/05/191.jpg" alt="" width="600" height="142" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/191.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/191-300x71.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にキーカラーの項目に<strong>「サイトキーカラー」</strong>を編集できる部分がありますが、<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1509" src="https://shifa-blog.com/wp-content/uploads/2023/05/192-1.jpg" alt="" width="600" height="197" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/192-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/192-1-300x99.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>ここの色を変更すると、以下のようにヘッダーや見出しの色を変更できるので好きなように設定してみてください。</p>
<p style="text-align: center;"><strong>【↓初期設定時↓】</strong><br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1506" src="https://shifa-blog.com/wp-content/uploads/2023/05/190.jpg" alt="" width="600" height="381" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/190.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/190-300x191.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /><br />
<span class="bold red">【↓サイトキーカラー変更後↓】</span><br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1510" src="https://shifa-blog.com/wp-content/uploads/2023/05/193.jpg" alt="" width="600" height="379" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/193.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/193-300x190.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p style="text-align: center;"><strong>【↓初期設定時↓】</strong><br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1511" src="https://shifa-blog.com/wp-content/uploads/2023/05/194.jpg" alt="" width="600" height="184" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/194.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/194-300x92.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p style="text-align: center;"><span class="bold red">【↓サイトキーカラー変更後↓】</span><br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1512" src="https://shifa-blog.com/wp-content/uploads/2023/05/195.jpg" alt="" width="600" height="179" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/195.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/195-300x90.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>もしも、文字色が見にくい場合は<strong>「サイトキーテキストカラー」</strong>を編集するようにしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1513" src="https://shifa-blog.com/wp-content/uploads/2023/05/196.jpg" alt="" width="600" height="197" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/196.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/196-300x99.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に<strong>サイトフォント</strong>の項目で記事内で使用するフォントや文字のサイズ、文字色を変更できるようになっています。</p>
<p>こちらは初期設定のままでも問題ありませんが、必要であれば変更してみてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1514" src="https://shifa-blog.com/wp-content/uploads/2023/05/198.jpg" alt="" width="600" height="279" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/198.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/198-300x140.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にサイトの背景を変更したいのであれば、<strong>「サイトの背景色」と「サイト背景画像」</strong>の項目で変更が可能です。</p>
<p>こちらも初期設定のままでも問題ありませんが、必要であれば変更してみてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1515" src="https://shifa-blog.com/wp-content/uploads/2023/05/199.jpg" alt="" width="600" height="185" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/199.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/199-300x93.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>最後に<strong>「変更をまとめて保存」</strong>をクリックすることも忘れないようにしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1502" src="https://shifa-blog.com/wp-content/uploads/2023/05/186.jpg" alt="" width="350" height="186" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/186.jpg 350w, https://shifa-blog.com/wp-content/uploads/2023/05/186-300x159.jpg 300w" sizes="(max-width: 350px) 100vw, 350px" /></p>
<p>&nbsp;</p>
<h2><span id="toc5">③ヘッダー周辺のカスタマイズ方法</span></h2>
<p>次に<strong>ヘッダー周辺のカスタマイズ方法</strong>を解説します。</p>
<p>以下の画像の赤枠内がブログのヘッダー部分になりますが、この部分はユーザーの目に必ず入る部分になるので、見栄え良くデザインをカスタマイズしたい人もいると思います。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1538" src="https://shifa-blog.com/wp-content/uploads/2023/05/215.jpg" alt="" width="600" height="343" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/215.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/215-300x172.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/05/215-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/05/215-160x90.jpg 160w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>ちなみに、デザインについて良くわからないのであれば、<strong>手を加えずに初期設定のシンプルな状態でも全然OK</strong>です。</p>
<p>ヘッダーのデザインが良いからアクセスが集まる・大きく稼げるというわけでは無いですからね。</p>
<p>ブログで稼ぎたいのであれば、投稿している記事の内容や記事数、SEO対策などが肝になるので、<span class="bold red">デザインは二の次</span>です。</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">自分は凝ったデザインを考えるのが面倒なので、上記の画像のようなシンプルなデザインで数多くのブログを運営していますが十分大きく稼げています。</div>
</div>
<p>&nbsp;</p>
<p>ただ、しっかりとヘッダー部分のデザインを整えたい人もいると思うので、</p>
<div class="blank-box bb-green"><strong>・ヘッダーレイアウト</strong><br />
<strong>・ヘッダーロゴ</strong><br />
<strong>・ヘッダー背景画像</strong><br />
<strong>・グローバルナビメニュー色</strong></div>
<p>という4つのやり方を解説していきます。</p>
<p>&nbsp;</p>
<h3><span id="toc6">ヘッダーレイアウト</span></h3>
<p>最初はヘッダーレイアウトについて解説しますが、まずはCocoon設定の画面内で<strong>「ヘッダー」</strong>タブをクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1539" src="https://shifa-blog.com/wp-content/uploads/2023/05/216.jpg" alt="" width="600" height="143" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/216.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/216-300x72.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>すると、ヘッダーレイアウトという項目がありますが、実際にクリックすると様々なレイアウトを選択できるようになっています。</p>
<p>どのように変化するのかは実際に設定して確認した方が早いので、どれでも良いので好きなものを選択してみましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1540" src="https://shifa-blog.com/wp-content/uploads/2023/05/217.jpg" alt="" width="536" height="239" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/217.jpg 536w, https://shifa-blog.com/wp-content/uploads/2023/05/217-300x134.jpg 300w" sizes="(max-width: 536px) 100vw, 536px" /></p>
<p>&nbsp;</p>
<p>選択できたら、画面下にある<strong>「変更をまとめて保存」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1502" src="https://shifa-blog.com/wp-content/uploads/2023/05/186.jpg" alt="" width="350" height="186" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/186.jpg 350w, https://shifa-blog.com/wp-content/uploads/2023/05/186-300x159.jpg 300w" sizes="(max-width: 350px) 100vw, 350px" /></p>
<p>&nbsp;</p>
<p>実際にサイトを確認してみると、以下のようにヘッダーのレイアウトを変更できます！</p>
<p>他のレイアウトも実際に変更して確認してみてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1541" src="https://shifa-blog.com/wp-content/uploads/2023/05/218.jpg" alt="" width="600" height="162" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/218.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/218-300x81.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<h3><span id="toc7">ヘッダーロゴ</span></h3>
<p>先ほどの「ヘッダー」タブ内にヘッダーロゴという項目がありますが、ここは<strong>サイトタイトルを画像で表示できる</strong>ようになっています。</p>
<p>実際に<strong>「選択」</strong>をクリックすると、<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1542" src="https://shifa-blog.com/wp-content/uploads/2023/05/219.jpg" alt="" width="600" height="83" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/219.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/219-300x42.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>画像を選択できる画面が表示されるので、<strong>サイトタイトルの代わりに表示させたい画像をアップロード</strong>してください。</p>
<p>そして、<strong>クリックして選択した後に「画像の選択」をクリック</strong>しましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2398" src="https://shifa-blog.com/wp-content/uploads/2023/07/21.jpg" alt="" width="600" height="436" srcset="https://shifa-blog.com/wp-content/uploads/2023/07/21.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/07/21-300x218.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">画像サイズは<strong>幅800px・高さ200px</strong>くらい（多少前後してもOK）で、<strong>背景を透過したpng形式</strong>の画像がおすすめです！</div>
</div>
<p>ちなみに、画像の背景を透過させる方法がわからない人もいると思いますが、GIMPという画像編集ソフトを使用した背景透過方法を自分が運営している別ブログで解説しています。</p>
<p>以下のリンクから詳細な情報が確認できるページに飛べるので、気になる人はチェックしてみてください！</p>
<p>＞＞<a rel="noopener" href="https://shifa-channel.com/gimp-gazou-kirinuki/" target="_blank">GIMPで画像の背景を透過させる方法を確認する！</a></p>
<a rel="noopener" href="https://shifa-channel.com/gimp-gazou-kirinuki/" title="GIMPで画像を切り抜き、背景を透明化(透過)して保存する3つの方法！" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://shifa-blog.com/wp-content/uploads/cocoon-resources/blog-card-cache/6ef637359537bb5c14fecd333df1bd6f.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">GIMPで画像を切り抜き、背景を透明化(透過)して保存する3つの方法！</div><div class="blogcard-snippet external-blogcard-snippet">GIMPを使用して画像を切り抜き、背景を透明化して保存したいけどやり方がわからないと悩んでいませんか？今回はそんな人のために3つのやり方を解説していくので、背景を透過させたい画像によって編集方法をチェックしてみて下さい！</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-channel.com/gimp-gazou-kirinuki/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">shifa-channel.com</div></div></div></div></a>
<p>&nbsp;</p>
<p>実際にアップロードした画像を選択すると、以下のように画像が表示されるので、<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1546" src="https://shifa-blog.com/wp-content/uploads/2023/05/221.jpg" alt="" width="600" height="137" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/221.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/221-300x69.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>画面下にある<strong>「変更をまとめて保存」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1502" src="https://shifa-blog.com/wp-content/uploads/2023/05/186.jpg" alt="" width="350" height="186" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/186.jpg 350w, https://shifa-blog.com/wp-content/uploads/2023/05/186-300x159.jpg 300w" sizes="(max-width: 350px) 100vw, 350px" /></p>
<p>&nbsp;</p>
<p>実際にサイトを確認すると、選択した画像がヘッダーロゴとして表示されるので、状況に応じて活用してみてください！<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2389" src="https://shifa-blog.com/wp-content/uploads/2023/05/14-3.jpg" alt="" width="600" height="307" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/14-3.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/14-3-300x154.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>ちなみに、クオリティの高いヘッダーロゴにしたいのであれば、そのようなロゴを描いているクリエイターに依頼するのがおすすめです。</p>
<p>そのようなクリエイター（絵師）を探す方法や実際の依頼方法を解説したページを作成しているので、気になる人は以下のリンクからチェックしてみてください！</p>
<p>＞＞<a href="https://shifa-blog.com/logo-icon-create-request/">クリエイターにサイトロゴの作成依頼をする方法を確認する！</a></p>
<a href="https://shifa-blog.com/logo-icon-create-request/" title="高クオリティのサイトロゴやアイコン画像の作成を有償依頼する方法を徹底解説！" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img width="160" height="90" src="https://shifa-blog.com/wp-content/uploads/2023/05/bd0c95d6fbf9737db14a938782ce842c-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" decoding="async" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/bd0c95d6fbf9737db14a938782ce842c-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/05/bd0c95d6fbf9737db14a938782ce842c-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/05/bd0c95d6fbf9737db14a938782ce842c-1024x576.jpg 1024w, https://shifa-blog.com/wp-content/uploads/2023/05/bd0c95d6fbf9737db14a938782ce842c-768x432.jpg 768w, https://shifa-blog.com/wp-content/uploads/2023/05/bd0c95d6fbf9737db14a938782ce842c-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/05/bd0c95d6fbf9737db14a938782ce842c-320x180.jpg 320w, https://shifa-blog.com/wp-content/uploads/2023/05/bd0c95d6fbf9737db14a938782ce842c.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">高クオリティのサイトロゴやアイコン画像の作成を有償依頼する方法を徹底解説！</div><div class="blogcard-snippet internal-blogcard-snippet">WordPressブログ用にサイトロゴやアイコン画像は必要？実際に作成するにはどうしたらいいの？と悩むあなたに！サイトロゴやアイコン画像の必要性やクオリティの高いサイトロゴやアイコン画像の作成を有償依頼する方法を徹底解説しています！</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-blog.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">shifa-blog.com</div></div></div></div></a>
<p>&nbsp;</p>
<h3><span id="toc8">ヘッダー背景画像</span></h3>
<p>先ほどの「ヘッダー」タブ内にヘッダー背景画像という項目がありますが、ここは<strong>サイトタイトルの下に表示される背景の画像を自由に選択できる</strong>ようになっています。</p>
<p>実際に<strong>「選択」</strong>をクリックすると、<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1548" src="https://shifa-blog.com/wp-content/uploads/2023/05/222.jpg" alt="" width="600" height="144" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/222.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/222-300x72.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>画像を選択できる画面が表示されるので、<strong>背景画像として</strong><strong>表示させたい画像をアップロード</strong>してください。</p>
<p>そして、<strong>クリックして選択した後に「画像の選択」をクリック</strong>しましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2400" src="https://shifa-blog.com/wp-content/uploads/2023/05/22-3.jpg" alt="" width="600" height="437" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/22-3.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/22-3-300x219.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">背景画像は<strong>幅1600px・高さ300px（多少前後してもOK）</strong>で、<strong>jpg形式の画像</strong>を使用するのがおすすめです！</div>
</div>
<p>ちなみに、フリー画像サイトを32個まとめたページを、自分が運営している別のブログで解説しています。</p>
<p>背景用の画像をダウンロードできるサイトがいくつもありますし、今後のブログ運営で活用できるサイトも多いので、以下のページから32個のフリー画像サイトをチェックしてみてください！</p>
<p>＞＞<a rel="noopener" href="https://shifa-channel.com/osyare-freegazou/" target="_blank">おしゃれなフリー画像がDLできるおすすめサイト32選を確認する！</a></p>
<a rel="noopener" href="https://shifa-channel.com/osyare-freegazou/" title="おしゃれなフリー画像がDLできるおすすめサイト32選！（写真/アイコン/イラスト）" class="blogcard-wrap external-blogcard-wrap a-wrap cf" target="_blank"><div class="blogcard external-blogcard eb-left cf"><div class="blogcard-label external-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail external-blogcard-thumbnail"><img src="https://shifa-blog.com/wp-content/uploads/cocoon-resources/blog-card-cache/85b831971456e8c675ee1ff52ee46f8f.jpg" alt="" class="blogcard-thumb-image external-blogcard-thumb-image" width="160" height="90" /></figure><div class="blogcard-content external-blogcard-content"><div class="blogcard-title external-blogcard-title">おしゃれなフリー画像がDLできるおすすめサイト32選！（写真/アイコン/イラスト）</div><div class="blogcard-snippet external-blogcard-snippet">動画やブログを作成する時や、チラシや資料といったビジネスで使用する時に画像を使いたいけどどこからダウンロードできるかわからないと悩んでませんか？そんなあなたに無料で利用でき、おしゃれなフリー画像がDLできるサイトを32個紹介したいと思います！</div></div><div class="blogcard-footer external-blogcard-footer cf"><div class="blogcard-site external-blogcard-site"><div class="blogcard-favicon external-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-channel.com/osyare-freegazou/" alt="" class="blogcard-favicon-image external-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain external-blogcard-domain">shifa-channel.com</div></div></div></div></a>
<p>&nbsp;</p>
<p>ただ注意点として、フリー画像サイトからダウンロードした画像は、<span class="bold blue">サイズが幅1600px・高さ300pxになっていないことが多いです。</span></p>
<p>このサイズに調整するのであれば、画像編集ソフトを使用して調整する必要がありますが、<strong>JTrim</strong>という画像編集ソフトを使用してサイズ調整するのをおすすめしています。</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">このブログで使っている解説用の画像もJTrimで編集しているので、今後のブログ運営でも役に立ちますよ！</div>
</div>
<p>実際にJTrimをインストールする方法や基本的な使い方を解説したページを作成しているので、以下のリンクから詳細情報をチェックしてみてください。</p>
<p>＞＞<a href="https://shifa-blog.com/jtrim-install-usage/">JTrimのインストール方法と基本的な画像編集方法を確認する！</a></p>
<a href="https://shifa-blog.com/jtrim-install-usage/" title="JTrimとは？インストール方法と基本的な使い方を初心者向けに徹底解説！" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img width="160" height="90" src="https://shifa-blog.com/wp-content/uploads/2023/05/defc63b558327e29fc533dd0e9000c76-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" decoding="async" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/defc63b558327e29fc533dd0e9000c76-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/05/defc63b558327e29fc533dd0e9000c76-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/05/defc63b558327e29fc533dd0e9000c76-1024x576.jpg 1024w, https://shifa-blog.com/wp-content/uploads/2023/05/defc63b558327e29fc533dd0e9000c76-768x432.jpg 768w, https://shifa-blog.com/wp-content/uploads/2023/05/defc63b558327e29fc533dd0e9000c76-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/05/defc63b558327e29fc533dd0e9000c76-320x180.jpg 320w, https://shifa-blog.com/wp-content/uploads/2023/05/defc63b558327e29fc533dd0e9000c76.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">JTrimとは？インストール方法と基本的な使い方を初心者向けに徹底解説！</div><div class="blogcard-snippet internal-blogcard-snippet">JTrimは無料で利用できる画像編集ソフトとなっておりブログ記事内に挿入する画像を編集する場合に非常に便利です。このページではインストール方法と基本的な使い方を初心者向けに徹底解説しているので要チェック！</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-blog.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">shifa-blog.com</div></div></div></div></a>
<p>&nbsp;</p>
<p>実際に画像を選択すると、以下のように選択した画像が表示されるので、<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1551" src="https://shifa-blog.com/wp-content/uploads/2023/05/223-1.jpg" alt="" width="600" height="200" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/223-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/223-1-300x100.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>画面下にある<strong>「変更をまとめて保存」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1502" src="https://shifa-blog.com/wp-content/uploads/2023/05/186.jpg" alt="" width="350" height="186" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/186.jpg 350w, https://shifa-blog.com/wp-content/uploads/2023/05/186-300x159.jpg 300w" sizes="(max-width: 350px) 100vw, 350px" /></p>
<p>&nbsp;</p>
<p>実際にサイトを確認すると、選択した画像がヘッダー背景画像として表示されるので、状況に応じて活用してみてください！<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-2390" src="https://shifa-blog.com/wp-content/uploads/2023/05/15-2.jpg" alt="" width="600" height="393" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/15-2.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/15-2-300x197.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<h3><span id="toc9">グローバルナビメニュー色</span></h3>
<p>先ほどの「ヘッダー」タブ内にグローバルナビメニュー色という項目がありますが、<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1552" src="https://shifa-blog.com/wp-content/uploads/2023/05/224.jpg" alt="" width="574" height="240" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/224.jpg 574w, https://shifa-blog.com/wp-content/uploads/2023/05/224-300x125.jpg 300w" sizes="(max-width: 574px) 100vw, 574px" /></p>
<p>&nbsp;</p>
<p>これはヘッダーにメニューを表示させている時に限り、色を変更できるようになっています。</p>
<p>状況に応じて好きな色に変更してみて下さい。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1553" src="https://shifa-blog.com/wp-content/uploads/2023/05/225.jpg" alt="" width="600" height="267" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/225.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/225-300x134.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">もしも、このような画面が表示されていないのであれば、この記事の「⑨グローバルメニューの作成方法」を確認してみてください！</div>
</div>
<p>&nbsp;</p>

<h2><span id="toc10">④SNSシェアやフォローボタンの表示変更方法</span></h2>
<p>次に<strong>SNSシェアやフォローボタンの表示変更方法</strong>を解説します。</p>
<p>実際に投稿した記事を確認すると、初期設定の状態では記事の上部や最後の方にSNSシェアやフォローボタンが表示されています。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1516" src="https://shifa-blog.com/wp-content/uploads/2023/05/200.jpg" alt="" width="600" height="374" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/200.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/200-300x187.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1518" src="https://shifa-blog.com/wp-content/uploads/2023/05/201.jpg" alt="" width="600" height="435" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/201.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/201-300x218.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>ブログ記事が各SNSにシェアされるとアクセス数が増える可能性が高まるので、この機能を有効活用するのはおすすめです。</p>
<p>ただ、中には不要だなと思う場合があったり、色がカラフル過ぎてサイトデザインと合わない場合もあります。</p>
<p>そんなときのために変更方法を解説するので参考にしてみてください。</p>
<p>&nbsp;</p>
<p>まず、Cocoon設定の画面内で<strong>「SNSシェア」</strong>タブをクリックします。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1519" src="https://shifa-blog.com/wp-content/uploads/2023/05/202.jpg" alt="" width="600" height="136" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/202.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/202-300x68.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にプレビューの項目にSNSシェアボタンが表示されていますが、<span class="bold blue">このSNSシェアボタンを記事上部に表示したくない場合</span>は、<strong>「メインカラムトップシェアボタンを表示」</strong>のチェックを外してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1521" src="https://shifa-blog.com/wp-content/uploads/2023/05/204.jpg" alt="" width="600" height="400" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/204.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/204-300x200.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>もしも、記事上部に表示させるシェアボタンを編集したいのであれば、<strong>「表示切替」の各チェック項目を変更すれば編集可能</strong>なので、好きなものを表示・非表示にしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1523" src="https://shifa-blog.com/wp-content/uploads/2023/05/205.jpg" alt="" width="600" height="400" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/205.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/205-300x200.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にボタンの色を変更したい場合は、<strong>「ボタンカラー」</strong>の項目で変更可能となっています。</p>
<p>3種類のカラーが選べるので、実際に選択して変更を保存したあとに確認してみましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1524" src="https://shifa-blog.com/wp-content/uploads/2023/05/206.jpg" alt="" width="579" height="153" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/206.jpg 579w, https://shifa-blog.com/wp-content/uploads/2023/05/206-300x79.jpg 300w" sizes="(max-width: 579px) 100vw, 579px" /></p>
<p>&nbsp;</p>
<p>次に下にスクロールすると、ボトムシェアボタンを編集できる画面があります。</p>
<p>プレビューの項目にSNSシェアボタンが表示されていますが、<span class="bold blue">このSNSシェアボタンを記事の最後に表示したくない場合</span>は、<strong>「メインカラムボトムシェアボタンを表示」</strong>のチェックを外してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1525" src="https://shifa-blog.com/wp-content/uploads/2023/05/207.jpg" alt="" width="600" height="338" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/207.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/207-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/05/207-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/05/207-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/05/207-320x180.jpg 320w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>もしも、記事の最後に表示させるシェアボタンを編集したいのであれば、<strong>「表示切替」の各チェック項目を変更すれば編集可能</strong>なので、好きなものを表示・非表示にしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1526" src="https://shifa-blog.com/wp-content/uploads/2023/05/208.jpg" alt="" width="598" height="322" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/208.jpg 598w, https://shifa-blog.com/wp-content/uploads/2023/05/208-300x162.jpg 300w" sizes="(max-width: 598px) 100vw, 598px" /></p>
<p>&nbsp;</p>
<p>また、ボタンの色を変更したい場合は<strong>「ボタンカラー」</strong>の項目で変更可能なので、こちらも好きなものに変更してみてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1524" src="https://shifa-blog.com/wp-content/uploads/2023/05/206.jpg" alt="" width="579" height="153" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/206.jpg 579w, https://shifa-blog.com/wp-content/uploads/2023/05/206-300x79.jpg 300w" sizes="(max-width: 579px) 100vw, 579px" /></p>
<p>&nbsp;</p>
<p>次にSNSフォローの設定を変更したいので<strong>「SNSフォロー」</strong>タブをクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1520" src="https://shifa-blog.com/wp-content/uploads/2023/05/203.jpg" alt="" width="600" height="138" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/203.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/203-300x69.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にプレビューの項目にフォローボタンが表示されていますが、<span class="bold blue">このフォローボタンを記事の最後に表示したくない場合</span>は、<strong>「本文下のフォローボタンを表示する」</strong>のチェックを外してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1527" src="https://shifa-blog.com/wp-content/uploads/2023/05/209.jpg" alt="" width="600" height="317" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/209.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/209-300x159.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>もしも、フォローボタンの色を変更したいのであれば<strong>「ボタンカラー」</strong>の項目で変更できるので、好きなものに変更してみてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1528" src="https://shifa-blog.com/wp-content/uploads/2023/05/210.jpg" alt="" width="521" height="173" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/210.jpg 521w, https://shifa-blog.com/wp-content/uploads/2023/05/210-300x100.jpg 300w" sizes="(max-width: 521px) 100vw, 521px" /></p>
<p>&nbsp;</p>
<p>最後に<strong>「変更をまとめて保存」</strong>をクリックすることも忘れないようにしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1502" src="https://shifa-blog.com/wp-content/uploads/2023/05/186.jpg" alt="" width="350" height="186" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/186.jpg 350w, https://shifa-blog.com/wp-content/uploads/2023/05/186-300x159.jpg 300w" sizes="(max-width: 350px) 100vw, 350px" /></p>
<p>&nbsp;</p>
<h2><span id="toc11">⑤ブログカード日付表示の変更方法</span></h2>
<p>次に<strong>ブログカードの日付表示の変更方法</strong>を解説します。</p>
<p>ブログカードとはアイキャッチ画像や記事タイトル、メタディスクリプション、投稿日などがまとめられたカード形式のリンクのことを言います。</p>
<p><span class="fz-12px"><strong>※こんな感じのリンクをブログカードと言います↓↓↓</strong></span></p>
<a href="https://shifa-blog.com/contact/" title="お問い合わせ" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img width="160" height="90" src="https://shifa-blog.com/wp-content/uploads/2023/04/50c28f3b32ab59d4245e090b00c5f2ca-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" decoding="async" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/50c28f3b32ab59d4245e090b00c5f2ca-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/04/50c28f3b32ab59d4245e090b00c5f2ca-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/04/50c28f3b32ab59d4245e090b00c5f2ca-1024x576.jpg 1024w, https://shifa-blog.com/wp-content/uploads/2023/04/50c28f3b32ab59d4245e090b00c5f2ca-768x432.jpg 768w, https://shifa-blog.com/wp-content/uploads/2023/04/50c28f3b32ab59d4245e090b00c5f2ca-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/04/50c28f3b32ab59d4245e090b00c5f2ca-320x180.jpg 320w, https://shifa-blog.com/wp-content/uploads/2023/04/50c28f3b32ab59d4245e090b00c5f2ca.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">お問い合わせ</div><div class="blogcard-snippet internal-blogcard-snippet">お問い合わせはこちらよりお願いいたします。</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-blog.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">shifa-blog.com</div></div></div></div></a>
<p>自分のサイト内の記事を内部リンクでつなぐ時、テキストリンクよりも非常に目立つデザインになっているので、状況によってはブログカードの方が非常に役に立つ場合があります。</p>
<p>&nbsp;</p>
<p>実際にブログカードを使用するやり方としては、記事作成画面でURLをコピペするだけで使用可能なので覚えておいて欲しいのですが、<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1532" src="https://shifa-blog.com/wp-content/uploads/2023/05/212.jpg" alt="" width="600" height="417" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/212.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/212-300x209.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>初期設定の状態では<strong>投稿日が表示される設定</strong>になっており、記事更新を行っても<span class="bold blue">更新日ではなく投稿日が表示されてしまいます。</span><br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1535" src="https://shifa-blog.com/wp-content/uploads/2023/05/211.jpg" alt="" width="600" height="168" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/211.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/211-300x84.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>記事を投稿して月日が経ってくると、</p>
<div class="speech-wrap sb-id-5 sbs-flat sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="speech-icon-image" src="http://shifa-blog.com/wp-content/themes/cocoon-master/images/ojisan.png" alt="" width="92" height="92" /></figure>
</div>
<div class="speech-balloon">
<p>日付が1年前！？このリンク先のページは情報が古いかもしれないから信頼できないな…。</p>
</div>
</div>
<p>と、ユーザーから勘違いされて信頼を失ってしまう可能性があるので、更新日が表示されるように設定するか、非表示にする設定に変更しておきましょう。</p>
<p>&nbsp;</p>
<p>まずは、Cocoon設定の画面内で<strong>「ブログカード」</strong>タブをクリックします。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1536" src="https://shifa-blog.com/wp-content/uploads/2023/05/213.jpg" alt="" width="600" height="136" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/213.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/213-300x68.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に日付表示の欄にある<strong>「更新日」にチェックを入れてください。</strong><br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1537" src="https://shifa-blog.com/wp-content/uploads/2023/05/214.jpg" alt="" width="600" height="138" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/214.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/214-300x69.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">日付を表示させたくないなら「なし」を選択しよう！</div>
</div>
<p>&nbsp;</p>
<p>できたら<strong>「変更をまとめて保存」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1502" src="https://shifa-blog.com/wp-content/uploads/2023/05/186.jpg" alt="" width="350" height="186" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/186.jpg 350w, https://shifa-blog.com/wp-content/uploads/2023/05/186-300x159.jpg 300w" sizes="(max-width: 350px) 100vw, 350px" /></p>
<p>&nbsp;</p>
<h2><span id="toc12">⑥PV数の非表示設定</span></h2>
<p>次に<strong>PV数の非表示設定のやり方</strong>を解説します。</p>
<p>記事を投稿した後にブログのトップページを確認すると以下のように記事が表示されますが、PV数が丸見えになっています。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1557" src="https://shifa-blog.com/wp-content/uploads/2023/05/226.jpg" alt="" width="600" height="183" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/226.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/226-300x92.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>この状態では競合のブログ運営者が自分のブログを見つけた時、アクセス数が多い記事を具体的な数字で確認できるので、分析されて内容を参考にされてしまう可能性があります。</p>
<p>ライバル対策のためにも<strong>PV数は非表示にしておくのがおすすめ</strong>です。</p>
<p>&nbsp;</p>
<p>まず、Cocoon設定の画面内で<strong>「管理者画面」</strong>タブをクリックします。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1560" src="https://shifa-blog.com/wp-content/uploads/2023/05/227.jpg" alt="" width="600" height="139" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/227.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/227-300x70.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に管理者パネルの「PVの表示」の項目にある<strong>「インデックスにPV数を表示」のチェックを外してください。</strong><br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1561" src="https://shifa-blog.com/wp-content/uploads/2023/05/228.jpg" alt="" width="600" height="378" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/228.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/228-300x189.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>できたら<strong>「変更をまとめて保存」</strong>をクリックして実際に確認してみてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1502" src="https://shifa-blog.com/wp-content/uploads/2023/05/186.jpg" alt="" width="350" height="186" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/186.jpg 350w, https://shifa-blog.com/wp-content/uploads/2023/05/186-300x159.jpg 300w" sizes="(max-width: 350px) 100vw, 350px" /></p>
<p>&nbsp;</p>

<h2><span id="toc13">⑦サイトアイコンの変更方法</span></h2>
<p>次に<strong>サイトアイコンの変更方法</strong>を解説します。</p>
<p>サイトアイコンというのは、サイトをブラウザで開いたときに画面上のタブに表示されるアイコンのことを言います。</p>
<p>初期設定ではタマゴみたいなマークだったり、WordPressのWマークが表示された状態になっています。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1562" src="https://shifa-blog.com/wp-content/uploads/2023/05/229.jpg" alt="" width="552" height="138" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/229.jpg 552w, https://shifa-blog.com/wp-content/uploads/2023/05/229-300x75.jpg 300w" sizes="(max-width: 552px) 100vw, 552px" /></p>
<p>初期設定のままでも問題ないですが、自分が運営するブログに関連するサイトアイコンに設定しておくと、自分のブログにブランド性が付いてくるので、できるだけ設定するのがおすすめです。</p>
<p>&nbsp;</p>
<p>実際のやり方ですが、管理画面の左側にある<strong>「外観」から「カスタマイズ」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1563" src="https://shifa-blog.com/wp-content/uploads/2023/05/230.jpg" alt="" width="362" height="254" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/230.jpg 362w, https://shifa-blog.com/wp-content/uploads/2023/05/230-300x210.jpg 300w" sizes="(max-width: 362px) 100vw, 362px" /></p>
<p>&nbsp;</p>
<p>次に画面左側にある<strong>「サイト基本情報」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1565" src="https://shifa-blog.com/wp-content/uploads/2023/05/231.jpg" alt="" width="600" height="416" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/231.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/231-300x208.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に<strong>「サイトアイコンを選択」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1566" src="https://shifa-blog.com/wp-content/uploads/2023/05/232.jpg" alt="" width="600" height="433" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/232.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/232-300x217.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に画像を選択できる画面が表示されるので、サイトアイコン用の画像をアップロードして<strong>「選択」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1568" src="https://shifa-blog.com/wp-content/uploads/2023/05/233.jpg" alt="" width="600" height="442" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/233.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/233-300x221.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>ちなみに、サイトアイコン用の画像は<strong>512×512px以上の正方形の画像</strong>が推奨されています。（jpg形式でもpng形式でもOK）</p>
<p>これまでに、</p>
<div class="blank-box bb-green">・<a href="https://shifa-blog.com/logo-icon-create-request/">クリエイターにサイトロゴやアイコン画像の作成を依頼する方法</a><br />
・<a rel="noopener" href="https://shifa-channel.com/gimp-gazou-kirinuki/" target="_blank">GIMPを使って背景透過する方法</a><br />
・<a rel="noopener" href="https://shifa-channel.com/osyare-freegazou/" target="_blank">フリー画像をダウンロードできるサイト32選</a><br />
・<a href="https://shifa-blog.com/jtrim-install-usage/">JTrimを使って画像編集する方法</a></div>
<p>このような情報を解説したページを紹介したので、これらを駆使してサイトアイコン用の画像を準備してください。</p>
<p>&nbsp;</p>
<p>次にサイトアイコン用の画像を選択すると、画像を切り抜く範囲を指定する画面が表示されるので、<strong>切り抜き範囲を指定できたら「画像切り抜き」をクリック</strong>しましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1569" src="https://shifa-blog.com/wp-content/uploads/2023/05/234.jpg" alt="" width="600" height="443" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/234.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/234-300x222.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>これでサイトアイコン用の画像を設定できたので、<strong>「公開」</strong>をクリックして設定を確定させてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1570" src="https://shifa-blog.com/wp-content/uploads/2023/05/235.jpg" alt="" width="600" height="459" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/235.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/235-300x230.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<h2><span id="toc14">⑧サイドバーの表示変更方法</span></h2>
<p>次に<strong>サイドバーの表示変更方法</strong>を解説します。</p>
<p>サイドバーとはPCで見た時に記事本文の横に表示されている画面のことで、初期設定の状態ではあまり良くない構成になっているので変更するのがおすすめです。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1571" src="https://shifa-blog.com/wp-content/uploads/2023/05/236.jpg" alt="" width="600" height="423" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/236.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/236-300x212.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>実際のやり方としては、管理画面の左側にある<strong>「外観」から「ウィジェット」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1572" src="https://shifa-blog.com/wp-content/uploads/2023/05/237.jpg" alt="" width="380" height="268" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/237.jpg 380w, https://shifa-blog.com/wp-content/uploads/2023/05/237-300x212.jpg 300w" sizes="(max-width: 380px) 100vw, 380px" /></p>
<p>&nbsp;</p>
<p>次にサイドバーの中に「ブロック」という項目がいくつかありますが、不要な物があったり、細かく条件を設定できなくなっているので全て削除します。</p>
<p>ブロックの項目をクリックして展開した後に<strong>「削除」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1573" src="https://shifa-blog.com/wp-content/uploads/2023/05/238.jpg" alt="" width="600" height="343" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/238.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/238-300x172.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/05/238-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/05/238-160x90.jpg 160w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にサイドバースクロール追従の項目を展開すると、同じようにブロックの項目があるので<strong>削除</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1574" src="https://shifa-blog.com/wp-content/uploads/2023/05/239.jpg" alt="" width="600" height="349" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/239.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/239-300x175.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に画面左側に<strong>検索・カテゴリー・人気記事・新着記事</strong>というウィジェットが用意されているので、それらを<strong>ドラッグしてサイドバーの項目内にドロップ</strong>しましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1575" src="https://shifa-blog.com/wp-content/uploads/2023/05/240.jpg" alt="" width="600" height="400" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/240.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/240-300x200.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>実際にドラッグ＆ドロップするとわかりますが、各項目をクリックすると詳細な設定が行えるようになっています。</p>
<p>これに関しては自分の好きなように設定してもらってOKなので、実際にサイトを開いて確認しながら調整してみてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1576" src="https://shifa-blog.com/wp-content/uploads/2023/05/241.jpg" alt="" width="455" height="291" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/241.jpg 455w, https://shifa-blog.com/wp-content/uploads/2023/05/241-300x192.jpg 300w" sizes="(max-width: 455px) 100vw, 455px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">検索・カテゴリー・人気記事・新着記事は最低限入れておくとOKですが、他にも様々なウィジェットがあるので必要に応じて追加してみてください！</div>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2><span id="toc15">⑨グローバルメニューの作成方法</span></h2>
<p>次に<strong>グローバルメニューの作成方法</strong>を解説します。</p>
<p>グローバルメニューとはサイト内の各ページに共通して設置される案内メニューのようなもので、画面上のヘッダー部分や画面下のフッター部分に追加可能です。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1553" src="https://shifa-blog.com/wp-content/uploads/2023/05/225.jpg" alt="" width="600" height="267" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/225.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/225-300x134.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1578" src="https://shifa-blog.com/wp-content/uploads/2023/05/242.jpg" alt="" width="600" height="281" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/242.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/242-300x141.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>この部分には<strong>お問い合わせやサイトマップ、プライバシーポリシーといった固定ページとして作成した記事を表示させておくのがおすすめ</strong>です。</p>
<p>もしも、これらの固定ページを作成できていないのであれば、以下のリンクを確認して固定ページを作成するようにしてください。</p>
<div class="blank-box bb-green">・<a href="https://shifa-blog.com/contact-form-7-setting/">お問い合わせフォームの設置方法はこちら</a><br />
・<a href="https://shifa-blog.com/wp-sitemap-page-setting/">サイトマップの設置方法はこちら</a><br />
・<a href="https://shifa-blog.com/blog-privacy-policy/">プライバシーポリシーの設置方法はこちら</a></div>
<p>ちなみに、上記のお問い合わせフォームの設置方法のページを見て設定を行えば、ヘッダー部分にグローバルメニューを追加できているはずです。</p>
<p>ただ、中にはヘッダー部分にグローバルメニューを追加できていない人や、フッター部分にグローバルメニューを追加できていない人もいると思うので、最初からそのやり方を解説します。</p>
<p>&nbsp;</p>
<p>まずは管理画面の左側にある<strong>「外観」から「メニュー」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-360" src="https://shifa-blog.com/wp-content/uploads/2023/04/134.jpg" alt="" width="600" height="316" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/134.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/134-300x158.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にこのような画面が表示されますが、メニュー名にわかりやすい名前を入力してください。</p>
<p>管理上の名前なので何でも良いのですが、今回は<strong>「ヘッダー」</strong>と入力して解説します。</p>
<p>できたら<strong>「メニューを作成」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1579" src="https://shifa-blog.com/wp-content/uploads/2023/05/243.jpg" alt="" width="600" height="286" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/243.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/243-300x143.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に画面左にある<strong>プライバシーポリシー・サイトマップ・お問い合わせにチェックを入れて「メニューに追加」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1580" src="https://shifa-blog.com/wp-content/uploads/2023/05/244.jpg" alt="" width="600" height="291" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/244.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/244-300x146.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>すると、メニューに各ページが追加されます。</p>
<p>もしも順番を変更したい場合は、<strong>各要素をドラッグして移動させれば順番を変更可能</strong>です。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1588" src="https://shifa-blog.com/wp-content/uploads/2023/05/252.jpg" alt="" width="597" height="408" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/252.jpg 597w, https://shifa-blog.com/wp-content/uploads/2023/05/252-300x205.jpg 300w" sizes="(max-width: 597px) 100vw, 597px" /></p>
<p>&nbsp;</p>
<p>また、<strong>1つ右の位置に移動させて副項目にする</strong>と、<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1589" src="https://shifa-blog.com/wp-content/uploads/2023/05/253.jpg" alt="" width="597" height="416" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/253.jpg 597w, https://shifa-blog.com/wp-content/uploads/2023/05/253-300x209.jpg 300w" sizes="(max-width: 597px) 100vw, 597px" /></p>
<p>&nbsp;</p>
<p>このように階層表示ができるので参考にしてみてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1590" src="https://shifa-blog.com/wp-content/uploads/2023/05/254.jpg" alt="" width="565" height="270" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/254.jpg 565w, https://shifa-blog.com/wp-content/uploads/2023/05/254-300x143.jpg 300w" sizes="(max-width: 565px) 100vw, 565px" /></p>
<p>&nbsp;</p>
<p>次に、</p>
<div class="blank-box bb-green"><strong>・「このメニューに新しいトップレベルページを自動的に追加」にチェック</strong><br />
<strong>・「ヘッダーメニュー」にチェック</strong></div>
<p>この設定ができたら<strong>「メニューを保存」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1581" src="https://shifa-blog.com/wp-content/uploads/2023/05/245.jpg" alt="" width="600" height="468" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/245.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/245-300x234.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>あとは実際にサイトを確認して、ヘッダー部分にグローバルメニューが表示されていることを確認してください！<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1582" src="https://shifa-blog.com/wp-content/uploads/2023/05/246.jpg" alt="" width="600" height="369" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/246.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/246-300x185.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に画面下のフッターにもグローバルメニューを追加する方法を解説しますが、<strong>「新しいメニューを作成しましょう」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1583" src="https://shifa-blog.com/wp-content/uploads/2023/05/247.jpg" alt="" width="600" height="314" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/247.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/247-300x157.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に新しくメニューを追加できる画面が表示されますが、メニュー名にわかりやすい名前を入力してください。</p>
<p>管理上の名前なので何でも良いのですが、今回は<strong>「フッター」</strong>と入力して解説します。</p>
<p>できたら<strong>「メニューを作成」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1584" src="https://shifa-blog.com/wp-content/uploads/2023/05/248.jpg" alt="" width="600" height="288" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/248.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/248-300x144.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に画面左にある<strong>プライバシーポリシー・サイトマップ・お問い合わせにチェックを入れて「メニューに追加」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1585" src="https://shifa-blog.com/wp-content/uploads/2023/05/249.jpg" alt="" width="600" height="285" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/249.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/249-300x143.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>すると、メニューに各ページが追加されるので、</p>
<div class="blank-box bb-green"><strong>・「このメニューに新しいトップレベルページを自動的に追加」にチェック</strong><br />
<strong>・「フッターメニュー」にチェック</strong></div>
<p>この設定ができたら<strong>「メニューを保存」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1586" src="https://shifa-blog.com/wp-content/uploads/2023/05/250.jpg" alt="" width="600" height="522" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/250.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/250-300x261.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>あとは実際にサイトを確認して、フッター部分にグローバルメニューが表示されていることを確認してください！<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1587" src="https://shifa-blog.com/wp-content/uploads/2023/05/251.jpg" alt="" width="497" height="127" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/251.jpg 497w, https://shifa-blog.com/wp-content/uploads/2023/05/251-300x77.jpg 300w" sizes="(max-width: 497px) 100vw, 497px" /></p>
<p>&nbsp;</p>

<h2><span id="toc16">⑩おすすめカード/カルーセルの設定方法</span></h2>
<p>次に<strong>おすすめカードとカルーセルの設定方法</strong>を解説します。</p>
<p>まず、おすすめカードとは先ほどのヘッダーのグローバルメニューよりも下に表示されるようになっており、おすすめの記事をユーザーに宣伝することができます。</p>
<p>デザインの問題上、おすすめカードとして入れる記事は4つまでがおすすめです。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1591" src="https://shifa-blog.com/wp-content/uploads/2023/05/255.jpg" alt="" width="600" height="378" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/255.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/255-300x189.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にカルーセルについてですが、こちらもおすすめカードと同じようにヘッダーのグローバルメニューよりも下に表示され、おすすめの記事をユーザーに宣伝することができます。</p>
<p>おすすめカードと違う点としては自動でページが切り替わる設定が行えるので、4記事以上ユーザーに宣伝したい場合におすすめです。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1592" src="https://shifa-blog.com/wp-content/uploads/2023/05/256.jpg" alt="" width="600" height="383" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/256.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/256-300x192.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>これに関しては好みになるので、自分が好きな方法で設定してみてください。</p>
<p>&nbsp;</p>
<h3><span id="toc17">おすすめカードの設定方法</span></h3>
<p>最初におすすめカードの設定方法を解説しますが、おすすめカード用にグローバルメニューを設定する必要があります。</p>
<p>まずは、管理画面の左側にある<strong>「外観」から「メニュー」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-360" src="https://shifa-blog.com/wp-content/uploads/2023/04/134.jpg" alt="" width="600" height="316" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/134.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/04/134-300x158.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に<strong>「新しいメニューを作成しましょう」</strong>をクリックします。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1593" src="https://shifa-blog.com/wp-content/uploads/2023/05/257.jpg" alt="" width="600" height="135" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/257.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/257-300x68.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にメニュー名に<strong>「おすすめカード」</strong>と入力したら<strong>「メニューを作成」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1594" src="https://shifa-blog.com/wp-content/uploads/2023/05/258.jpg" alt="" width="600" height="314" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/258.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/258-300x157.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に<strong>「投稿」</strong>をクリックし、<strong>おすすめカードに表示させたい記事を最大4記事まで選択したら「メニューに追加」をクリック</strong>しましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1595" src="https://shifa-blog.com/wp-content/uploads/2023/05/259.jpg" alt="" width="315" height="472" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/259.jpg 315w, https://shifa-blog.com/wp-content/uploads/2023/05/259-200x300.jpg 200w" sizes="(max-width: 315px) 100vw, 315px" /></p>
<p>&nbsp;</p>
<p>次に<strong>記事の順番を調整したら「メニューを保存」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1596" src="https://shifa-blog.com/wp-content/uploads/2023/05/260.jpg" alt="" width="600" height="488" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/260.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/260-300x244.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">メニュー設定のチェック項目は空欄でOKです！</div>
</div>
<p>&nbsp;</p>
<p>次に管理画面の左側にある<strong>「Cocoon設定」から「Cocoon設定」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1487" src="https://shifa-blog.com/wp-content/uploads/2023/05/90-2.jpg" alt="" width="412" height="300" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/90-2.jpg 412w, https://shifa-blog.com/wp-content/uploads/2023/05/90-2-300x218.jpg 300w" sizes="(max-width: 412px) 100vw, 412px" /></p>
<p>&nbsp;</p>
<p>次に<strong>「おすすめカード」</strong>タブをクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1597" src="https://shifa-blog.com/wp-content/uploads/2023/05/261.jpg" alt="" width="600" height="140" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/261.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/261-300x70.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に、</p>
<div class="blank-box bb-green"><strong>・おすすめカードの表示：全ページで表示</strong><br />
<strong>・メニュー選択：おすすめカード</strong><br />
<strong>・表示スタイル：好みのものを選択</strong><br />
<strong>・カード余白：好みに応じて選択</strong><br />
<strong>・カードエリア左右余白：好みに応じて選択</strong></div>
<p>このように設定してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1598" src="https://shifa-blog.com/wp-content/uploads/2023/05/262.jpg" alt="" width="600" height="381" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/262.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/262-300x191.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">写真マークにカーソルを合わせると、設定したときの参考画像を確認できます！</div>
</div>
<p>&nbsp;</p>
<p>設定できたら<strong>「変更をまとめて保存」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1502" src="https://shifa-blog.com/wp-content/uploads/2023/05/186.jpg" alt="" width="350" height="186" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/186.jpg 350w, https://shifa-blog.com/wp-content/uploads/2023/05/186-300x159.jpg 300w" sizes="(max-width: 350px) 100vw, 350px" /></p>
<p>&nbsp;</p>
<p>あとはどのように表示されているのか、実際にサイトを確認してみてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1591" src="https://shifa-blog.com/wp-content/uploads/2023/05/255.jpg" alt="" width="600" height="378" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/255.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/255-300x189.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<h3><span id="toc18">カルーセルの設定方法</span></h3>
<p>次にカルーセルの設定方法を解説します。</p>
<p>まずは、管理画面の左側にある<strong>「Cocoon設定」から「Cocoon設定」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1487" src="https://shifa-blog.com/wp-content/uploads/2023/05/90-2.jpg" alt="" width="412" height="300" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/90-2.jpg 412w, https://shifa-blog.com/wp-content/uploads/2023/05/90-2-300x218.jpg 300w" sizes="(max-width: 412px) 100vw, 412px" /></p>
<p>&nbsp;</p>
<p>次に<strong>「カルーセル」</strong>タブをクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1599" src="https://shifa-blog.com/wp-content/uploads/2023/05/263.jpg" alt="" width="600" height="141" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/263.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/263-300x71.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にカルーセルの表示を<strong>「全ページで表示」</strong>を選択してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1600" src="https://shifa-blog.com/wp-content/uploads/2023/05/264.jpg" alt="" width="544" height="125" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/264.jpg 544w, https://shifa-blog.com/wp-content/uploads/2023/05/264-300x69.jpg 300w" sizes="(max-width: 544px) 100vw, 544px" /></p>
<p>&nbsp;</p>
<p>次に表示内容の部分でどの記事を表示させるのか選択しますが、</p>
<div class="blank-box bb-green"><strong>・人気記事を表示させるのか</strong><br />
<strong>・カテゴリーに該当する記事を表示させるのか</strong><br />
<strong>・タグに該当する記事を表示させるのか</strong></div>
<p>という、3つの選択肢からカルーセルに表示させる記事を選択できます。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1601" src="https://shifa-blog.com/wp-content/uploads/2023/05/265.jpg" alt="" width="600" height="325" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/265.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/265-300x163.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>個人的には<strong>タグでに該当する記事を表示させるのが1番やりやすい</strong>ので、<span class="bold red">カルーセルに表示させたい記事だけに特定のタグを追加し、そのタグにチェックを入れるのがおすすめ</span>です。（選択したタグが含まれる記事だけがカルーセルに表示されます）</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">この方法でやるなら<strong>人気記事とカテゴリーのチェックは空欄</strong>にしてください！</div>
</div>
<p>&nbsp;</p>
<p>次の設定ですが<strong>「オートプレイを実行」にチェック</strong>を入れましょう。</p>
<p>それ以外の項目は初期設定のままでOKです。</p>
<p>できたら<strong>「変更をまとめて保存」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1602" src="https://shifa-blog.com/wp-content/uploads/2023/05/266.jpg" alt="" width="600" height="368" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/266.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/266-300x184.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>あとはどのように表示されているのか、実際にサイトを確認してみてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1592" src="https://shifa-blog.com/wp-content/uploads/2023/05/256.jpg" alt="" width="600" height="383" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/256.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/256-300x192.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<h2><span id="toc19">まとめ</span></h2>
<p>今回はCocoonを使ってブログデザインをカスタマイズする方法を10個解説しました！</p>
<p>ちなみに、WordPressの初期設定のためにCocoonのデザインカスタマイズ方法を見ていた人もいると思いますが、こちらからWordPressブログの初期設定方法を解説したページに戻れるのでチェックしてみてください！</p>
<p>＞＞<a href="https://shifa-blog.com/wordpress-initial-setting/">WordPressブログの初期設定方法を確認する！</a></p>
<a href="https://shifa-blog.com/wordpress-initial-setting/" title="WordPressブログ作成後に絶対やるべき初期設定のやり方10選" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img width="160" height="90" src="https://shifa-blog.com/wp-content/uploads/2023/04/46ba47fc37077306e872ee46f775c920-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" decoding="async" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/46ba47fc37077306e872ee46f775c920-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/04/46ba47fc37077306e872ee46f775c920-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/04/46ba47fc37077306e872ee46f775c920-1024x576.jpg 1024w, https://shifa-blog.com/wp-content/uploads/2023/04/46ba47fc37077306e872ee46f775c920-768x432.jpg 768w, https://shifa-blog.com/wp-content/uploads/2023/04/46ba47fc37077306e872ee46f775c920-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/04/46ba47fc37077306e872ee46f775c920-320x180.jpg 320w, https://shifa-blog.com/wp-content/uploads/2023/04/46ba47fc37077306e872ee46f775c920.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">WordPressブログ作成後に絶対やるべき初期設定のやり方10選</div><div class="blogcard-snippet internal-blogcard-snippet">サーバーに契約してWordPressブログを開設できたけど初期設定方法がわからない・1人でできないあなたに！WordPressブログ作成後に絶対やるべき11個の初期設定のやり方を初心者でもわかりやすいように解説しているので参考にしてみてください！</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-blog.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">shifa-blog.com</div></div></div></div></a>
<p>&nbsp;</p>
<p>また、このブログでは、これから副業でブログを始めたい人、稼ぎたい人に向けて情報発信をしています。</p>
<p>サイト内カテゴリやサイトマップを活用して、他の情報もチェックしてみてください！</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-61" src="https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">
<p>わからないことがある場合はコメントで具体的に質問してみてね！（全てがわかるわけではないのでその点は注意）</p>
</div>
</div>
  <div class="author-box border-element no-icon cf">
          <div class="author-widget-name">
        この記事を書いた人      </div>
        <figure class="author-thumb">
      <img alt='しふぁ' src='https://shifa-blog.com/wp-content/uploads/2023/04/アイコン画像-完成（背景あり）.jpg' class='avatar avatar-200 photo' height='200' width='200' />    </figure>
    <div class="author-content">
      <div class="author-name">
        <a rel="author" href="https://shifa-blog.com/author/shifa/" title="しふぁ の投稿">しふぁ</a>      </div>
      <div class="author-description">
        <p>高卒→工場勤務→夜勤＆月残業70時間以上の激務で身長173㎝なのに体重50㎏を切り、体調にも影響が出る→仕事4年目に「ブログで稼げる」という情報を知る→22歳で仕事を退職してブログに専念→約11か月で月10万円達成→今では月収7桁を越え、8年以上もブログだけで飯食ってます。1993年生まれ。別ジャンルでYouTubeでも活躍してます。どうぞよろしく。</p>

      </div>
            <div class="profile-follows author-follows">
        <!-- SNSページ -->
<div class="sns-follow bc-brand-color fbc-hide sf-profile">

    <div class="sns-follow-message">しふぁをフォローする</div>
    <div class="sns-follow-buttons sns-buttons">

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    
      <a rel="nofollow noopener" href="//feedly.com/i/discover/sources/search/feed/https%3A%2F%2Fshifa-blog.com" class="sns-button follow-button feedly-button feedly-follow-button-sq" target="_blank" title="feedlyで更新情報を購読"><span class="icon-feedly-logo"></span><span class="follow-count feedly-follow-count"></span></a>
  
      <a rel="nofollow" href="https://shifa-blog.com/feed/" class="sns-button follow-button rss-button rss-follow-button-sq" target="_blank" title="RSSで更新情報をフォロー"><span class="icon-rss-logo"></span></a>
  
  </div><!-- /.sns-follow-buttons -->

</div><!-- /.sns-follow -->
      </div>
      
    </div>
  </div>

<p><a href="https://shifa-blog.com/cocoon-design-customization/">Cocoonを使ってブログデザインをカスタマイズする方法10選</a>はブログ、<a href="https://shifa-blog.com">しふぁの副業ブログ飯</a>に掲載された記事です。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://shifa-blog.com/cocoon-design-customization/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1489</post-id>	</item>
		<item>
		<title>Googleサーチコンソールの使い方！絶対確認するべき3つのポイントを初心者向けに解説！</title>
		<link>https://shifa-blog.com/search-console-usage/</link>
					<comments>https://shifa-blog.com/search-console-usage/#respond</comments>
		
		<dc:creator><![CDATA[しふぁ]]></dc:creator>
		<pubDate>Thu, 18 May 2023 06:04:07 +0000</pubDate>
				<category><![CDATA[WordPressカスタマイズ]]></category>
		<category><![CDATA[ブログの作り方]]></category>
		<category><![CDATA[サーチコンソール]]></category>
		<category><![CDATA[使い方]]></category>
		<guid isPermaLink="false">https://shifa-blog.com/?p=1312</guid>

					<description><![CDATA[ブログで飯食って8年以上！ どうも、しふぁです。 このページでは、 ・Googleサーチコンソールの使い方 このような内容について解説しているので参考にしてみてください。 ちなみに、Googleサーチコンソール以外のWo [&#8230;]<p><a href="https://shifa-blog.com/search-console-usage/">Googleサーチコンソールの使い方！絶対確認するべき3つのポイントを初心者向けに解説！</a>はブログ、<a href="https://shifa-blog.com">しふぁの副業ブログ飯</a>に掲載された記事です。</p>
]]></description>
										<content:encoded><![CDATA[<p>ブログで飯食って8年以上！</p>
<p>どうも、しふぁです。</p>
<p>このページでは、</p>
<div class="blank-box bb-green"><strong>・Googleサーチコンソールの使い方</strong></div>
<p>このような内容について解説しているので参考にしてみてください。</p>
<p>ちなみに、Googleサーチコンソール以外のWordPressブログの初期設定方法を解説したページも作成しているので、詳細情報が気になる人はこちらからチェックしてみてください！</p>
<p>＞＞<a href="https://shifa-blog.com/wordpress-initial-setting/">WordPressブログの初期設定方法を確認する！</a></p>
<p><span id="more-1312"></span></p>

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-16" checked><label class="toc-title" for="toc-checkbox-16">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">サーチコンソールで絶対確認するべき3つのポイント</a><ol><li><a href="#toc2" tabindex="0">検索キーワードと順位の分析</a></li><li><a href="#toc3" tabindex="0">記事の更新をクローラーに伝えるインデックス登録</a></li><li><a href="#toc4" tabindex="0">サイトマップを送信してクロールの促進</a></li></ol></li><li><a href="#toc5" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">サーチコンソールで絶対確認するべき3つのポイント</span></h2>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1313" src="https://shifa-blog.com/wp-content/uploads/2023/05/80-1.jpg" alt="" width="600" height="360" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/80-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/80-1-300x180.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>Googleサーチコンソールには様々な機能が搭載されており、ブログ運営時に非常に役に立つ情報を得ることができます。</p>
<p>ただ、8年以上もブログ運営して情報を分析していると、絶対に確認した方が良い情報だったり、重要性が低くて見る意味が無い情報というのがわかってくるんですよね。</p>
<p>あと、サーチコンソールの使い方を全て解説しようとすると、1つの本ができてしまうくらいの情報量になってしまうので、</p>
<div class="blank-box bb-red"><strong>・検索キーワードと順位の分析</strong><br />
<strong>・記事の更新をクローラーに伝えるインデックス登録</strong><br />
<strong>・サイトマップを送信してクロールの促進</strong></div>
<p>という、<strong>絶対に確認した良い3つの情報に絞って使い方を解説</strong>していきます！</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">もしも、サーチコンソールを導入していないのであれば、<a href="https://shifa-blog.com/search-console-register/">こちらのリンク</a>から導入方法をチェックしてみてください！</div>
</div>
<p>&nbsp;</p>
<h3><span id="toc2">検索キーワードと順位の分析</span></h3>
<p>まずは<strong>検索キーワードと順位の分析</strong>について解説します。</p>
<p>サーチコンソールの画面左側にある<strong>「検索結果」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1315" src="https://shifa-blog.com/wp-content/uploads/2023/05/81-1.jpg" alt="" width="600" height="360" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/81-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/81-1-300x180.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>すると、このような画面が表示されますが、自分の記事を見られた時の検索キーワードを確認できたり、クリック数や表示回数も確認できるようになっています。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1319" src="https://shifa-blog.com/wp-content/uploads/2023/05/85-1.jpg" alt="" width="600" height="661" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/85-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/85-1-272x300.jpg 272w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>ちなみに、<strong>「平均掲載順位」</strong>にチェックを入れると、<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1316" src="https://shifa-blog.com/wp-content/uploads/2023/05/82-1.jpg" alt="" width="600" height="410" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/82-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/82-1-300x205.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>検索キーワードでの検索順位を確認可能です。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1318" src="https://shifa-blog.com/wp-content/uploads/2023/05/84-1.jpg" alt="" width="600" height="655" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/84-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/84-1-275x300.jpg 275w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>また、画面上部で期間も指定可能となっているので、状況に応じて設定を変更してみてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1320" src="https://shifa-blog.com/wp-content/uploads/2023/05/86-1.jpg" alt="" width="600" height="394" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/86-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/86-1-300x197.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>実際に検索キーワードと検索順位がわかると、</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-56" src="https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">「○○」というキーワードを使った記事の順位が高いから、似たキーワードを使って記事を量産すればよりアクセス数を稼げるな！</div>
</div>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-139" src="https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">この記事は「○○」のキーワードを狙って書いたのに全然順位が上がっていない。修正か情報を追記しなきゃだな…。</div>
</div>
<p>というのが読み取れるようになります。</p>
<p>また、実際に表示されている検索キーワードで検索を行うことで、そこで表示された競合サイトを確認できますよね。</p>
<p>特に上位に表示されている競合サイトをチェックすると、自分が投稿した記事に何の情報が足りないのかも確認できるので、ここで表示される情報はブログ運営時に非常に役に立ちます。</p>
<p>特にアフィリエイトリンクを入れている記事に関しては、大きく稼げるように検索上位に表示されてアクセスがバンバン集まるようにしたいので、この情報を上手く活用して記事修正を行ってみてください！</p>
<p>&nbsp;</p>

<h3><span id="toc3">記事の更新をクローラーに伝えるインデックス登録</span></h3>
<p>次に<strong>記事の更新をクローラーに伝えるインデックス登録の機能</strong>について解説します。</p>
<p>まず基礎知識として、ブログに投稿した記事が検索結果に表示されるためには、Googleのクローラーが自分のブログに訪れ、投稿した記事を見つけてもらう必要があります。</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">これを「インデックスされる」と言います。</div>
</div>
<p>特にサイトを開設したばかりの初期の頃や、トレンド性の高い内容で記事を投稿したのであれば、いち早く記事の更新情報をクローラーに伝える対策をした方がアクセス数を稼ぎやすいんですよね。</p>
<p>そんな時に便利なのがこれから解説するサーチコンソールの機能となっているので、必要であればこの機能を活用してみてください。</p>
<p>&nbsp;</p>
<p>まず最初に<strong>クローラーを呼び込みたい記事のURLをコピー</strong>します。</p>
<p>そして、サーチコンソールの画面上にある<strong>「～～内のすべてのURLを検査」に貼り付けてEnterキー</strong>を押してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1321" src="https://shifa-blog.com/wp-content/uploads/2023/05/87.jpg" alt="" width="600" height="240" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/87.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/87-300x120.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に「URLが登録されていません」という画面が表示された場合は、クローラーに該当のページを見つけてもらえていない状況なので、<strong>「インデックス登録をリクエスト」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1322" src="https://shifa-blog.com/wp-content/uploads/2023/05/88.jpg" alt="" width="600" height="223" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/88.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/88-300x112.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<div class="blank-box bb-tab bb-point bb-red">もしも、「URLはGoogleに登録されています」を表示される場合は、すでにクローラーに該当のページを見つけてもらえているので、ここから先の作業はやる必要はありません。<br />
<img decoding="async" loading="lazy" class="aligncenter wp-image-1323" src="https://shifa-blog.com/wp-content/uploads/2023/05/89.jpg" alt="" width="600" height="202" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/89.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/89-300x101.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></div>
<p>&nbsp;</p>
<p>すると、このような画面が表示されるので、処理が終わるまで待ちましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1324" src="https://shifa-blog.com/wp-content/uploads/2023/05/90.jpg" alt="" width="393" height="262" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/90.jpg 393w, https://shifa-blog.com/wp-content/uploads/2023/05/90-300x200.jpg 300w" sizes="(max-width: 393px) 100vw, 393px" /></p>
<p>&nbsp;</p>
<p>処理が終わるとこのような画面が表示されますが、これでインデックスのリクエストは完了です。</p>
<p><strong>「OK」</strong>をクリックして画面を閉じましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1325" src="https://shifa-blog.com/wp-content/uploads/2023/05/91.jpg" alt="" width="550" height="193" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/91.jpg 550w, https://shifa-blog.com/wp-content/uploads/2023/05/91-300x105.jpg 300w" sizes="(max-width: 550px) 100vw, 550px" /></p>
<p>&nbsp;</p>
<h3><span id="toc4">サイトマップを送信してクロールの促進</span></h3>
<p>次に<strong>サイトマップを送信してクロールの促進をする機能</strong>について解説します。</p>
<p>まず、サイトマップとは何なのか簡単に解説すると、サイト全体の記事をリスト形式で表示させた全体図のようなものです。</p>
<p>このサイトマップには、</p>
<div class="blank-box bb-green"><strong>・クローラー用の「XMLサイトマップ」</strong><br />
<strong>・ユーザー用の「HTMLサイトマップ」</strong></div>
<p>この2つがあり、サーチコンソールではXMLサイトマップを使用します。</p>
<p>実際にXLMサイトマップをサーチコンソールに登録すると、Googleがサイト構造を把握できるようになるので、投稿した記事を見つけてもらいやすくなり、検索結果に早く反映されやすくなるので、実際に登録するのがおすすめです。</p>
<p>&nbsp;</p>
<p>実際のやり方ですが、WordPressを使用している場合は<strong>Sitemap Generator</strong>というプラグインを使ってXMLサイトマップを作製した後に登録するのを推奨しています。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-818" src="https://shifa-blog.com/wp-content/uploads/2023/05/509.jpg" alt="" width="566" height="288" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/509.jpg 566w, https://shifa-blog.com/wp-content/uploads/2023/05/509-300x153.jpg 300w" sizes="(max-width: 566px) 100vw, 566px" /></p>
<p>詳しいやり方は以下のリンクのページで解説しているので、実際にやっていないのであればこちらからチェックしてみてください！</p>
<p>＞＞<a href="https://shifa-blog.com/sitemap-generator-setting/">Sitemap Generatorを使ってサーチコンソールにXMLサイトマップを登録する方法を確認する！</a></p>
<a href="https://shifa-blog.com/sitemap-generator-setting/" title="Sitemap Generatorとは？設定方法や使い方を徹底解説！" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img width="160" height="90" src="https://shifa-blog.com/wp-content/uploads/2023/05/ba2638d508820f6fe90ba2285c6e476d-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" decoding="async" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/ba2638d508820f6fe90ba2285c6e476d-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/05/ba2638d508820f6fe90ba2285c6e476d-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/05/ba2638d508820f6fe90ba2285c6e476d-1024x576.jpg 1024w, https://shifa-blog.com/wp-content/uploads/2023/05/ba2638d508820f6fe90ba2285c6e476d-768x432.jpg 768w, https://shifa-blog.com/wp-content/uploads/2023/05/ba2638d508820f6fe90ba2285c6e476d-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/05/ba2638d508820f6fe90ba2285c6e476d-320x180.jpg 320w, https://shifa-blog.com/wp-content/uploads/2023/05/ba2638d508820f6fe90ba2285c6e476d.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">Sitemap Generatorとは？設定方法や使い方を徹底解説！</div><div class="blogcard-snippet internal-blogcard-snippet">プラグイン「Sitemap Generator」とは何なのかわからないあなたに！詳細な機能の説明や必要or不要なのか、実際のインストール方法・設定方法・使い方についても初心者にわかりやすく解説します！Googleサーチコンソールの操作方法も！</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-blog.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">shifa-blog.com</div></div></div></div></a>
<p>&nbsp;</p>
<h2><span id="toc5">まとめ</span></h2>
<p>今回はGoogleサーチコンソールの使い方として絶対確認するべき3つのポイントを初心者向けに解説しました！</p>
<p>ちなみに、WordPressの初期設定のためにサーチコンソール関連の情報を見ていた人もいると思いますが、こちらからサーチコンソール以外のWordPressブログの初期設定方法を確認できるのでチェックしてみてください！</p>
<p>＞＞<a href="https://shifa-blog.com/wordpress-initial-setting/">WordPressブログの初期設定方法を確認する！</a></p>
<a href="https://shifa-blog.com/wordpress-initial-setting/" title="WordPressブログ作成後に絶対やるべき初期設定のやり方10選" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img width="160" height="90" src="https://shifa-blog.com/wp-content/uploads/2023/04/46ba47fc37077306e872ee46f775c920-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" decoding="async" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/46ba47fc37077306e872ee46f775c920-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/04/46ba47fc37077306e872ee46f775c920-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/04/46ba47fc37077306e872ee46f775c920-1024x576.jpg 1024w, https://shifa-blog.com/wp-content/uploads/2023/04/46ba47fc37077306e872ee46f775c920-768x432.jpg 768w, https://shifa-blog.com/wp-content/uploads/2023/04/46ba47fc37077306e872ee46f775c920-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/04/46ba47fc37077306e872ee46f775c920-320x180.jpg 320w, https://shifa-blog.com/wp-content/uploads/2023/04/46ba47fc37077306e872ee46f775c920.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">WordPressブログ作成後に絶対やるべき初期設定のやり方10選</div><div class="blogcard-snippet internal-blogcard-snippet">サーバーに契約してWordPressブログを開設できたけど初期設定方法がわからない・1人でできないあなたに！WordPressブログ作成後に絶対やるべき11個の初期設定のやり方を初心者でもわかりやすいように解説しているので参考にしてみてください！</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-blog.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">shifa-blog.com</div></div></div></div></a>
<p>&nbsp;</p>
<p>また、このブログでは、これから副業でブログを始めたい人、稼ぎたい人に向けて情報発信をしています。</p>
<p>サイト内カテゴリやサイトマップを活用して、他の情報もチェックしてみてください！</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-61" src="https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">
<p>わからないことがある場合はコメントで具体的に質問してみてね！（全てがわかるわけではないのでその点は注意）</p>
</div>
</div>
  <div class="author-box border-element no-icon cf">
          <div class="author-widget-name">
        この記事を書いた人      </div>
        <figure class="author-thumb">
      <img alt='しふぁ' src='https://shifa-blog.com/wp-content/uploads/2023/04/アイコン画像-完成（背景あり）.jpg' class='avatar avatar-200 photo' height='200' width='200' />    </figure>
    <div class="author-content">
      <div class="author-name">
        <a rel="author" href="https://shifa-blog.com/author/shifa/" title="しふぁ の投稿">しふぁ</a>      </div>
      <div class="author-description">
        <p>高卒→工場勤務→夜勤＆月残業70時間以上の激務で身長173㎝なのに体重50㎏を切り、体調にも影響が出る→仕事4年目に「ブログで稼げる」という情報を知る→22歳で仕事を退職してブログに専念→約11か月で月10万円達成→今では月収7桁を越え、8年以上もブログだけで飯食ってます。1993年生まれ。別ジャンルでYouTubeでも活躍してます。どうぞよろしく。</p>

      </div>
            <div class="profile-follows author-follows">
        <!-- SNSページ -->
<div class="sns-follow bc-brand-color fbc-hide sf-profile">

    <div class="sns-follow-message">しふぁをフォローする</div>
    <div class="sns-follow-buttons sns-buttons">

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    
      <a rel="nofollow noopener" href="//feedly.com/i/discover/sources/search/feed/https%3A%2F%2Fshifa-blog.com" class="sns-button follow-button feedly-button feedly-follow-button-sq" target="_blank" title="feedlyで更新情報を購読"><span class="icon-feedly-logo"></span><span class="follow-count feedly-follow-count"></span></a>
  
      <a rel="nofollow" href="https://shifa-blog.com/feed/" class="sns-button follow-button rss-button rss-follow-button-sq" target="_blank" title="RSSで更新情報をフォロー"><span class="icon-rss-logo"></span></a>
  
  </div><!-- /.sns-follow-buttons -->

</div><!-- /.sns-follow -->
      </div>
      
    </div>
  </div>

<p><a href="https://shifa-blog.com/search-console-usage/">Googleサーチコンソールの使い方！絶対確認するべき3つのポイントを初心者向けに解説！</a>はブログ、<a href="https://shifa-blog.com">しふぁの副業ブログ飯</a>に掲載された記事です。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://shifa-blog.com/search-console-usage/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1312</post-id>	</item>
		<item>
		<title>Googleアナリティクスの使い方！絶対見るべき3つのポイントを初心者向けに解説！</title>
		<link>https://shifa-blog.com/google-analytics-usage/</link>
					<comments>https://shifa-blog.com/google-analytics-usage/#respond</comments>
		
		<dc:creator><![CDATA[しふぁ]]></dc:creator>
		<pubDate>Wed, 17 May 2023 06:27:45 +0000</pubDate>
				<category><![CDATA[WordPressカスタマイズ]]></category>
		<category><![CDATA[ブログの作り方]]></category>
		<category><![CDATA[アナリティクス]]></category>
		<category><![CDATA[使い方]]></category>
		<guid isPermaLink="false">https://shifa-blog.com/?p=1260</guid>

					<description><![CDATA[ブログで飯食って8年以上！ どうも、しふぁです。 このページでは、 ・Googleアナリティクスの使い方として絶対見るべき3つのポイント このような内容について解説しているので参考にしてみてください。 ちなみに、アナリテ [&#8230;]<p><a href="https://shifa-blog.com/google-analytics-usage/">Googleアナリティクスの使い方！絶対見るべき3つのポイントを初心者向けに解説！</a>はブログ、<a href="https://shifa-blog.com">しふぁの副業ブログ飯</a>に掲載された記事です。</p>
]]></description>
										<content:encoded><![CDATA[<p>ブログで飯食って8年以上！</p>
<p>どうも、しふぁです。</p>
<p>このページでは、</p>
<div class="blank-box bb-green"><strong>・Googleアナリティクスの使い方として絶対見るべき3つのポイント</strong></div>
<p>このような内容について解説しているので参考にしてみてください。</p>
<p>ちなみに、アナリティクス以外のWordPressブログの初期設定方法を解説したページも作成しているので、初期設定が終わっていないのであればこちらを参考に終わらせてくださいね！</p>
<p>＞＞<a href="https://shifa-blog.com/wordpress-initial-setting/">WordPressブログの初期設定方法を確認する！</a></p>
<p><span id="more-1260"></span></p>

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-18" checked><label class="toc-title" for="toc-checkbox-18">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">アナリティクスで絶対見るべき3つのポイント</a><ol><li><a href="#toc2" tabindex="0">「ページとスクリーン」での各記事の分析方法</a></li><li><a href="#toc3" tabindex="0">「リアルタイム」による分析</a></li><li><a href="#toc4" tabindex="0">「クエリ」による検索キーワードと順位の分析</a></li></ol></li><li><a href="#toc5" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">アナリティクスで絶対見るべき3つのポイント</span></h2>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1219" src="https://shifa-blog.com/wp-content/uploads/2023/05/3-1.jpg" alt="" width="600" height="314" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/3-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/3-1-300x157.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>Googleアナリティクスを活用すると、</p>
<div class="blank-box bb-green"><strong>・ブログに訪れたユーザー数やページの閲覧回数</strong><br />
<strong>・ユーザーの国や地域、言語、ブラウザやデバイスの種類</strong><br />
<strong>・ページ滞在時間や離脱率、コンバージョン率、特定ページへの訪問状況</strong><br />
<strong>・どのサイトやソーシャルメディアから来たのか</strong><br />
<strong>・検索エンジンからの流入数や検索キーワード</strong></div>
<p>このような情報を確認できるので、この情報を参考にしてブログの改善や運営方針の見直しを行うことが可能です。</p>
<p>&nbsp;</p>
<p>ただ、8年以上もブログ運営して情報を分析していると、絶対に確認した方が良い情報だったり、重要性が低くて見る意味が無い情報というのがわかってくるんですよね。</p>
<p>あと、アナリティクスの使い方を全て解説しようとすると、1つの本ができてしまうくらいの情報量になってしまうので、</p>
<div class="blank-box bb-red"><strong>・「ページとスクリーン」での各記事の分析方法</strong><br />
<strong>・「リアルタイム」による分析</strong><br />
<strong>・「クエリ」による検索キーワードと順位の分析</strong></div>
<p>という、<strong>絶対に見た方が良い3つの情報に絞って使い方を解説</strong>していきます！</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">もしも、アナリティクスを導入していないのであれば、<a href="https://shifa-blog.com/wordpress-analytics-setting/">こちらのリンク</a>から導入方法をチェックしてみてください！</div>
</div>
<p>&nbsp;</p>
<h3><span id="toc2">「ページとスクリーン」での各記事の分析方法</span></h3>
<p>まず最初に<strong>「ページとスクリーン」での各記事の分析を行う方法</strong>を解説します。</p>
<p>アナリティクスの画面を開いたら、画面左にある<strong>「レポート」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1291" src="https://shifa-blog.com/wp-content/uploads/2023/05/67-1.jpg" alt="" width="412" height="279" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/67-1.jpg 412w, https://shifa-blog.com/wp-content/uploads/2023/05/67-1-300x203.jpg 300w" sizes="(max-width: 412px) 100vw, 412px" /></p>
<p>&nbsp;</p>
<p>次に<strong>「ライフサイクル」→「エンゲージメント」→「ページとスクリーン」</strong>とクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1297" src="https://shifa-blog.com/wp-content/uploads/2023/05/72-1.jpg" alt="" width="270" height="500" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/72-1.jpg 270w, https://shifa-blog.com/wp-content/uploads/2023/05/72-1-162x300.jpg 162w" sizes="(max-width: 270px) 100vw, 270px" /></p>
<p>&nbsp;</p>
<p>次にこのような画面が表示されますが、各記事の情報がパーマリンクで表示されてわかりにくいので、記事タイトルで表示させる設定を行います。</p>
<p><strong>「ページパスとスクリーンクラス」</strong>をクリックし、<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1294" src="https://shifa-blog.com/wp-content/uploads/2023/05/69-1.jpg" alt="" width="600" height="507" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/69-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/69-1-300x254.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p><strong>「ページタイトルとスクリーン名」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1295" src="https://shifa-blog.com/wp-content/uploads/2023/05/70-1.jpg" alt="" width="392" height="212" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/70-1.jpg 392w, https://shifa-blog.com/wp-content/uploads/2023/05/70-1-300x162.jpg 300w" sizes="(max-width: 392px) 100vw, 392px" /></p>
<p>&nbsp;</p>
<p>すると、記事タイトルで表示されるようになるので、どの記事のデータなのか判別しやすくなります！<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1296" src="https://shifa-blog.com/wp-content/uploads/2023/05/71-1.jpg" alt="" width="600" height="561" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/71-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/71-1-300x281.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>ここから、このページの見方を解説しますが、実際に注目してほしいポイントとしては<strong>表示回数・ユーザー・平均エンゲージメント時間</strong>の3つですね！<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1298" src="https://shifa-blog.com/wp-content/uploads/2023/05/73-1.jpg" alt="" width="600" height="561" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/73-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/73-1-300x281.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>まず、<strong>表示回数</strong>とは記事が表示された回数で、PVとも呼ばれるデータになっています。</p>
<p>この数が多いほど人気が高い記事と判断できますし、反対に少ないと需要が少ないゴミ記事だと判断できるので、記事の修正や削除といった判断が可能です！</p>
<p>&nbsp;</p>
<p>次に<strong>ユーザー</strong>ですが、これは記事を見てくれた人数を表しており、1人のユーザーが複数の記事を見たとしても「1ユーザー」として加算されます。</p>
<p>ユーザー数が少ないのに表示回数が多いと、1回だけでなく何回も同じページを見てくれたリピーターを把握できたり、他の記事を見てから該当のページを見てくれた人（1人で複数の記事を見てくれた人）が多いというのを把握可能です。</p>
<p>もしも、表示回数とユーザー数が近い数値なのであれば、その記事をリピートして何回も見てくれる人や、他の記事を経由して該当の記事を見てくれる人が少ないという意味になります。</p>
<p>ブログ運営するのであれば、1人あたりの表示回数が増えた方がアドセンスやアフィリエイトで稼ぎやすいのでこの情報は非常に重要です。</p>
<p>もしも、表示回数とユーザー数が近い数値なのであれば、記事の修正や内部リンクを追加して1ユーザーあたりの表示回数を増やす改善を行っていきましょう。</p>
<p>&nbsp;</p>
<p>次に<strong>平均エンゲージメント時間</strong>ですが、これはその記事でのユーザーがどれくらい滞在して記事を読んでくれたのかという平均滞在時間になっています。</p>
<p>この時間が長ければ長いほど、しっかりと記事を読んでくれたと判断できるので、記事内の情報はユーザーにとって非常に良かったと判断できますね。</p>
<p>自分の経験から言わせてもらうと、<strong>1分前後の平均エンゲージメント時間</strong>になっていると良い記事だと判断しています。</p>
<p>実際に平均エンゲージメント時間が長ければ長いほど検索エンジンからの評価も高くなりやすく、検索順位も上がりやすい傾向があるので、しっかりと確認してみてください。</p>
<p>もしも、1分よりも大きく下回っている場合は、</p>
<div class="blank-box bb-green"><strong>・記事内の情報が少ない影響で早く読み終えてしまっている</strong><br />
<strong>・記事の冒頭を見ただけで即閉じされている</strong></div>
<p>この2通りの状況が考えられます。</p>
<p>問題が無い例を言っておくと、表示回数が多ければ検索上位に表示されていることが多いですし、需要のある内容で記事を書けている意味にもなるので、その場合は平均エンゲージメント時間が1分よりも短くても特に心配する必要はありません。</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">以下の参考画像を見ると過去28日間で19秒だったとしても、9742回も見られているようなケースですね！</div>
</div>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1299" src="https://shifa-blog.com/wp-content/uploads/2023/05/74-1.jpg" alt="" width="600" height="561" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/74-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/74-1-300x281.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>ただ、表示回数が少なくて平均エンゲージメント時間も少ないのであれば、記事内に情報が足りてなくて検索順位も低くなっている可能性があり、記事内に情報を追記する必要があると分析できます。</p>
<p>あと、3秒というように本当にわずかな時間しか見られていないのであれば、記事冒頭を見た時に、</p>
<div class="speech-wrap sb-id-3 sbs-line sbp-l sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1300" src="https://shifa-blog.com/wp-content/uploads/2023/05/75-1.jpg" alt="" width="393" height="393" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/75-1.jpg 393w, https://shifa-blog.com/wp-content/uploads/2023/05/75-1-300x300.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/05/75-1-150x150.jpg 150w, https://shifa-blog.com/wp-content/uploads/2023/05/75-1-100x100.jpg 100w" sizes="(max-width: 393px) 100vw, 393px" /></figure>
</div>
<div class="speech-balloon">
<p>このサイト見にくいな・自分が知りたい情報はなさそうだな。</p>
</div>
</div>
<p>と思われてページを即閉じされ、他の人のページに逃げられているので、そう思われないためにも大幅な改善が必要と判断が可能です。</p>
<p>&nbsp;</p>
<p>以上、</p>
<div class="blank-box bb-green"><strong>・表示回数</strong><br />
<strong>・ユーザー</strong><br />
<strong>・平均エンゲージメント時間</strong></div>
<p>この3つについて解説しましたが、非常に重要なポイントとなっているので、しっかりと分析する意味も理解してくださいね！</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">データを表示させる期間を変更できたりもするので、状況に合わせて使いこなしてください！</div>
</div>
<p>&nbsp;</p>

<h3><span id="toc3">「リアルタイム」による分析</span></h3>
<p>次に「リアルタイム」による分析方法を解説します。</p>
<p>まずは、画面左側にある<strong>「リアルタイム」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1301" src="https://shifa-blog.com/wp-content/uploads/2023/05/76-1.jpg" alt="" width="523" height="352" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/76-1.jpg 523w, https://shifa-blog.com/wp-content/uploads/2023/05/76-1-300x202.jpg 300w" sizes="(max-width: 523px) 100vw, 523px" /></p>
<p>&nbsp;</p>
<p>すると、過去30分間のユーザー数だったり、どのページにどれくらいのアクセスが今来ているのかといった、リアルタイムのデータを見ることができます。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1303" src="https://shifa-blog.com/wp-content/uploads/2023/05/77-2.jpg" alt="" width="600" height="536" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/77-2.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/77-2-300x268.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>主に<strong>トレンド性の高い記事を書いたときの反応を見たい時</strong>にこの画面を活用する場面が多いですね。</p>
<p>実際に短時間で多くのアクセスを集めているトレンド記事があれば、その記事に関連する内容の記事を新たに作成すると、ユーザーの興味をさらに惹けてアクセス数をより稼ぐことができます。</p>
<p>&nbsp;</p>
<p>他にもブログ運営戦略に活用するというよりも、<strong>モチベーションを高めるためにこの画面を見る場合</strong>もありますね！</p>
<p>例えば、</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-56" src="https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">過去30分間でこれだけ多くの人が自分の記事を見てくれているのか！やったぜ！</div>
</div>
<p>といった感じで、これまでの努力をリアルタイムで変動する明確な数値で見ることができ、</p>
<p><strong>「今後ももっとブログを頑張るぞ！」</strong></p>
<p>というようにモチベーションを高く保ちやすくなるので活用してみてください！</p>
<p>&nbsp;</p>
<h3><span id="toc4">「クエリ」による検索キーワードと順位の分析</span></h3>
<p>次に「クエリ」による検索キーワードと順位の分析方法を解説します。</p>
<p>ただ、この分析は<strong>アナリティクスとサーチコンソールを連携させていないとアナリティクス内で見れない</strong>ので注意してください。</p>
<p>実際にアナリティクスとサーチコンソールを連携させる方法に関しては、以下のリンク先のページで解説しているので、まだの人はチェックしてみましょう。</p>
<p>＞＞<a href="https://shifa-blog.com/wordpress-analytics-setting/">アナリティクスとサーチコンソールを連携させる方法を確認する！</a></p>
<a href="https://shifa-blog.com/wordpress-analytics-setting/" title="WordPressブログでのアナリティクス設定方法！導入のやり方を初心者にもわかりやすく解説！" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img width="160" height="90" src="https://shifa-blog.com/wp-content/uploads/2023/05/1f6857d2e55d8b77bb04740ee0d30f8c-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" decoding="async" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/1f6857d2e55d8b77bb04740ee0d30f8c-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/05/1f6857d2e55d8b77bb04740ee0d30f8c-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/05/1f6857d2e55d8b77bb04740ee0d30f8c-1024x576.jpg 1024w, https://shifa-blog.com/wp-content/uploads/2023/05/1f6857d2e55d8b77bb04740ee0d30f8c-768x432.jpg 768w, https://shifa-blog.com/wp-content/uploads/2023/05/1f6857d2e55d8b77bb04740ee0d30f8c-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/05/1f6857d2e55d8b77bb04740ee0d30f8c-320x180.jpg 320w, https://shifa-blog.com/wp-content/uploads/2023/05/1f6857d2e55d8b77bb04740ee0d30f8c.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">WordPressブログでのアナリティクス設定方法！導入のやり方を初心者にもわかりやすく解説！</div><div class="blogcard-snippet internal-blogcard-snippet">WordPressのブログにGoogleアナリティクスを導入したいけどやり方がわからないあなたに！アナリティクスの設定方法を初心者にもわかりやすく解説します！他にも使い方を解説したページもありますし、WordPressブログを作成したときの初期設定方法も解説しています！</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-blog.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">shifa-blog.com</div></div></div></div></a>
<p>&nbsp;</p>
<p>それではアナリティクスとサーチコンソールを連携できた前提で解説しますが、画面左にある<strong>「Search Console」→「Search Console」→「クエリ」</strong>とクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1304" src="https://shifa-blog.com/wp-content/uploads/2023/05/78-1.jpg" alt="" width="578" height="339" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/78-1.jpg 578w, https://shifa-blog.com/wp-content/uploads/2023/05/78-1-300x176.jpg 300w" sizes="(max-width: 578px) 100vw, 578px" /></p>
<p>&nbsp;</p>
<p>すると、このような画面が表示されますが、<strong>どのような検索キーワードで検索されていて、その時の検索順位は平均して何位なのか</strong>という情報を確認可能です。</p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1305" src="https://shifa-blog.com/wp-content/uploads/2023/05/79-1.jpg" alt="" width="600" height="512" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/79-1.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/79-1-300x256.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>検索キーワードと検索順位がわかると、</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-56" src="https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/9ff9426db70bc49ac836cc61c05217f1-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">「○○」というキーワードを使った記事の順位が高いから、似たキーワードを使って記事を量産すればよりアクセス数を稼げるな！</div>
</div>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-139" src="https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/350be2eb5435773489493940bea191a6-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">この記事は「○○」のキーワードを狙って書いたのに全然順位が上がっていない。修正か情報を追記しなきゃだな…。</div>
</div>
<p>というのが読み取れるようになります。</p>
<p>また、実際に表示されている検索キーワードで検索を行うことで、そこで表示された競合サイトを確認できますよね。</p>
<p>特に上位に表示されている競合サイトをチェックすると、自分が投稿した記事に何の情報が足りないのかも確認できるので、ここで表示される情報はブログ運営時に非常に役に立ちます。</p>
<p>特にアフィリエイトリンクを入れている記事に関しては、大きく稼げるように検索上位に表示されてアクセスがバンバン集まるようにしたいので、この情報を上手く活用して記事修正を行ってみてください！</p>
<p>&nbsp;</p>
<h2><span id="toc5">まとめ</span></h2>
<p>今回はGoogleアナリティクスの使い方として絶対見るべき3つのポイントを初心者向けに解説しました！</p>
<p>ちなみに、WordPressの初期設定のためにアナリティクス関連の情報を見ていた人もいると思いますが、こちらからアナリティクス以外のWordPressブログの初期設定方法を確認できるのでチェックしてみてください！</p>
<p>＞＞<a href="https://shifa-blog.com/wordpress-initial-setting/">WordPressブログの初期設定方法を確認する！</a></p>
<a href="https://shifa-blog.com/wordpress-initial-setting/" title="WordPressブログ作成後に絶対やるべき初期設定のやり方10選" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img width="160" height="90" src="https://shifa-blog.com/wp-content/uploads/2023/04/46ba47fc37077306e872ee46f775c920-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" decoding="async" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/46ba47fc37077306e872ee46f775c920-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/04/46ba47fc37077306e872ee46f775c920-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/04/46ba47fc37077306e872ee46f775c920-1024x576.jpg 1024w, https://shifa-blog.com/wp-content/uploads/2023/04/46ba47fc37077306e872ee46f775c920-768x432.jpg 768w, https://shifa-blog.com/wp-content/uploads/2023/04/46ba47fc37077306e872ee46f775c920-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/04/46ba47fc37077306e872ee46f775c920-320x180.jpg 320w, https://shifa-blog.com/wp-content/uploads/2023/04/46ba47fc37077306e872ee46f775c920.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">WordPressブログ作成後に絶対やるべき初期設定のやり方10選</div><div class="blogcard-snippet internal-blogcard-snippet">サーバーに契約してWordPressブログを開設できたけど初期設定方法がわからない・1人でできないあなたに！WordPressブログ作成後に絶対やるべき11個の初期設定のやり方を初心者でもわかりやすいように解説しているので参考にしてみてください！</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-blog.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">shifa-blog.com</div></div></div></div></a>
<p>&nbsp;</p>
<p>また、このブログでは、これから副業でブログを始めたい人、稼ぎたい人に向けて情報発信をしています。</p>
<p>サイト内カテゴリやサイトマップを活用して、他の情報もチェックしてみてください！</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-61" src="https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">
<p>わからないことがある場合はコメントで具体的に質問してみてね！（全てがわかるわけではないのでその点は注意）</p>
</div>
</div>
  <div class="author-box border-element no-icon cf">
          <div class="author-widget-name">
        この記事を書いた人      </div>
        <figure class="author-thumb">
      <img alt='しふぁ' src='https://shifa-blog.com/wp-content/uploads/2023/04/アイコン画像-完成（背景あり）.jpg' class='avatar avatar-200 photo' height='200' width='200' />    </figure>
    <div class="author-content">
      <div class="author-name">
        <a rel="author" href="https://shifa-blog.com/author/shifa/" title="しふぁ の投稿">しふぁ</a>      </div>
      <div class="author-description">
        <p>高卒→工場勤務→夜勤＆月残業70時間以上の激務で身長173㎝なのに体重50㎏を切り、体調にも影響が出る→仕事4年目に「ブログで稼げる」という情報を知る→22歳で仕事を退職してブログに専念→約11か月で月10万円達成→今では月収7桁を越え、8年以上もブログだけで飯食ってます。1993年生まれ。別ジャンルでYouTubeでも活躍してます。どうぞよろしく。</p>

      </div>
            <div class="profile-follows author-follows">
        <!-- SNSページ -->
<div class="sns-follow bc-brand-color fbc-hide sf-profile">

    <div class="sns-follow-message">しふぁをフォローする</div>
    <div class="sns-follow-buttons sns-buttons">

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    
      <a rel="nofollow noopener" href="//feedly.com/i/discover/sources/search/feed/https%3A%2F%2Fshifa-blog.com" class="sns-button follow-button feedly-button feedly-follow-button-sq" target="_blank" title="feedlyで更新情報を購読"><span class="icon-feedly-logo"></span><span class="follow-count feedly-follow-count"></span></a>
  
      <a rel="nofollow" href="https://shifa-blog.com/feed/" class="sns-button follow-button rss-button rss-follow-button-sq" target="_blank" title="RSSで更新情報をフォロー"><span class="icon-rss-logo"></span></a>
  
  </div><!-- /.sns-follow-buttons -->

</div><!-- /.sns-follow -->
      </div>
      
    </div>
  </div>

<p><a href="https://shifa-blog.com/google-analytics-usage/">Googleアナリティクスの使い方！絶対見るべき3つのポイントを初心者向けに解説！</a>はブログ、<a href="https://shifa-blog.com">しふぁの副業ブログ飯</a>に掲載された記事です。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://shifa-blog.com/google-analytics-usage/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1260</post-id>	</item>
		<item>
		<title>Googleサーチコンソールの登録＆設定方法を初心者向けに徹底解説！</title>
		<link>https://shifa-blog.com/search-console-register/</link>
					<comments>https://shifa-blog.com/search-console-register/#respond</comments>
		
		<dc:creator><![CDATA[しふぁ]]></dc:creator>
		<pubDate>Mon, 15 May 2023 07:17:02 +0000</pubDate>
				<category><![CDATA[WordPressカスタマイズ]]></category>
		<category><![CDATA[ブログの作り方]]></category>
		<category><![CDATA[サーチコンソール]]></category>
		<category><![CDATA[登録]]></category>
		<category><![CDATA[設定]]></category>
		<guid isPermaLink="false">https://shifa-blog.com/?p=1283</guid>

					<description><![CDATA[ブログで飯食って8年以上！ どうも、しふぁです。 このページでは、 ・Googleサーチコンソールの登録＆設定方法 このような内容について解説しているので参考にしてみてください。 ちなみに、Googleサーチコンソール以 [&#8230;]<p><a href="https://shifa-blog.com/search-console-register/">Googleサーチコンソールの登録＆設定方法を初心者向けに徹底解説！</a>はブログ、<a href="https://shifa-blog.com">しふぁの副業ブログ飯</a>に掲載された記事です。</p>
]]></description>
										<content:encoded><![CDATA[<p>ブログで飯食って8年以上！</p>
<p>どうも、しふぁです。</p>
<p>このページでは、</p>
<div class="blank-box bb-green"><strong>・Googleサーチコンソールの登録＆設定方法</strong></div>
<p>このような内容について解説しているので参考にしてみてください。</p>
<p>ちなみに、Googleサーチコンソール以外のWordPressブログの初期設定方法を解説したページも作成しているので、詳細情報が気になる人はこちらからチェックしてみてください！</p>
<p>＞＞WordPressブログの初期設定方法を確認する！</p>
<p><span id="more-1283"></span></p>

  <div id="toc" class="toc tnt-number toc-center tnt-number border-element"><input type="checkbox" class="toc-checkbox" id="toc-checkbox-20" checked><label class="toc-title" for="toc-checkbox-20">目次</label>
    <div class="toc-content">
    <ol class="toc-list open"><li><a href="#toc1" tabindex="0">Google Search Consoleとは？</a></li><li><a href="#toc2" tabindex="0">Googleサーチコンソールの登録＆設定方法</a></li><li><a href="#toc3" tabindex="0">サーチコンソールの使い方について</a></li><li><a href="#toc4" tabindex="0">2サイト目を登録する方法</a></li><li><a href="#toc5" tabindex="0">まとめ</a></li></ol>
    </div>
  </div>

<h2><span id="toc1">Google Search Consoleとは？</span></h2>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1262" src="https://shifa-blog.com/wp-content/uploads/2023/05/47-2.jpg" alt="" width="600" height="393" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/47-2.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/47-2-300x197.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>Googleサーチコンソールとは何なのか簡単に解説すると、<strong>Googleが提供するウェブサイトのSEO（検索エンジン最適化）支援ツール</strong>となっています。</p>
<p>実際にGoogleサーチコンソールを使うと、</p>
<div class="blank-box bb-green"><strong>・Googleがサイトをクロール（検索）する際に発生したエラーや警告を確認できる</strong><br />
<strong>・どのようなキーワードでサイトに訪問したのか、表示順位は何位なのか確認できる</strong><br />
<strong>・サイトマップを送信できるのでサイトのクロールを促進できる</strong></div>
<p>このような事ができるので、少しでも自分が運営しているサイトの表示順位を上げたり、情報を分析して今後のサイト運営に役立てたいのであれば非常に重要なツールとなっています！</p>
<p>これからサーチコンソールに登録して設定する方法を解説するので参考にしてみてください！</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-88" src="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6400551a9917de3c4a91827aa5b12e6a-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">初心者にもわかりやすく解説します！</div>
</div>
<p>&nbsp;</p>
<h2><span id="toc2">Googleサーチコンソールの登録＆設定方法</span></h2>
<p>それではGoogleサーチコンソールに登録して設定する方法を解説します！</p>
<p>まずは、こちらの<a rel="noopener" href="https://search.google.com/search-console/about?hl=ja" target="_blank">Googleサーチコンソールのページ</a>にアクセスしたら<strong>「今すぐ開始」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-842" src="https://shifa-blog.com/wp-content/uploads/2023/05/523.jpg" alt="" width="600" height="368" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/523.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/523-300x184.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にログイン画面が表示されますが、Googleアカウントを持っていないのであれば<strong>「アカウントを作成」</strong>をクリックし、画面の指示に従いながらアカウントを作成してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-843" src="https://shifa-blog.com/wp-content/uploads/2023/05/524.jpg" alt="" width="457" height="509" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/524.jpg 457w, https://shifa-blog.com/wp-content/uploads/2023/05/524-269x300.jpg 269w" sizes="(max-width: 457px) 100vw, 457px" /></p>
<p>&nbsp;</p>
<p>すでにGoogleアカウントを持っているのであれば、<strong>メールアドレスまたは電話番号を入力して「次へ」をクリック</strong>しましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-844" src="https://shifa-blog.com/wp-content/uploads/2023/05/525.jpg" alt="" width="457" height="509" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/525.jpg 457w, https://shifa-blog.com/wp-content/uploads/2023/05/525-269x300.jpg 269w" sizes="(max-width: 457px) 100vw, 457px" /></p>
<p>&nbsp;</p>
<p>次に<strong>パスワードを入力して「次へ」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-845" src="https://shifa-blog.com/wp-content/uploads/2023/05/526.jpg" alt="" width="457" height="510" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/526.jpg 457w, https://shifa-blog.com/wp-content/uploads/2023/05/526-269x300.jpg 269w" sizes="(max-width: 457px) 100vw, 457px" /></p>
<p>&nbsp;</p>
<p>次にこのような画面が表示されますが、<strong>URLプレフィックスにサイトのURLを入力して「続行」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-846" src="https://shifa-blog.com/wp-content/uploads/2023/05/527.jpg" alt="" width="600" height="494" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/527.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/527-300x247.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次にこのような画面が表示されますが、<b>「HTMLタグ」</b>の項目をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-848" src="https://shifa-blog.com/wp-content/uploads/2023/05/529.jpg" alt="" width="500" height="651" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/529.jpg 500w, https://shifa-blog.com/wp-content/uploads/2023/05/529-230x300.jpg 230w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>&nbsp;</p>
<p>すると、メタタグが表示されるので<strong>「コピー」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-849" src="https://shifa-blog.com/wp-content/uploads/2023/05/530.jpg" alt="" width="594" height="420" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/530.jpg 594w, https://shifa-blog.com/wp-content/uploads/2023/05/530-300x212.jpg 300w" sizes="(max-width: 594px) 100vw, 594px" /></p>
<p>&nbsp;</p>
<p>次にWordPressの管理画面を操作していきます。</p>
<div class="alert-box">WordPressテーマにCocoonを使用している場合のやり方になるので注意！</div>
<p>画面左にある<strong>「Cocoon」から「Cocoon設定」をクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-850" src="https://shifa-blog.com/wp-content/uploads/2023/05/531.jpg" alt="" width="500" height="362" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/531.jpg 500w, https://shifa-blog.com/wp-content/uploads/2023/05/531-300x217.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>&nbsp;</p>
<p>次にこのような画面が表示されますが、<strong>「アクセス解析・認証」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-851" src="https://shifa-blog.com/wp-content/uploads/2023/05/532.jpg" alt="" width="600" height="383" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/532.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/532-300x192.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に下にスクロールすると、Google Search Console設定という項目があるので、<strong>先ほどコピーしたメタタグを貼り付け</strong>ましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-852" src="https://shifa-blog.com/wp-content/uploads/2023/05/533.jpg" alt="" width="600" height="207" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/533.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/533-300x104.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>次に貼り付けたメタタグの最後の方を確認すると、「content=&#8221;～～～～&#8221;/&gt;」と記載された部分がありますが、<strong>「～～～～」の部分だけを残し、それ以外は削除</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-853" src="https://shifa-blog.com/wp-content/uploads/2023/05/534.jpg" alt="" width="600" height="206" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/534.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/534-300x103.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-854" src="https://shifa-blog.com/wp-content/uploads/2023/05/535.jpg" alt="" width="600" height="206" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/535.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/535-300x103.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>
<p>できたら画面下にある<strong>「変更をまとめて保存」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-855" src="https://shifa-blog.com/wp-content/uploads/2023/05/536.jpg" alt="" width="500" height="255" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/536.jpg 500w, https://shifa-blog.com/wp-content/uploads/2023/05/536-300x153.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>&nbsp;</p>
<p>次にGoogleサーチコンソールの画面に戻ったら<strong>「確認」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-856" src="https://shifa-blog.com/wp-content/uploads/2023/05/537.jpg" alt="" width="594" height="419" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/537.jpg 594w, https://shifa-blog.com/wp-content/uploads/2023/05/537-300x212.jpg 300w" sizes="(max-width: 594px) 100vw, 594px" /></p>
<p>&nbsp;</p>
<p>すると、「所有権を証明しました」という画面が表示されます。</p>
<p>次にサイトマップの設定を行っていくので<strong>「プロパティに移動」</strong>をクリックしてください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-857" src="https://shifa-blog.com/wp-content/uploads/2023/05/538.jpg" alt="" width="550" height="268" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/538.jpg 550w, https://shifa-blog.com/wp-content/uploads/2023/05/538-300x146.jpg 300w" sizes="(max-width: 550px) 100vw, 550px" /></p>
<p>&nbsp;</p>
<p>次にこのような画面が表示されたら<strong>「開始」</strong>をクリックしましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-858" src="https://shifa-blog.com/wp-content/uploads/2023/05/539.jpg" alt="" width="560" height="363" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/539.jpg 560w, https://shifa-blog.com/wp-content/uploads/2023/05/539-300x194.jpg 300w" sizes="(max-width: 560px) 100vw, 560px" /></p>
<p>&nbsp;</p>
<p>すると、このような画面が表示されますが、これでサーチコンソールの設定はOKです！</p>
<p>この画面は今後も使用することになるのでブックマークしておきましょう。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-1285" src="https://shifa-blog.com/wp-content/uploads/2023/05/598.jpg" alt="" width="600" height="388" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/598.jpg 600w, https://shifa-blog.com/wp-content/uploads/2023/05/598-300x194.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /></p>
<p>&nbsp;</p>

<h2><span id="toc3">サーチコンソールの使い方について</span></h2>
<p>実際にGoogleサーチコンソールを使うと、</p>
<div class="blank-box bb-green"><strong>・Googleがサイトをクロール（検索）する際に発生したエラーや警告を確認できる</strong><br />
<strong>・どのようなキーワードでサイトに訪問したのか、表示順位は何位なのか確認できる</strong><br />
<strong>・サイトマップを送信できるのでサイトのクロールを促進できる</strong></div>
<p>このような事ができると言いました。</p>
<p>これらの機能の使い方に関しては別のページで詳しく解説しているので、以下のリンクから詳細情報をチェックしてみてください！</p>
<p>＞＞<a href="https://shifa-blog.com/search-console-usage/">Googleサーチコンソールの使い方を確認する！</a></p>
<a href="https://shifa-blog.com/search-console-usage/" title="Googleサーチコンソールの使い方！絶対確認するべき3つのポイントを初心者向けに解説！" class="blogcard-wrap internal-blogcard-wrap a-wrap cf"><div class="blogcard internal-blogcard ib-left cf"><div class="blogcard-label internal-blogcard-label"><span class="fa"></span></div><figure class="blogcard-thumbnail internal-blogcard-thumbnail"><img width="160" height="90" src="https://shifa-blog.com/wp-content/uploads/2023/05/b02e76d3f7ff18c1d553187e5db4be4e-160x90.jpg" class="blogcard-thumb-image internal-blogcard-thumb-image wp-post-image" alt="" decoding="async" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/b02e76d3f7ff18c1d553187e5db4be4e-160x90.jpg 160w, https://shifa-blog.com/wp-content/uploads/2023/05/b02e76d3f7ff18c1d553187e5db4be4e-300x169.jpg 300w, https://shifa-blog.com/wp-content/uploads/2023/05/b02e76d3f7ff18c1d553187e5db4be4e-1024x576.jpg 1024w, https://shifa-blog.com/wp-content/uploads/2023/05/b02e76d3f7ff18c1d553187e5db4be4e-768x432.jpg 768w, https://shifa-blog.com/wp-content/uploads/2023/05/b02e76d3f7ff18c1d553187e5db4be4e-120x68.jpg 120w, https://shifa-blog.com/wp-content/uploads/2023/05/b02e76d3f7ff18c1d553187e5db4be4e-320x180.jpg 320w, https://shifa-blog.com/wp-content/uploads/2023/05/b02e76d3f7ff18c1d553187e5db4be4e.jpg 1280w" sizes="(max-width: 160px) 100vw, 160px" /></figure><div class="blogcard-content internal-blogcard-content"><div class="blogcard-title internal-blogcard-title">Googleサーチコンソールの使い方！絶対確認するべき3つのポイントを初心者向けに解説！</div><div class="blogcard-snippet internal-blogcard-snippet">GoogleサーチコンソールをWordPressブログに導入したけど実際の使い方がわからないあなたに！ブログで稼ぎたいなら絶対に確認するべき3つのポイントを初心者でもわかりやすく徹底解説します！インデックス登録やサイトマップの登録方法も解説中！</div></div><div class="blogcard-footer internal-blogcard-footer cf"><div class="blogcard-site internal-blogcard-site"><div class="blogcard-favicon internal-blogcard-favicon"><img src="https://www.google.com/s2/favicons?domain=https://shifa-blog.com" alt="" class="blogcard-favicon-image internal-blogcard-favicon-image" width="16" height="16" /></div><div class="blogcard-domain internal-blogcard-domain">shifa-blog.com</div></div></div></div></a>
<p>&nbsp;</p>
<h2><span id="toc4">2サイト目を登録する方法</span></h2>
<p>今後の活動で複数のサイトを作成する人も出てくると思うので、2サイト目を登録する方法に関しても解説しておきます。</p>
<p>まず、Googleサーチコンソールの画面を開いたら、画面左上にある<strong>登録サイトのURLをクリック</strong>してください。<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-863" src="https://shifa-blog.com/wp-content/uploads/2023/05/544.jpg" alt="" width="418" height="282" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/544.jpg 418w, https://shifa-blog.com/wp-content/uploads/2023/05/544-300x202.jpg 300w" sizes="(max-width: 418px) 100vw, 418px" /></p>
<p>&nbsp;</p>
<p>すると、サーチコンソールに登録しているサイトが表示されますが、それらの下にある<strong>「プロパティを追加」</strong>をクリックすると、これまでに解説した登録画面が表示されます。</p>
<p>後は同じように登録と設定を行ってください！<br />
<img decoding="async" loading="lazy" class="aligncenter size-full wp-image-865" src="https://shifa-blog.com/wp-content/uploads/2023/05/546.jpg" alt="" width="555" height="567" srcset="https://shifa-blog.com/wp-content/uploads/2023/05/546.jpg 555w, https://shifa-blog.com/wp-content/uploads/2023/05/546-294x300.jpg 294w" sizes="(max-width: 555px) 100vw, 555px" /></p>
<p>&nbsp;</p>
<h2><span id="toc5">まとめ</span></h2>
<p>今回はGoogleサーチコンソールの登録＆設定方法について解説しました！</p>
<p>Googleサーチコンソール以外のWordPressブログの初期設定方法を解説したページも作成しているので、詳細情報が気になる人はこちらからチェックしてみてください！</p>
<p>＞＞WordPressブログの初期設定方法を確認する！</p>
<p>&nbsp;</p>
<p>また、このブログでは、これから副業でブログを始めたい人、稼ぎたい人に向けて情報発信をしています。</p>
<p>サイト内カテゴリやサイトマップを活用して、他の情報もチェックしてみてください！</p>
<div class="speech-wrap sb-id-6 sbs-flat sbp-r sbis-cb cf">
<div class="speech-person">
<figure class="speech-icon"><img decoding="async" loading="lazy" class="aligncenter size-full wp-image-61" src="https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481.png" alt="" width="1000" height="1000" srcset="https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481.png 1000w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-300x300.png 300w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-150x150.png 150w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-768x768.png 768w, https://shifa-blog.com/wp-content/uploads/2023/04/6f090de2d1e9e0c81d57e6bd9d2a6481-100x100.png 100w" sizes="(max-width: 1000px) 100vw, 1000px" /></figure>
</div>
<div class="speech-balloon">
<p>わからないことがある場合はコメントで具体的に質問してみてね！（全てがわかるわけではないのでその点は注意）</p>
</div>
</div>
  <div class="author-box border-element no-icon cf">
          <div class="author-widget-name">
        この記事を書いた人      </div>
        <figure class="author-thumb">
      <img alt='しふぁ' src='https://shifa-blog.com/wp-content/uploads/2023/04/アイコン画像-完成（背景あり）.jpg' class='avatar avatar-200 photo' height='200' width='200' />    </figure>
    <div class="author-content">
      <div class="author-name">
        <a rel="author" href="https://shifa-blog.com/author/shifa/" title="しふぁ の投稿">しふぁ</a>      </div>
      <div class="author-description">
        <p>高卒→工場勤務→夜勤＆月残業70時間以上の激務で身長173㎝なのに体重50㎏を切り、体調にも影響が出る→仕事4年目に「ブログで稼げる」という情報を知る→22歳で仕事を退職してブログに専念→約11か月で月10万円達成→今では月収7桁を越え、8年以上もブログだけで飯食ってます。1993年生まれ。別ジャンルでYouTubeでも活躍してます。どうぞよろしく。</p>

      </div>
            <div class="profile-follows author-follows">
        <!-- SNSページ -->
<div class="sns-follow bc-brand-color fbc-hide sf-profile">

    <div class="sns-follow-message">しふぁをフォローする</div>
    <div class="sns-follow-buttons sns-buttons">

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
    
      <a rel="nofollow noopener" href="//feedly.com/i/discover/sources/search/feed/https%3A%2F%2Fshifa-blog.com" class="sns-button follow-button feedly-button feedly-follow-button-sq" target="_blank" title="feedlyで更新情報を購読"><span class="icon-feedly-logo"></span><span class="follow-count feedly-follow-count"></span></a>
  
      <a rel="nofollow" href="https://shifa-blog.com/feed/" class="sns-button follow-button rss-button rss-follow-button-sq" target="_blank" title="RSSで更新情報をフォロー"><span class="icon-rss-logo"></span></a>
  
  </div><!-- /.sns-follow-buttons -->

</div><!-- /.sns-follow -->
      </div>
      
    </div>
  </div>

<p><a href="https://shifa-blog.com/search-console-register/">Googleサーチコンソールの登録＆設定方法を初心者向けに徹底解説！</a>はブログ、<a href="https://shifa-blog.com">しふぁの副業ブログ飯</a>に掲載された記事です。</p>
]]></content:encoded>
					
					<wfw:commentRss>https://shifa-blog.com/search-console-register/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1283</post-id>	</item>
	</channel>
</rss>
