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

<channel>
	<title>Wordpress（ワードプレス） &#8211; 初心者のためのワードプレステーマ教室｜評判・感想も丁寧に解説！</title>
	<atom:link href="https://blognote01.com/category/wordpress%EF%BC%88%E3%83%AF%E3%83%BC%E3%83%89%E3%83%97%E3%83%AC%E3%82%B9%EF%BC%89/feed" rel="self" type="application/rss+xml" />
	<link>https://blognote01.com</link>
	<description>Wordpressテーマの評判や感想、機能を解説</description>
	<lastBuildDate>Sun, 28 May 2023 10:10:46 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://blognote01.com/wp-content/uploads/2019/06/cropped-daiya-32x32.png</url>
	<title>Wordpress（ワードプレス） &#8211; 初心者のためのワードプレステーマ教室｜評判・感想も丁寧に解説！</title>
	<link>https://blognote01.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Luxeritas（ルクセリタス）のデザインファイルの設定方法！テンプレートを使いこなす！</title>
		<link>https://blognote01.com/luxeritas-kisekae</link>
					<comments>https://blognote01.com/luxeritas-kisekae#respond</comments>
		
		<dc:creator><![CDATA[なつ]]></dc:creator>
		<pubDate>Tue, 25 May 2021 09:12:13 +0000</pubDate>
				<category><![CDATA[Luxeritas（ルクセリタス）]]></category>
		<category><![CDATA[Wordpress（ワードプレス）]]></category>
		<category><![CDATA[無料Wordpressテーマ【評判・感想】]]></category>
		<guid isPermaLink="false">https://blognote01.com/?p=15110</guid>

					<description><![CDATA[ブログ運営半年で月20万超の元サラリーマンブロガーなつです。 Luxeritas（ルクセリタス）は、シンプル操作でブログが作れるWordpressテーマです。基本はかなりシンプルなデザインなのですが、デザインファイルとい...]]></description>
										<content:encoded><![CDATA[<p>ブログ運営半年で月20万超の元サラリーマンブロガーなつです。</p>
<p>Luxeritas（ルクセリタス）は、シンプル操作でブログが作れるWordpressテーマです。基本はかなりシンプルなデザインなのですが、デザインファイルという着せ替えがあります。</p>
<p>着せ替えのファイルは定期的に新しいものを出されるようなので、チェックを入れていってください。</p>
<p><strong>Luxeritas（ルクセリタス）のデザインファイル（着せ替え）設定操作</strong>がプラグイン等なしでできますのでここで丁寧に説明していきます。</p>
<div class="cbox is-style-yellow_box type_normal"><div class="cboxcomment"><i class="fas fa-check"></i>　<span style="font-size: 14pt;"><strong>2023年、話題のワードプレステーマ「THE THOR」</strong></span><br />
<strong>⇒　<a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored">THE・THORの公式ページを確認する。</a></strong></p>
<p>※　今なら、8大購入特典をプレゼント！</p>
<p><div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/thethor-hyouban"><figure class="eyecatch of-cover thum"><img fetchpriority="high" decoding="async" width="485" height="300" src="https://blognote01.com/wp-content/uploads/2019/07/thorkutikomi-485x300.jpg" class="archives-eyecatch-image attachment-oc-post-thum wp-post-image" alt="" /></figure><div class="related_article__meta archives_post__meta inbox"><div class="related_article__ttl ttl"><span class="labeltext">関連記事</span>【THE THORの評判】実際使ってみた口コミとレビュー。</div></div></a></div></div></div>

<h2>Luxeritas（ルクセリタス）のデザインファイルとは【着せ替え】</h2>
<p>ルクセリタスには、一般でいう着せ替えがあります。デザインファイルと呼ばれていますが、基本的には白背景にヘッダーのライン等が色分けされているシンプルなデザイン。</p>
<p>中には、背景が黒となっていてとても印象的なものもあります。</p>
<div class="column-wrap ">
<div class="column_2 child_column ">
<img decoding="async" class="alignnone size-medium wp-image-4110" src="https://blognote01.com/wp-content/uploads/2019/10/lukuse18-300x249.jpg" alt="" width="300" height="249" srcset="https://blognote01.com/wp-content/uploads/2019/10/lukuse18-300x249.jpg 300w, https://blognote01.com/wp-content/uploads/2019/10/lukuse18.jpg 400w" sizes="(max-width: 300px) 100vw, 300px" /><br />
</div>
<div class="column_2 child_column ">
<img decoding="async" class="alignnone size-medium wp-image-4099" src="https://blognote01.com/wp-content/uploads/2019/10/lukuse9-300x252.jpg" alt="" width="300" height="252" srcset="https://blognote01.com/wp-content/uploads/2019/10/lukuse9-300x252.jpg 300w, https://blognote01.com/wp-content/uploads/2019/10/lukuse9.jpg 400w" sizes="(max-width: 300px) 100vw, 300px" /><br />
出典：Luxeritas<br />
</div>
</div>
<p>これまで、<a href="https://blognote01.com/thethor%e2%80%90kisekae" target="_blank" rel="noopener">THE THORの着せ替え</a>方法や、<a href="https://blognote01.com/affinger5-designdounyu" target="_blank" rel="noopener">AFFINGER5のデザイン済データ</a>（着せ替え）の導入方法などをお伝えしてきましたが、Luxeritas（ルクセリタス）はこれらの着せ替えの導入方法とちょっと違います。</p>
<p>Luxeritas（ルクセリタス）の管理画面に組み込まれているのですが、<a href="https://blognote01.com/cocoon-skin" target="_blank" rel="nofollow　noopener noopener">Cocoonのスキン</a>などに慣れている方にとっては難しく感じるかもしれません。</p>
<p><center></center><center></center><center></center><center></center><div class="cbox intitle is-style-red_box type_normal"><div class="box_title"><span class="span__box_title">THE THORオリジナルデザインプレゼント中！</span></div><div class="cboxcomment"><strong>当ブログのTHE THORオリジナルテンプレート！</strong></p>
<p>このブログからTHE THORをご購入くださった方に<strong>マニュアル</strong>をプレゼントしています。</p>
<p><div class="column-wrap "><br />
<div class="column_3 child_column "><a href="http://blognote01.com/cafe/" target="_blank" rel="noopener"><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-9544" src="https://blognote01.com/wp-content/uploads/2020/04/torlwata-300x221.jpg" alt="THE THOR特典デザイン「綿毛」" width="300" height="221" srcset="https://blognote01.com/wp-content/uploads/2020/04/torlwata-300x221.jpg 300w, https://blognote01.com/wp-content/uploads/2020/04/torlwata.jpg 500w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
追加特典「<a href="http://blognote01.com/cafe/" target="_blank" rel="noopener">綿毛</a>」</div><br />
<div class="column_3 child_column "><a href="http://blognote01.com/thethorsimple" target="_blank" rel="noopener"><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-5560" src="https://blognote01.com/wp-content/uploads/2019/11/sinpuru2-300x263.jpg" alt="THE THOR特典デザイン「シンプル」" width="300" height="263" srcset="https://blognote01.com/wp-content/uploads/2019/11/sinpuru2-300x263.jpg 300w, https://blognote01.com/wp-content/uploads/2019/11/sinpuru2.jpg 648w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
特典「<a href="http://blognote01.com/thethorsimple" target="_blank" rel="noopener">シンプル</a>」</div><br />
<div class="column_3 child_column "><a href="http://blognote01.com/restaurant/" target="_blank" rel="noopener"><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-9541" src="https://blognote01.com/wp-content/uploads/2020/04/torlresut-300x226.jpg" alt="THE" width="300" height="226" srcset="https://blognote01.com/wp-content/uploads/2020/04/torlresut-300x226.jpg 300w, https://blognote01.com/wp-content/uploads/2020/04/torlresut.jpg 500w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
追加特典「<a href="http://blognote01.com/restaurant/" target="_blank" rel="noopener">ai</a>」</div> </div></p>
<p>※他のデザインは以下の記事で見れますので覧ください。<br />
⇒<a href="https://blognote01.com/thethor-design6" target="_blank" rel="noopener noreferrer">【簡単】THE THORデザインの事例集6選！初心者でも作れるアレンジを紹介！</a></p>
<p><div class="wp-block-button btn-wrap aligncenter big is-style-rich_pink"><a class="btn__link btn__link-primary wp-block-button__link" href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1">特典付きでTHE THORを購入する</a></div></p>
<p><center>／／今なら、なつ特製オリジナルデザインマニュアル付き！＼＼</center><center></center><center></center><center></center><br />
<span style="font-size: 10pt;">※ヘッダーの画像は、写真ACとイラストACのイラストレーターさん方の作品です。特典内でURLをお伝えしています。</span></div></div>

<p>※ヘッダーの画像は、写真ACとイラストACのイラストレーターさん方の作品です。特典内でURLをお伝えしています。</p>
<p>&nbsp;</p>
<h2>【動画】ルクセリタスのデザインファイル導入方法</h2>
<p>ルクセリタスのデザインの導入は一度わかれば簡単なのですが、最初どこから入るのか迷うので動画で説明します。</p>
<p>&nbsp;</p>
<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper"><iframe src="https://www.youtube.com/embed/Kry8YUL0GSY?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div></figure>
<p>&nbsp;</p>
<p>00:00　 オープニング<br />
00:12 　ファイルダウンロード<br />
01:02 　インストール</p>
<p>&nbsp;</p>
<h2>Luxeritas（ルクセリタス）のデザインファイル導入手順</h2>
<p>Luxeritas（ルクセリタス）のデザインファイルの導入の手順を説明します。場所さえ覚えてしまえば簡単に他のデザインにも変更できますので流れだけでも確認しておいてください。</p>
<ol>
<li>公式サイトからデザインをダウンロードする</li>
<li>Luxeritas（ルクセリタス）のデザイン選択で新規追加</li>
<li>Luxeritas（ルクセリタス）のデザイン選択で有効化</li>
<li>注意）Luxeritas（ルクセリタス）で注意するプラグイン</li>
</ol>
<p>&nbsp;</p>
<p>4番については、実際私がルクセリタスを使っている時にエラーメッセージが出てきたのでお伝えしておきます。</p>
<p>もしかすると他にもあるかもしれません。</p>
<p>&nbsp;</p>
<h2>Luxeritasのデザインファイル「公式サイトからダウンロード」</h2>
<p>まずは、好きなデザインを選びファイルをダウンロードします。2021年現在では12パターンほどあるようですので、バージョンの合うもので好きなデザインを選んでください。</p>
<p>（ご自身が導入しているバージョンを確認してくださいね）</p>
<p>今回は以下のデザイン「musica in paradisum」をWordpressにインストールし表示させたいと思います。</p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-15113 size-full" src="https://blognote01.com/wp-content/uploads/2021/05/ludezain.jpg" alt="" width="500" height="289" srcset="https://blognote01.com/wp-content/uploads/2021/05/ludezain.jpg 500w, https://blognote01.com/wp-content/uploads/2021/05/ludezain-300x173.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><br />
出典：Luxeritas Theme</p>
<p>まずは、公式ページからファイルをダウンロードします。</p>
<p>⇒　<a href="https://thk.kanzae.net/wp/design/" target="_blank" rel="nofollow noopener">「Luxeritas Theme」公式ページ</a></p>
<p><img loading="lazy" decoding="async" class="alignnone wp-image-15115 size-full" src="https://blognote01.com/wp-content/uploads/2021/05/ludezain2.jpg" alt="" width="500" height="269" srcset="https://blognote01.com/wp-content/uploads/2021/05/ludezain2.jpg 500w, https://blognote01.com/wp-content/uploads/2021/05/ludezain2-300x161.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /><br />
出典：Luxeritas Theme</p>
<p>ボタンをクリックすると以下のファイルがパソコンにダウンロードされます。</p>
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-15116" src="https://blognote01.com/wp-content/uploads/2021/05/ludezain3.jpg" alt="" width="160" height="182" />
<p>ファイル「musica-in-paradisum」というものがあればわかる場所に保存しておいてください。</p>
<p>&nbsp;</p>
<div class="cbox is-style-yellow_box type_normal"><div class="cboxcomment"><i class="fas fa-check"></i>  <span style="font-size: 14pt;"><strong>初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」！</strong></span><br />
⇒<a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored">THE THORの公式ページを確認する</a><br />
※今なら、8大購入特典をお付けしています！</p>
<p><div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/thethor-tokuten"><figure class="eyecatch of-cover thum"><img loading="lazy" decoding="async" width="485" height="273" src="https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-485x273.jpg" class="archives-eyecatch-image attachment-oc-post-thum wp-post-image" alt="" srcset="https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-485x273.jpg 485w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-300x169.jpg 300w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-768x432.jpg 768w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten.jpg 800w" sizes="(max-width: 485px) 45vw, 485px" /></figure><div class="related_article__meta archives_post__meta inbox"><div class="related_article__ttl ttl"><span class="labeltext">関連記事</span>【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）</div></div></a></div></div></div>

<h2>Luxeritasのデザインファイルとバージョン確認</h2>
<p>デザインファイルの「musica-in-paradisum」でLuxeritas3.8.1以上とLuxeritas3.8.0未満のボタンがあります。</p>
<p>これはご自身が入れたバージョンの違いなのですが、3.8.1の方が新しいバージョンになるようです。不具合や新しい機能などを更新していってくださってるようなので、公式サイトでリリースのお知らせを注意して確認してみてください。</p>
<p>それぞれのバージョンについて、バージョンアップの注意事項は公式のページにあります。</p>
<p>&nbsp;</p>
<h2>Luxeritasのデザインファイル「デザイン選択で新規追加」</h2>
<p>ここからがLuxeritas（ルクセリタス）の特有の操作です。Luxeritas（ルクセリタス）の管理画面でファイルを追加していきます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-15117 size-full" src="https://blognote01.com/wp-content/uploads/2021/05/ludezain4.jpg" alt="" width="500" height="240" srcset="https://blognote01.com/wp-content/uploads/2021/05/ludezain4.jpg 500w, https://blognote01.com/wp-content/uploads/2021/05/ludezain4-300x144.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />
<p><span style="background-color: #ffc6d1;">▼　Luxeritas　⇒　デザイン選択</span></p>
<p>このページを開くとすぐ横に「新規追加」のボタンが出てきますのでクリック。先ほどダウンロードしたファイルを選ぶとデザイン選択の中に選んだデザインファイルが配置されます。</p>
<p>&nbsp;</p>
<h2>Luxeritasのデザインファイル　「選んで有効化」</h2>
<p>あと、もう一息でデザインが表示されます。デザイン選択ページに表示されたもののファイルを有効化をすると選んだデザインになります。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-15118 size-full" src="https://blognote01.com/wp-content/uploads/2021/05/ludezain5.jpg" alt="" width="500" height="320" srcset="https://blognote01.com/wp-content/uploads/2021/05/ludezain5.jpg 500w, https://blognote01.com/wp-content/uploads/2021/05/ludezain5-300x192.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />
<p>デザインが配置された部分にカーソルをもっていくと下に「有効化」のボタンが出てきます。このボタンを出すのがちょっとわかりづらいのですが、作業自体は簡単です。</p>
<p>有効化すると選んだデザインが反映されます。</p>
<p>&nbsp;</p>
<div class="cbox is-style-yellow_box type_normal"><div class="cboxcomment"><i class="fas fa-check"></i> <span style="font-size: 14pt;"><strong>初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」</strong></span><br />
⇒　<a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored">THE THORの公式ページを確認する。</a></p>
<p>※今なら、8大購入特典をお付けしています！</div></div>

<p>&nbsp;</p>
<h2>Luxeritasのデザインファイル「注意するプラグイン」</h2>
<p>これは実際デザインファイルを導入している時にメッセージが出てきたのでお伝えしておきますと、このWordpressテーマと少しだけ機能がぶつかってしまうプラグインがあります。</p>
<p>それは、「Jetpack」というプラグインです。</p>
<p>「Jetpack」とは、クラウドを使ってたくさんの機能をこなすもの、例えば「SNSの自動共有」「アクセス解析」など約30種類くらいあります。</p>
<h3>JetpackとルクセリタスのOGP機能競合</h3>
<p>以下のようなメッセージが出てきます。Jetpackを無効化して使わないようにするか、このテキスト部分をクリックし開けるとJetpackのOGPの機能を無効にする画面がでてきます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-15120 size-full" src="https://blognote01.com/wp-content/uploads/2021/05/ludezain6.jpg" alt="" width="500" height="99" srcset="https://blognote01.com/wp-content/uploads/2021/05/ludezain6.jpg 500w, https://blognote01.com/wp-content/uploads/2021/05/ludezain6-300x59.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />
<p>JetpackのOGPの機能を無効にして変更を保存にすると上記の注意書きが消えます。ただし、影響はここでは検証していませんので、使い方でなにか影響がでていないか慎重に操作していってください。</p>
<p>エラーなど怖い場合には、Jetpackは使用せず違うプラグインを試してみることをおすすめします。</p>
<p>&nbsp;</p>
<h2>Luxeritasのデザインファイル「上部のラインが出てこない場合」</h2>
<p>これは私がLuxeritas（ルクセリタス）のデザインファイルを使った初期に悩んだ部分がありますのでお伝えしておきます。</p>
<p>今回取り入れたLuxeritas（ルクセリタス）のmusica-in-paradisumは、ヘッダーの上部にグローバルメニューの上にピンクのラインがあります。</p>
<p>これが、アクセントになっているのですが、メニューを設定しておかないと出てこないので注意です。</p>
<div class="voice cf l"><figure class="icon"><img loading="lazy" decoding="async" src="https://blognote01.com/wp-content/uploads/2019/05/nigaoemaker-e1558864804973.png" class="voice_icon__img" width="150" height="150"><figcaption class="name">なつ</figcaption></figure><div class="voicecomment">ただ単に設定していないだけですが、いきなり出てこないと焦る場合がありますので一応記載しておきますね。</div></div>
<p>&nbsp;</p>
<h3>グローバルメニューの作り方</h3>
<p>グローバルメニューは基本のメニューを作り、上部に配置するという作業をすると表示されるようになります。</p>
<p>WordPressを使ったことのある方ならわかる作業ですが、ここで再度説明しておきます。</p>
<p><span style="background-color: #ffc6d1;">▼　外観　⇒　メニュー</span></p>
<p>新規追加してメニューのタイトルを入力します。</p>
<h4>メニューの項目を追加</h4>
<p>左側には、固定ページやカテゴリーが並んでいます。もちろんカスタムリンクといって自分が誘導したいURLを設置することも可能。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-15123 size-full" src="https://blognote01.com/wp-content/uploads/2021/05/ludezain7.jpg" alt="" width="500" height="322" srcset="https://blognote01.com/wp-content/uploads/2021/05/ludezain7.jpg 500w, https://blognote01.com/wp-content/uploads/2021/05/ludezain7-300x193.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />
<p>左の項目でメニューに入れたいものをドラッグ＆ドロップで右側のスペースに入れていきます。</p>
<h4>メニュー設定</h4>
<p>メニューの項目が決まったら次は設置です。</p>
<p>下にスクロールしていくとメニュー設定という場所があります。このヘッダーナビ（グローバルナビ）の部分にチェックを入れ「メニューを保存」をクリックするとグローバルナビが出てきます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-15124 size-full" src="https://blognote01.com/wp-content/uploads/2021/05/ludezain8.jpg" alt="" width="500" height="130" srcset="https://blognote01.com/wp-content/uploads/2021/05/ludezain8.jpg 500w, https://blognote01.com/wp-content/uploads/2021/05/ludezain8-300x78.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />
<p>&nbsp;</p>
<p>ここまで設定できると、以下のようなデザインが表示されます。すごくシンプルですが見やすいサイトになりました。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-15128 size-full" src="https://blognote01.com/wp-content/uploads/2021/05/ludezain9.jpg" alt="" width="500" height="270" srcset="https://blognote01.com/wp-content/uploads/2021/05/ludezain9.jpg 500w, https://blognote01.com/wp-content/uploads/2021/05/ludezain9-300x162.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />
<p>カード記事の部分は3列などカスタマイズでできますし、サイドバーに新着記事を入れると上記のような感じになります。</p>
<p>後はカスタマイズで調整していきましょう。</p>
<p>&nbsp;</p>
<p><strong>↓　当ブログからWordpressテーマTHE THORを購入くださった方に特典をプレゼントしています。</strong><br />
<div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/thethor-tokuten"><figure class="eyecatch of-cover thum"><img loading="lazy" decoding="async" width="485" height="273" src="https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-485x273.jpg" class="archives-eyecatch-image attachment-oc-post-thum wp-post-image" alt="" srcset="https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-485x273.jpg 485w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-300x169.jpg 300w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-768x432.jpg 768w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten.jpg 800w" sizes="(max-width: 485px) 45vw, 485px" /></figure><div class="related_article__meta archives_post__meta inbox"><div class="related_article__ttl ttl"><span class="labeltext">関連記事</span>【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）</div></div></a></div></p>

<h2>初心者だからこそWordpress有料テーマ を使うべき理由</h2>
<div class="cbox is-style-yellow_box type_normal"><div class="cboxcomment"><br />
<span style="font-size: 12pt;"><strong>無料テーマを使うことで時間の無駄遣いをしていませんか？</strong></span></p>
<ul>
<li>思い通りのデザインにできない・・・</li>
<li>なかなか稼げない・・・</li>
<li>アクセス数が増えない・・・</li>
</ul>
<p>こんな悩みを抱えていませんか？<br />
&nbsp;</p>
<p>稼ぐブログにしろ趣味ブログにしろ検索の上位にこなければなかなか読んでもらえません。もしあなたが稼ぐブログを作りたいなら、初心者の時に初期投資することはとても大事なことです。</p>
<p>&nbsp;</p>
<h3>Wordpressの有料テーマができる５つのこと</h3>
<ol>
<li>検索上位を目指せる</li>
<li>見た目が綺麗でおしゃれになる</li>
<li>機能が豊富で出来ることが多い</li>
<li>会員フォームなどのサポート</li>
<li>有名ブロガーも有料テーマを使っている</li>
</ol>
<p>&nbsp;</p>
<p>これまでにあげた5つの有料テーマの特徴を説明していきます。</p>
<h4>1.　検索上位を目指せる</h4>
<p>ブログを運営していく上で対策をしていかなければいけないのがSEO対策です。検索エンジンのことを考えてブログを最適に合わせていくということがSEO（SearchEngine Optimizationの略）です。</p>
<ul>
<li>情報の信頼性</li>
<li>ユーザーへの役立つ情報であるか？</li>
<li>スマホ・PCなどでストレスなく使える</li>
</ul>
<p>&nbsp;</p>
<p>などたくさんの要因がありますが、ブログを訪問した人があなたのブログの多くの記事を読んでくれるようなテンプレートの仕組みも有料テーマでは細やかに考えられています。</p>
<p>&nbsp;</p>
<h4>2.　見た目が無料テーマ以上に綺麗になる</h4>
<p>シンプルが良いか、綺麗なテーマが良いのかそれぞれの好みによります。無料テーマは必要最低限のものを備えていますがやはりシンプルすぎていずれつまらなくなってしまいます。</p>
<p>有料テーマはデザイン性が高く自分の好きなデザインにもカスタマイズしやすいです。</p>
<p style="text-align: center;"><img loading="lazy" decoding="async" class="size-medium wp-image-9942 aligncenter" src="https://blognote01.com/wp-content/uploads/2020/05/THOR222-300x218.jpg" alt="" width="300" height="218" srcset="https://blognote01.com/wp-content/uploads/2020/05/THOR222-300x218.jpg 300w, https://blognote01.com/wp-content/uploads/2020/05/THOR222.jpg 650w" sizes="(max-width: 300px) 100vw, 300px" />出典：THE THOR 着せ替え「01」</p>
<p style="text-align: center;"><strong>↓　クリックで拡大します</strong><br />
<a href="https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3.jpg"><img loading="lazy" decoding="async" class="aligncenter wp-image-11133 size-medium" src="https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-300x169.jpg" alt="" width="300" height="169" srcset="https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-300x169.jpg 300w, https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-1024x576.jpg 1024w, https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-768x432.jpg 768w, https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-1536x864.jpg 1536w, https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-2048x1152.jpg 2048w" sizes="(max-width: 300px) 100vw, 300px" /></a>出典：<a href="https://blognote01.com/thethor-newarrange" target="_blank" rel="noopener noreferrer">特製THE THORオリジナルアレンジ</a></p>
<p>&nbsp;</p>
<h4>3.　機能が豊富でできることが多い</h4>
<p>今現在新しい機能として出てきたのが「着せ替え機能」です。過去にも賢威などにはベース色とパターンがありましたが最近ではアフィリなどはっきりと違った用途で使えるように作りこんでいます。</p>
<h4>4.　会員フォーラムなどのサポート</h4>
<p>なにかわからないことがあった場合、相談できる場所があるだけで安心できます。ここが無料テーマと一番違う部分、有料テーマでは売りっぱなしにしない工夫がされています。</p>
<h4>5.　有名ブロガーも多数使用</h4>
<p>稼いている有名ブロガーと言われる人のほとんどは有料テーマを使っています。ブログ造りでは内容も非常に大事ですが、文章や扱っている分野が同じ程度ならやはり最後の勝負はテーマの構造などになります。</p>
<p>もしあなたが稼ぐブログを作りたいと考えているならば「有料」テーマも検討してみてください。</p>
<p>カスタマイズで悩んでいる時間、ブログの完成度、上位に表示するメリットなど考えると有料テーマはあなたのお役にたちます。</p>
<p><div class="cbox intitle is-style-pink_box type_normal"><div class="box_title"><span class="span__box_title">当ブログおすすめWordpressテーマ！</span></div><div class="cboxcomment"><br />
<img loading="lazy" decoding="async" src="https://blognote01.com/wp-content/uploads/2019/05/nigaoemaker-e1558864804973.png" alt="" width="96" height="96" class="alignnone  wp-image-1393" /><br />
<span style="font-size: 14pt;"><strong><a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored">WordPressテーマ「THE・THOR」</a></strong></span></p>
<ul>
<li>高機能の最新テーマで有名ブロガーも使用</li>
<li>着せ替え機能でいろんな用途に使える</li>
<li>複数のブログに使える（本人のブログ）</li>
<li>会員フォーラムやマニュアル完備</li>
</ul>
<p><div class="wp-block-button btn-wrap aligncenter big is-style-rich_pink"><a href="https://blognote01.com/thethor-tokuten" target="_blank" rel="noopener"class="wp-block-button__link" >THE THORの8大特典を見てみる！</a></div><br />
</div></div>
<br />
</div></div>

]]></content:encoded>
					
					<wfw:commentRss>https://blognote01.com/luxeritas-kisekae/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">15110</post-id>	</item>
		<item>
		<title>WordPressデザイン無料テーマ「Lightning」でどんなことができる？</title>
		<link>https://blognote01.com/lightning-design</link>
					<comments>https://blognote01.com/lightning-design#respond</comments>
		
		<dc:creator><![CDATA[なつ]]></dc:creator>
		<pubDate>Fri, 21 May 2021 09:11:40 +0000</pubDate>
				<category><![CDATA[Lightning]]></category>
		<category><![CDATA[Wordpress（ワードプレス）]]></category>
		<category><![CDATA[無料Wordpressテーマ【評判・感想】]]></category>
		<guid isPermaLink="false">https://blognote01.com/?p=15073</guid>

					<description><![CDATA[ブログ運営半年で月20万超の元サラリーマンブロガーなつです。 無料テーマはたくさんありますが、超シンプルでビジネスにも使えそうなテンプレートといえばまっさきに「Lightning」が思い浮かびます。 有料テーマと比べれば...]]></description>
										<content:encoded><![CDATA[<p>ブログ運営半年で月20万超の元サラリーマンブロガーなつです。</p>
<p>無料テーマはたくさんありますが、超シンプルでビジネスにも使えそうなテンプレートといえばまっさきに「Lightning」が思い浮かびます。</p>
<p>有料テーマと比べれば若干見劣りはするものの、スッキリしたデザインは余計なものをそぎ落としたシンプルなものです。</p>
<p><strong>無料テーマ「Lightning」を使ったWordPressデザインをお伝えしていきます。</strong></p>
<p>&nbsp;</p>
<div class="cbox is-style-yellow_box type_normal"><div class="cboxcomment"><i class="fas fa-check"></i>　<span style="font-size: 14pt;"><strong>2023年、話題のワードプレステーマ「THE THOR」</strong></span><br />
<strong>⇒　<a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored">THE・THORの公式ページを確認する。</a></strong></p>
<p>※　今なら、8大購入特典をプレゼント！</p>
<p><div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/thethor-hyouban"><figure class="eyecatch of-cover thum"><img loading="lazy" decoding="async" width="485" height="300" src="https://blognote01.com/wp-content/uploads/2019/07/thorkutikomi-485x300.jpg" class="archives-eyecatch-image attachment-oc-post-thum wp-post-image" alt="" /></figure><div class="related_article__meta archives_post__meta inbox"><div class="related_article__ttl ttl"><span class="labeltext">関連記事</span>【THE THORの評判】実際使ってみた口コミとレビュー。</div></div></a></div></div></div>

<p>&nbsp;</p>
<h2>WordPressデザイン無料テーマ「Lightning」とは</h2>
<p>「Lightning」とは、Wordpressのディレクトリにも出てくるシンプルなテンプレートです。このディレクトリに名前を出してもらうには結構厳しい審査があるらしいのでそれをクリアした優秀なテーマだということがわかります。</p>
<p>&nbsp;</p>
<img loading="lazy" decoding="async" class="aligncenter wp-image-15075 size-full" src="https://blognote01.com/wp-content/uploads/2021/05/lidezain.jpg" alt="" width="500" height="299" srcset="https://blognote01.com/wp-content/uploads/2021/05/lidezain.jpg 500w, https://blognote01.com/wp-content/uploads/2021/05/lidezain-300x179.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />
<p>&nbsp;</p>
<p>ダウンロードして出来上がるデザインは超シンプルですが、それをうまく利用するとクールなカッコいいイメージとなります。</p>
<p>このテーマは、拡張機能が使えるプラグインがありますが、それらを使わない超シンプルにトップページを作れる方法をお伝えしていきます。</p>
<p>&nbsp;</p>
<h2>WordPress無料テーマ「Lightning」デザイン完成図</h2>
<p>これからどんなデザインを作っていくのか見ていきます。Lightningは最初のレイアウトがシンプルだけどカッコいい配置になっていますので大きくは2つの箇所だけ変更するとそこそこ見えるようになります。</p>
<p style="text-align: center;"> ↓　クリックすると拡大します<br />
<a href="https://blognote01.com/wp-content/uploads/2021/05/lidezain17.jpg"><img loading="lazy" decoding="async" class="alignnone wp-image-15090 size-medium" src="https://blognote01.com/wp-content/uploads/2021/05/lidezain17-283x300.jpg" alt="" width="283" height="300" srcset="https://blognote01.com/wp-content/uploads/2021/05/lidezain17-283x300.jpg 283w, https://blognote01.com/wp-content/uploads/2021/05/lidezain17.jpg 500w" sizes="(max-width: 283px) 100vw, 283px" /></a></p>
<p>&nbsp;</p>
<p>このトップページでは、ヘッダー画像設置、PR Block、キーカラー変更でだいたい出来上がっています。</p>
<p>3工程でほぼ出来上がりますし、ご覧いただいているようになかなかカッコいいデザインになるので使いやすいですね。</p>
<p>&nbsp;</p>
<p>↓　Wordpressテーマ「THE THOR」公式デザインに芸大卒なつのデザイン10種類追加！</p>
<div class="cbox intitle is-style-pink_box type_normal"><div class="box_title"><span class="span__box_title">THE THORデザインのマニュアルプレゼント中！</span></div><div class="cboxcomment"><strong>人気のTHE THORのオリジナルテンプレート6種類+5種類（NEW）ができました！</strong></p>
<p>当ブログで購入していただくと、公式の9種類のデザインと追加の10種類が無料で手に入ります！</p>
<p><a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" target="_blank" rel="noopener"><img loading="lazy" decoding="async" class="aligncenter wp-image-18090 size-full" src="https://blognote01.com/wp-content/uploads/2021/10/9shu.jpg" alt="THE THOR特典オリジナルアレンジマニュアルバナー" width="500" height="281" srcset="https://blognote01.com/wp-content/uploads/2021/10/9shu.jpg 500w, https://blognote01.com/wp-content/uploads/2021/10/9shu-300x169.jpg 300w, https://blognote01.com/wp-content/uploads/2021/10/9shu-375x211.jpg 375w" sizes="(max-width: 500px) 100vw, 500px" /></a></p>
<p>※デザインの全体像は以下の2記事をご覧ください。</p>
<p><strong>⇒<a href="https://blognote01.com/thethor-design6" target="_blank" rel="noopener noreferrer">【超簡単】THE THORデザインの事例集6選！初心者でも作れるアレンジ！</a><br />
</strong>⇒<strong><a href="https://blognote01.com/thethor-originaltokuten" target="_blank" rel="noopener noreferrer">追加デザイン4種はコチラから</a></strong>見ることができます。</p>
<p><div class="wp-block-button btn-wrap aligncenter big is-style-rich_pink"><a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored"class="wp-block-button__link" >特典付きでTHE THORを購入する</a></div></p>
<p style="text-align: center;">／／たった30記事で稼いだ実録記事（2,980円相当）付き!＼＼</p>
<p>※ヘッダーの画像は、写真ACとイラストACのイラストレーターさん方の作品です。特典内でURLをお伝えしています。</p>
<p></div></div>

<p>&nbsp;</p>
<h2>WordPress無料テーマでデザインを作る工程　準備　「画像ダウンロード」</h2>
<p>まず、「Lightning」はヘッダー部分の画像をスライダーにすることもできますし、その画像にタイトルや誘導ボタンを配置することもできます。</p>
<p>さらに、視覚的にも画像に色を重ねることも可能。</p>
<p>そもそも基本形がかなりシンプルなのでヘッダー画像は上手にダウンロードして、推奨サイズに加工をしましょう。</p>
<p>&nbsp;<br />
<div class="cbox is-style-glay_box type_normal"><div class="cboxcomment">
<ul>
<li>ヘッダー画像推奨サイズ：　1900×600px</li>
</ul>
</div></div>
&nbsp;</p>
<p>画像をダウンロードするサイトを見つけたら、加工がOKなのか必ず確認してください。フリー画像のサイトは以下の記事でご確認ください。</p>
<p>&nbsp;</p>
<div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/blogillust-free"><figure class="eyecatch of-cover thum"><img loading="lazy" decoding="async" width="485" height="300" src="https://blognote01.com/wp-content/uploads/2020/01/ブログで使える-無料イラスト-1-485x300.jpg" class="archives-eyecatch-image attachment-oc-post-thum wp-post-image" alt="" /></figure><div class="related_article__meta archives_post__meta inbox"><div class="related_article__ttl ttl"><span class="labeltext">関連記事</span>ブログで使えるイラスト25選！フリー（無料）素材でサイトをパワーアップ！</div></div></a></div>
<p>&nbsp;</p>
<h3>写真ACでのダウンロードのやり方</h3>
<p>このサイトもそうなんですが、使用させてもらってるのは写真ACというフリー画像サイトです。いろんな人がデザインしていたり画像を提供しているので自分の好みの画像が見つかります。</p>
<p>メルアドと名まえ等簡単な登録で使えるようになります。</p>
<p>&nbsp;</p>
<p>⇒　<a href="https://www.photo-ac.com/" target="_blank" rel="noopener">写真AC</a><br />
⇒　<a href="https://www.ac-illust.com/" target="_blank" rel="noopener">イラストAC</a></p>
<img loading="lazy" decoding="async" class="alignnone wp-image-15043 size-full" src="https://blognote01.com/wp-content/uploads/2021/05/wd3.jpg" alt="" width="500" height="222" srcset="https://blognote01.com/wp-content/uploads/2021/05/wd3.jpg 500w, https://blognote01.com/wp-content/uploads/2021/05/wd3-300x133.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />
<p>たとえば、コーヒーカップの画像が欲しいなら検索窓に「コーヒー」などと入れてみると関連画像が出てきます。</p>
<p>ただし、無料で登録すると検索回数やダウンロード回数に制限がかかりますので、何度もやってしまうとそれ以上検索やダウンロードができなくなります。</p>
<p>&nbsp;<br />
<div class="supplement "><strong>補足</strong><br />
Lightningのヘッダー画像のサイズは自分が思うよりも横長なので、画像についても縦に高いものではなく、被写体が横に広がっているものを選びましょう。</p>
</div>
&nbsp;</p>
<p>普通のサイズの画像でも使えないことはないのですがPCやスマホの画面から外れて縦長のぼんやりした感じになります。</p>
<p>好きな画像が見つかったら、その画像をクリックするとダウンロードするためのボタンが出てきます。（たまにアンケートが出てきます）</p>
<p>&nbsp;</p>
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-15078" src="https://blognote01.com/wp-content/uploads/2021/05/lidezain2-300x248.jpg" alt="" width="300" height="248" srcset="https://blognote01.com/wp-content/uploads/2021/05/lidezain2-300x248.jpg 300w, https://blognote01.com/wp-content/uploads/2021/05/lidezain2.jpg 400w" sizes="(max-width: 300px) 100vw, 300px" />
<p>&nbsp;</p>
<p>ログインしてからダウンロードボタンを押すと画像がパソコンに入ります。</p>
<div class="cbox is-style-yellow_box type_normal"><div class="cboxcomment"><i class="fas fa-check"></i>  <span style="font-size: 14pt;"><strong>初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」！</strong></span><br />
⇒<a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored">THE THORの公式ページを確認する</a><br />
※今なら、8大購入特典をお付けしています！</p>
<p><div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/thethor-tokuten"><figure class="eyecatch of-cover thum"><img loading="lazy" decoding="async" width="485" height="273" src="https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-485x273.jpg" class="archives-eyecatch-image attachment-oc-post-thum wp-post-image" alt="" srcset="https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-485x273.jpg 485w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-300x169.jpg 300w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-768x432.jpg 768w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten.jpg 800w" sizes="(max-width: 485px) 45vw, 485px" /></figure><div class="related_article__meta archives_post__meta inbox"><div class="related_article__ttl ttl"><span class="labeltext">関連記事</span>【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）</div></div></a></div></div></div>

<p>&nbsp;</p>
<h2>WordPress無料テーマでデザインを作る工程　準備　「画像加工」</h2>
<p>さて、画像をダウンロードできたら次は加工します。大きさも縦横比も調整することになりますので、最初に加工してしまいます。</p>
<p>切り抜きにはいろんなやり方やツールがあると思いますが、ここでは一番シンプルで初歩的なやり方をしていきます。</p>
<h3>ペイントを使用</h3>
<p>パソコンを購入すればデフォルトで入っている可能性が高いのが「ペイント」というソフトです。簡単な大きさの調整やテキストを乗せたりできます。</p>
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-15079" src="https://blognote01.com/wp-content/uploads/2021/05/lidezain4-300x164.jpg" alt="" width="300" height="164" srcset="https://blognote01.com/wp-content/uploads/2021/05/lidezain4-300x164.jpg 300w, https://blognote01.com/wp-content/uploads/2021/05/lidezain4.jpg 500w" sizes="(max-width: 300px) 100vw, 300px" />
<p>ファイルを開いて画像を表示させます。今回の画像は縦横3000pxを超えているので、まずは横の長さを1900pxに揃えます。</p>
<p>上部の「サイズ変更」をクリックすると画像の大きさを調整するウインドウが出てきます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-15081 size-medium" src="https://blognote01.com/wp-content/uploads/2021/05/lidezain6-179x300.jpg" alt="" width="179" height="300" srcset="https://blognote01.com/wp-content/uploads/2021/05/lidezain6-179x300.jpg 179w, https://blognote01.com/wp-content/uploads/2021/05/lidezain6.jpg 326w" sizes="(max-width: 179px) 100vw, 179px" />
<p>単位をピクセルにし水平方向（H）に1900を入れます。この作業で横の長さが1900pxになりました。次に、画像をスクロールして一番下まで行きます。</p>
<p>下の画像はちょっと小さいのですが、一番下までスクロールすると小さなボタンがでてきます。この部分をドラッグ＆ドロップして画像の縦部分を小さくします。</p>
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-15082" src="https://blognote01.com/wp-content/uploads/2021/05/lidezain7-300x138.jpg" alt="" width="300" height="138" srcset="https://blognote01.com/wp-content/uploads/2021/05/lidezain7-300x138.jpg 300w, https://blognote01.com/wp-content/uploads/2021/05/lidezain7.jpg 500w" sizes="(max-width: 300px) 100vw, 300px" />
<p>反対側も小さくしたい場合、上記の「回転」をクリックし180度回転してまた同じ作業をします。</p>
<p>ペイントがない場合には、フリーソフトを検索で探してみてください。</p>
<p>&nbsp;</p>
<h2>WordPress無料テーマでデザインを作る工程　1.　「ヘッダー画像」</h2>
<p>ここからは、前の章で作った画像をヘッダー部分に表示させていきます。作業自体はそれほど難しくありませんので、画像ができたらすぐに設定しておきましょう。</p>
<p><span style="background-color: #ffc6d1;">▼　外観　⇒　カスタマイズ　⇒　Lightningトップぺージスライドショー</span></p>
<p>画像のみの設定もできますし、中にタイトルやメッセージを入れることも可能です。</p>
<ul>
<li>スライドタイトル</li>
<li>スライドテキスト</li>
<li>ボタンのテキスト</li>
<li>リンクURL</li>
</ul>
<p>&nbsp;</p>
<p>上記を設定すると以下のようなヘッダー画像が出来上がります。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-15084 size-full" src="https://blognote01.com/wp-content/uploads/2021/05/lidezain10.jpg" alt="" width="500" height="207" srcset="https://blognote01.com/wp-content/uploads/2021/05/lidezain10.jpg 500w, https://blognote01.com/wp-content/uploads/2021/05/lidezain10-300x124.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />
<p>色などはカラーパレットがありますので、同じ部分で設定をしていきます。</p>
<p>&nbsp;</p>
<div class="cbox is-style-yellow_box type_normal"><div class="cboxcomment"><i class="fas fa-check"></i> <span style="font-size: 14pt;"><strong>初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」</strong></span><br />
⇒　<a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored">THE THORの公式ページを確認する。</a></p>
<p>※今なら、8大購入特典をお付けしています！</div></div>

<p>&nbsp;</p>
<h2>WordPress無料テーマでデザインを作る工程　2.　「複数画像でスライダーにする」</h2>
<p>前の章で設定をしたのはトップページをスライドショーする操作ですが、Lightningでは5枚までスライドさせることができます。</p>
<p>スライドショーにするのはとても簡単で、以下の部分に文章やURLをそれぞれ入力していきます。</p>
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-15085" src="https://blognote01.com/wp-content/uploads/2021/05/lidezain11.jpg" alt="" width="200" height="247" />
<p>画像さえうまく推奨サイズにできるようになればバランスよくなりますので、最初の画像切り取りだけでもここまできれいになります。</p>
<p>&nbsp;</p>
<h2>WordPress無料テーマでデザインを作る工程　3.「PR Block」</h2>
<p>Lightningの特徴のひとつにPR Blockがあります。それはヘッダー画像に配置する誘導ボタンと同じものです。</p>
<p>例えば、お店の宣伝ならお店のサイトのURLとか、お知らせしたいものをここに配置できます。アイコン等も引き込んで使えるので使いやすいです。</p>
<p>&nbsp;</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-15088 size-full" src="https://blognote01.com/wp-content/uploads/2021/05/lidezain15.jpg" alt="" width="500" height="228" srcset="https://blognote01.com/wp-content/uploads/2021/05/lidezain15.jpg 500w, https://blognote01.com/wp-content/uploads/2021/05/lidezain15-300x137.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />
<p><span style="background-color: #ffc6d1;">▼　外観　⇒　カスタマイズ　⇒　LightningトップページPR Block</span></p>
<p>「PR Block を表示する」にチェックを入れます。</p>
<p>&nbsp;</p>
<ul>
<li>アイコン</li>
<li>タイトル</li>
<li>サブテキスト</li>
</ul>
<p>上記を入力します。3つまで配置できますので、それぞれ枠を埋めていきます。</p>
<p>&nbsp;</p>
<h2>WordPress無料テーマでデザインを作る工程　4.「デザイン設定」</h2>
<p>Lightningデザイン設定では、PRブロックの色やロゴの設置などができるようになっています。ヘッダー部分にロゴを入れたい方はここで調整してみてください。</p>
<p><span style="background-color: #ffc6d1;">▼　外観　⇒　カスタマイズ　⇒　Lightningデザイン設定</span></p>
<p>&nbsp;</p>
<ul>
<li>ヘッダーロゴ画像（280×60px推奨）設置</li>
<li>キーカラー設定・・・#dd5454</li>
</ul>
<p>タイトルをヘッダーに残したい場合にはロゴは入れないでください。</p>
<p>&nbsp;</p>
<p><strong>↓　当ブログからWordpressテーマTHE THORを購入くださった方に特典をプレゼントしています。</strong><br />
<div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/thethor-tokuten"><figure class="eyecatch of-cover thum"><img loading="lazy" decoding="async" width="485" height="273" src="https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-485x273.jpg" class="archives-eyecatch-image attachment-oc-post-thum wp-post-image" alt="" srcset="https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-485x273.jpg 485w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-300x169.jpg 300w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-768x432.jpg 768w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten.jpg 800w" sizes="(max-width: 485px) 45vw, 485px" /></figure><div class="related_article__meta archives_post__meta inbox"><div class="related_article__ttl ttl"><span class="labeltext">関連記事</span>【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）</div></div></a></div></p>

<h2>初心者だからこそWordpress有料テーマ を使うべき理由</h2>
<div class="cbox is-style-yellow_box type_normal"><div class="cboxcomment"><br />
<span style="font-size: 12pt;"><strong>無料テーマを使うことで時間の無駄遣いをしていませんか？</strong></span></p>
<ul>
<li>思い通りのデザインにできない・・・</li>
<li>なかなか稼げない・・・</li>
<li>アクセス数が増えない・・・</li>
</ul>
<p>こんな悩みを抱えていませんか？<br />
&nbsp;</p>
<p>稼ぐブログにしろ趣味ブログにしろ検索の上位にこなければなかなか読んでもらえません。もしあなたが稼ぐブログを作りたいなら、初心者の時に初期投資することはとても大事なことです。</p>
<p>&nbsp;</p>
<h3>Wordpressの有料テーマができる５つのこと</h3>
<ol>
<li>検索上位を目指せる</li>
<li>見た目が綺麗でおしゃれになる</li>
<li>機能が豊富で出来ることが多い</li>
<li>会員フォームなどのサポート</li>
<li>有名ブロガーも有料テーマを使っている</li>
</ol>
<p>&nbsp;</p>
<p>これまでにあげた5つの有料テーマの特徴を説明していきます。</p>
<h4>1.　検索上位を目指せる</h4>
<p>ブログを運営していく上で対策をしていかなければいけないのがSEO対策です。検索エンジンのことを考えてブログを最適に合わせていくということがSEO（SearchEngine Optimizationの略）です。</p>
<ul>
<li>情報の信頼性</li>
<li>ユーザーへの役立つ情報であるか？</li>
<li>スマホ・PCなどでストレスなく使える</li>
</ul>
<p>&nbsp;</p>
<p>などたくさんの要因がありますが、ブログを訪問した人があなたのブログの多くの記事を読んでくれるようなテンプレートの仕組みも有料テーマでは細やかに考えられています。</p>
<p>&nbsp;</p>
<h4>2.　見た目が無料テーマ以上に綺麗になる</h4>
<p>シンプルが良いか、綺麗なテーマが良いのかそれぞれの好みによります。無料テーマは必要最低限のものを備えていますがやはりシンプルすぎていずれつまらなくなってしまいます。</p>
<p>有料テーマはデザイン性が高く自分の好きなデザインにもカスタマイズしやすいです。</p>
<p style="text-align: center;"><img loading="lazy" decoding="async" class="size-medium wp-image-9942 aligncenter" src="https://blognote01.com/wp-content/uploads/2020/05/THOR222-300x218.jpg" alt="" width="300" height="218" srcset="https://blognote01.com/wp-content/uploads/2020/05/THOR222-300x218.jpg 300w, https://blognote01.com/wp-content/uploads/2020/05/THOR222.jpg 650w" sizes="(max-width: 300px) 100vw, 300px" />出典：THE THOR 着せ替え「01」</p>
<p style="text-align: center;"><strong>↓　クリックで拡大します</strong><br />
<a href="https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3.jpg"><img loading="lazy" decoding="async" class="aligncenter wp-image-11133 size-medium" src="https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-300x169.jpg" alt="" width="300" height="169" srcset="https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-300x169.jpg 300w, https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-1024x576.jpg 1024w, https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-768x432.jpg 768w, https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-1536x864.jpg 1536w, https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-2048x1152.jpg 2048w" sizes="(max-width: 300px) 100vw, 300px" /></a>出典：<a href="https://blognote01.com/thethor-newarrange" target="_blank" rel="noopener noreferrer">特製THE THORオリジナルアレンジ</a></p>
<p>&nbsp;</p>
<h4>3.　機能が豊富でできることが多い</h4>
<p>今現在新しい機能として出てきたのが「着せ替え機能」です。過去にも賢威などにはベース色とパターンがありましたが最近ではアフィリなどはっきりと違った用途で使えるように作りこんでいます。</p>
<h4>4.　会員フォーラムなどのサポート</h4>
<p>なにかわからないことがあった場合、相談できる場所があるだけで安心できます。ここが無料テーマと一番違う部分、有料テーマでは売りっぱなしにしない工夫がされています。</p>
<h4>5.　有名ブロガーも多数使用</h4>
<p>稼いている有名ブロガーと言われる人のほとんどは有料テーマを使っています。ブログ造りでは内容も非常に大事ですが、文章や扱っている分野が同じ程度ならやはり最後の勝負はテーマの構造などになります。</p>
<p>もしあなたが稼ぐブログを作りたいと考えているならば「有料」テーマも検討してみてください。</p>
<p>カスタマイズで悩んでいる時間、ブログの完成度、上位に表示するメリットなど考えると有料テーマはあなたのお役にたちます。</p>
<p><div class="cbox intitle is-style-pink_box type_normal"><div class="box_title"><span class="span__box_title">当ブログおすすめWordpressテーマ！</span></div><div class="cboxcomment"><br />
<img loading="lazy" decoding="async" src="https://blognote01.com/wp-content/uploads/2019/05/nigaoemaker-e1558864804973.png" alt="" width="96" height="96" class="alignnone  wp-image-1393" /><br />
<span style="font-size: 14pt;"><strong><a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored">WordPressテーマ「THE・THOR」</a></strong></span></p>
<ul>
<li>高機能の最新テーマで有名ブロガーも使用</li>
<li>着せ替え機能でいろんな用途に使える</li>
<li>複数のブログに使える（本人のブログ）</li>
<li>会員フォーラムやマニュアル完備</li>
</ul>
<p><div class="wp-block-button btn-wrap aligncenter big is-style-rich_pink"><a href="https://blognote01.com/thethor-tokuten" target="_blank" rel="noopener"class="wp-block-button__link" >THE THORの8大特典を見てみる！</a></div><br />
</div></div>
<br />
</div></div>

]]></content:encoded>
					
					<wfw:commentRss>https://blognote01.com/lightning-design/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">15073</post-id>	</item>
		<item>
		<title>CocoonのSNSの設定！フォローとシェアボタンのカスタマイズ方法。非表示のやり方も。【動画あり】</title>
		<link>https://blognote01.com/cocoon-sns</link>
					<comments>https://blognote01.com/cocoon-sns#respond</comments>
		
		<dc:creator><![CDATA[なつ]]></dc:creator>
		<pubDate>Thu, 28 Jan 2021 09:34:46 +0000</pubDate>
				<category><![CDATA[Cocoon]]></category>
		<category><![CDATA[Wordpress（ワードプレス）]]></category>
		<category><![CDATA[無料Wordpressテーマ【評判・感想】]]></category>
		<guid isPermaLink="false">https://blognote01.com/?p=13403</guid>

					<description><![CDATA[ブログ運営半年で月20万超の元サラリーマンブロガーなつです。 Cocoonは無料テーマの中でも使いやすいテンプレートです。一般の着せ替えにあたる「スキン」というたくさんのデザインも使えるのでとてもお得感があります。 独自...]]></description>
										<content:encoded><![CDATA[<p>ブログ運営半年で月20万超の元サラリーマンブロガーなつです。</p>
<p>Cocoonは無料テーマの中でも使いやすいテンプレートです。一般の着せ替えにあたる「スキン」というたくさんのデザインも使えるのでとてもお得感があります。</p>
<p>独自の管理画面でほとんどの設定ができますので愛用している方も多いです。</p>
<p>その中で、<strong>CocoonのSNS（ソーシャルボタン）の設置や設定方法</strong>をお伝えしていきます。</p>
<p>&nbsp;</p>
<div class="cbox is-style-yellow_box type_normal"><div class="cboxcomment"><i class="fas fa-check"></i>　<span style="font-size: 14pt;"><strong>2023年、話題のワードプレステーマ「THE THOR」</strong></span><br />
<strong>⇒　<a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored">THE・THORの公式ページを確認する。</a></strong></p>
<p>※　今なら、8大購入特典をプレゼント！</p>
<p><div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/thethor-hyouban"><figure class="eyecatch of-cover thum"><img loading="lazy" decoding="async" width="485" height="300" src="https://blognote01.com/wp-content/uploads/2019/07/thorkutikomi-485x300.jpg" class="archives-eyecatch-image attachment-oc-post-thum wp-post-image" alt="" /></figure><div class="related_article__meta archives_post__meta inbox"><div class="related_article__ttl ttl"><span class="labeltext">関連記事</span>【THE THORの評判】実際使ってみた口コミとレビュー。</div></div></a></div></div></div>

<p>&nbsp;</p>
<h2>CocoonのSNSボタン</h2>
<p>Cocoonは基本、独自の管理画面で操作をしてきます。それぞれ一括してまとめられていてわかりやすくなっています。SNS（ソーシャルボタン・フォローボタン）なども管理画面にありますので、すぐに設定が可能です。</p>
<p>どの場所に設置するか、どのSNSボタンを設置するかなど詳細な設定が可能ですので、設定をしておきましょう。</p>
<p>&nbsp;</p>
<ol>
<li>トップシェアボタンの表示</li>
<li>ボトムシェアボタンの表示</li>
<li>それぞれのボタンの表示・非表示</li>
<li>表示するページ設定</li>
<li>ボタンカラー</li>
<li>カラム数指定</li>
<li>フォローボタンの設定</li>
</ol>
<p>&nbsp;</p>
<p>上記の順番に説明をしていきます。</p>
<p>&nbsp;</p>
<h2>【動画】CocoonのSNSシェア・フォローボタンの設定</h2>
<p>CocoonのSNSボタンもすぐに設置、設定ができます。Cocoon管理という場所で、チェックを入れるだけなのでぜひ設定してみてください。</p>
<figure class="wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper"><iframe src="https://www.youtube.com/embed/VYc5FgQzwlA?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe></div></figure>
<p>&nbsp;</p>
<p><span>00:00</span><span>　オープニング<br />
</span><span>00:08</span><span>　SNSシェアボタン設定<br />
</span><span>03:14</span><span>　SNSフォローボタン設定</span></p>
<p>&nbsp;</p>
<h2>CocoonのSNSの設定　1.　「トップシェアボタン表示」</h2>
<p>Cocoonでいうトップシェアボタンとは、記事の上、タイトルとアイキャッチの下にくるボタンです。設定の方法自体はボトムシェアボタンと同じです。</p>
<p><span style="background-color: #ffc6d1;">▼　外観　⇒　Cocoon設定　⇒　SNSシェア</span></p>
<p>&nbsp;</p>
<p>トップシェアボタンの表示にチェックを入れ一番下までスクロールし「変更をまとめて保存」をクリックします。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-13416 size-full" src="https://blognote01.com/wp-content/uploads/2021/01/csns3.jpg" alt="トップシェアボタン設定例" width="500" height="165" srcset="https://blognote01.com/wp-content/uploads/2021/01/csns3.jpg 500w, https://blognote01.com/wp-content/uploads/2021/01/csns3-300x99.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />
<p>&nbsp;</p>
<h2>CocoonのSNSの設定　2.「ボトムシェアボタン」</h2>
<p>ボトムとはトップの逆で下に配置するボタンのことです。</p>
<p>ボトムシェアボタンの表示のやり方もトップシェアボタンと同じです。この部分を表示にすると、記事の一番下、関連記事の上に配置されます。</p>
<p><span style="background-color: #ffc6d1;">▼　外観　⇒　Cocoon設定　⇒　SNSシェア</span></p>
<p>ボトムシェアボタンの操作部分「ボトムシェアボタンの表示」にチェックを入れ下までスクロールし「変更をまとめて保存」をクリックします。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-13417 size-full" src="https://blognote01.com/wp-content/uploads/2021/01/csns4.png" alt="ボトムシェアボタン設定例" width="500" height="160" srcset="https://blognote01.com/wp-content/uploads/2021/01/csns4.png 500w, https://blognote01.com/wp-content/uploads/2021/01/csns4-300x96.png 300w" sizes="(max-width: 500px) 100vw, 500px" />
<div class="cbox is-style-yellow_box type_normal"><div class="cboxcomment"><i class="fas fa-check"></i>  <span style="font-size: 14pt;"><strong>初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」！</strong></span><br />
⇒<a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored">THE THORの公式ページを確認する</a><br />
※今なら、8大購入特典をお付けしています！</p>
<p><div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/thethor-tokuten"><figure class="eyecatch of-cover thum"><img loading="lazy" decoding="async" width="485" height="273" src="https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-485x273.jpg" class="archives-eyecatch-image attachment-oc-post-thum wp-post-image" alt="" srcset="https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-485x273.jpg 485w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-300x169.jpg 300w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-768x432.jpg 768w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten.jpg 800w" sizes="(max-width: 485px) 45vw, 485px" /></figure><div class="related_article__meta archives_post__meta inbox"><div class="related_article__ttl ttl"><span class="labeltext">関連記事</span>【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）</div></div></a></div></div></div>

<p>&nbsp;</p>
<h2>CocoonのSNSの設定　3.「それぞれのシェアボタン表示・非表示」</h2>
<p>ツイッターやFacebookなどどのボタンを表示するのか、トップシェアボタンとボトムシェアボタンとで個別に設定が可能です。</p>
<h3>選べるボタンの種類</h3>
<p>以下のボタンを自動的に配置できます。</p>
<ul>
<li>Twitter</li>
<li>Facebook</li>
<li>はてなブックマーク</li>
<li>Pocket</li>
<li>LINE@</li>
<li>Pinterest</li>
<li>LinkedIn</li>
<li>タイトルとURLをコピー</li>
<li>コメント</li>
</ul>
<p>&nbsp;</p>
<h3>ボタンの選択方法</h3>
<p>トップシェアボタンとボトムシェアボタンの表示設定のすぐ下にボタンの選択設定部分があります。</p>
<p><span style="background-color: #ffc6d1;">▼　外観　⇒　Cocoon設定　⇒　SNSシェア</span></p>
<p>&nbsp;</p>
<p><span style="background-color: #ffc6d1;"><img loading="lazy" decoding="async" class="alignnone wp-image-13418 size-full" src="https://blognote01.com/wp-content/uploads/2021/01/csns5.jpg" alt="SNSボタン選別" width="500" height="291" srcset="https://blognote01.com/wp-content/uploads/2021/01/csns5.jpg 500w, https://blognote01.com/wp-content/uploads/2021/01/csns5-300x175.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></span></p>
<p>表示切替で表示させたいSNSを選択しチェックを入れます。</p>
<p>※<span class="span__stk_maker_pink">上記のように4つだけ表示させたい場合には、カラム数も4列に変更しておきましょう。</span>カラムを調整しないと歯抜けになったりしてバランスが悪くなります。</p>
<div class="cbox is-style-yellow_box type_normal"><div class="cboxcomment"><i class="fas fa-check"></i> <span style="font-size: 14pt;"><strong>初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」</strong></span><br />
⇒　<a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored">THE THORの公式ページを確認する。</a></p>
<p>※今なら、8大購入特典をお付けしています！</div></div>

<p>&nbsp;</p>
<h2>CocoonのSNSの設定　4.「表示するページ設定」</h2>
<p>表示するページとは、シェアボタンをどのページ（投稿ぺージや固定ページ）に設置するかを指定する場所です。</p>
<h3>シェアボタンを設置できる場所</h3>
<p>この部分で投稿ページだけSNSシェアボタンを設置するなど自由に変更できます。</p>
<ul>
<li>フロントページ</li>
<li>投稿</li>
<li>固定ページ</li>
<li>カテゴリー（1ページ目だけ）</li>
<li>タグ（1ページ目だけ）</li>
</ul>
<p>&nbsp;</p>
<p>投稿ページと固定ページはわかると思いますので、フロントページとカテゴリーの設置を見てみましょう。</p>
<h4>フロントページ</h4>
<p>トップページを開くと、以下のようにSNSシェアボタンが表示されます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-13422 size-medium" src="https://blognote01.com/wp-content/uploads/2021/01/csns6-300x164.jpg" alt="SMSボタンの表示例" width="300" height="164" srcset="https://blognote01.com/wp-content/uploads/2021/01/csns6-300x164.jpg 300w, https://blognote01.com/wp-content/uploads/2021/01/csns6.jpg 500w" sizes="(max-width: 300px) 100vw, 300px" />
<h4>カテゴリーページ</h4>
<p>カテゴリー別の表示がされる場所にSNSボタンが出てきます。</p>
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-13421" src="https://blognote01.com/wp-content/uploads/2021/01/csns7-300x188.jpg" alt="カテゴリーページへのSNSボタンの表示例" width="300" height="188" srcset="https://blognote01.com/wp-content/uploads/2021/01/csns7-300x188.jpg 300w, https://blognote01.com/wp-content/uploads/2021/01/csns7.jpg 500w" sizes="(max-width: 300px) 100vw, 300px" />
<p>&nbsp;</p>
<h3>シェアボタンの表示ページ設定</h3>
<p>トップシェアボタンとボトムシェアボタンも同じ操作となります。</p>
<p><span style="background-color: #ffc6d1;">▼　外観　⇒　Cocoon設定　⇒　SNSシェア</span></p>
<p>それぞれの「表示ページ設定」でSNSシェアボタンを表示させたい場所にチェックを入れ下までスクロールし「変更をすべて保存」をクリックします。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-13424 size-full" src="https://blognote01.com/wp-content/uploads/2021/01/csns8.jpg" alt="シェアボタンの表示設定" width="500" height="174" srcset="https://blognote01.com/wp-content/uploads/2021/01/csns8.jpg 500w, https://blognote01.com/wp-content/uploads/2021/01/csns8-300x104.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />
<p>&nbsp;</p>
<h2>CocoonのSNSの設定　5.「ボタンカラー」</h2>
<p>Cocoonの場合SNS（ソーシャルボタン）の色を3パターンに変更できます。「モノクロ」と「ブランドカラー」と「白抜き」です。</p>
<h3>モノクロのボタン</h3>
<p>少し地味になりますが、基本のブランドカラーはユーザーにとって慣れてしまっているので、モノクロにするのもアリかなと思います。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-13426 size-full" src="https://blognote01.com/wp-content/uploads/2021/01/csns9.jpg" alt="シェアボタンモノクロ" width="500" height="31" srcset="https://blognote01.com/wp-content/uploads/2021/01/csns9.jpg 500w, https://blognote01.com/wp-content/uploads/2021/01/csns9-300x19.jpg 300w, https://blognote01.com/wp-content/uploads/2021/01/csns9-485x31.jpg 485w" sizes="(max-width: 500px) 100vw, 500px" />
<p>ただ、横に並んだボタン同士、区別がつきづらいのでSNSを多く並べてしまうと見づらいかもしれません。</p>
<p>&nbsp;</p>
<h3>白抜きのボタン</h3>
<p>コチラはシンプルなボタンです。ブランドカラーの枠で白が基調になります。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-13427 size-full" src="https://blognote01.com/wp-content/uploads/2021/01/csns10.jpg" alt="SNSボタン白抜き" width="500" height="31" srcset="https://blognote01.com/wp-content/uploads/2021/01/csns10.jpg 500w, https://blognote01.com/wp-content/uploads/2021/01/csns10-300x19.jpg 300w, https://blognote01.com/wp-content/uploads/2021/01/csns10-485x31.jpg 485w" sizes="(max-width: 500px) 100vw, 500px" />
<p>&nbsp;</p>
<h3>SNSボタンカラーの変更</h3>
<p><span style="background-color: #ffc6d1;">▼　外観　⇒　Cocoon設定　⇒　SNSシェア</span></p>
<img loading="lazy" decoding="async" class="alignnone wp-image-13430 size-full" src="https://blognote01.com/wp-content/uploads/2021/01/csns11.jpg" alt="ボタンカラー変更方法" width="400" height="117" srcset="https://blognote01.com/wp-content/uploads/2021/01/csns11.jpg 400w, https://blognote01.com/wp-content/uploads/2021/01/csns11-300x88.jpg 300w" sizes="(max-width: 400px) 100vw, 400px" />
<p>ボタンカラーの部分でモノクロ、ブランドカラー、白抜きを選んで「変更をすべて保存」をクリックします。</p>
<p>&nbsp;</p>
<div class="cbox intitle is-style-red_box type_normal"><div class="box_title"><span class="span__box_title">THE THORオリジナルデザインプレゼント中！</span></div><div class="cboxcomment"><strong>当ブログのTHE THORオリジナルテンプレート！</strong></p>
<p>このブログからTHE THORをご購入くださった方に<strong>マニュアル</strong>をプレゼントしています。</p>
<p><div class="column-wrap "><br />
<div class="column_3 child_column "><a href="http://blognote01.com/cafe/" target="_blank" rel="noopener"><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-9544" src="https://blognote01.com/wp-content/uploads/2020/04/torlwata-300x221.jpg" alt="THE THOR特典デザイン「綿毛」" width="300" height="221" srcset="https://blognote01.com/wp-content/uploads/2020/04/torlwata-300x221.jpg 300w, https://blognote01.com/wp-content/uploads/2020/04/torlwata.jpg 500w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
追加特典「<a href="http://blognote01.com/cafe/" target="_blank" rel="noopener">綿毛</a>」</div><br />
<div class="column_3 child_column "><a href="http://blognote01.com/thethorsimple" target="_blank" rel="noopener"><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-5560" src="https://blognote01.com/wp-content/uploads/2019/11/sinpuru2-300x263.jpg" alt="THE THOR特典デザイン「シンプル」" width="300" height="263" srcset="https://blognote01.com/wp-content/uploads/2019/11/sinpuru2-300x263.jpg 300w, https://blognote01.com/wp-content/uploads/2019/11/sinpuru2.jpg 648w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
特典「<a href="http://blognote01.com/thethorsimple" target="_blank" rel="noopener">シンプル</a>」</div><br />
<div class="column_3 child_column "><a href="http://blognote01.com/restaurant/" target="_blank" rel="noopener"><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-9541" src="https://blognote01.com/wp-content/uploads/2020/04/torlresut-300x226.jpg" alt="THE" width="300" height="226" srcset="https://blognote01.com/wp-content/uploads/2020/04/torlresut-300x226.jpg 300w, https://blognote01.com/wp-content/uploads/2020/04/torlresut.jpg 500w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
追加特典「<a href="http://blognote01.com/restaurant/" target="_blank" rel="noopener">ai</a>」</div> </div></p>
<p>※他のデザインは以下の記事で見れますので覧ください。<br />
⇒<a href="https://blognote01.com/thethor-design6" target="_blank" rel="noopener noreferrer">【簡単】THE THORデザインの事例集6選！初心者でも作れるアレンジを紹介！</a></p>
<p><div class="wp-block-button btn-wrap aligncenter big is-style-rich_pink"><a class="btn__link btn__link-primary wp-block-button__link" href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1">特典付きでTHE THORを購入する</a></div></p>
<p><center>／／今なら、なつ特製オリジナルデザインマニュアル付き！＼＼</center><center></center><center></center><center></center><br />
<span style="font-size: 10pt;">※ヘッダーの画像は、写真ACとイラストACのイラストレーターさん方の作品です。特典内でURLをお伝えしています。</span></div></div>

<p>&nbsp;</p>
<h2>CocoonのSNSの設定　6.「カラム数指定」</h2>
<p>カラム数指定とは、表示するとき何列にするかの指定方法です。例えば、トップにもってくるシェアボタンは1段にしてサラッと見てもらう程度にしたり、最後のボタンは少し目につくように2段にするなど工夫することも可能です。</p>
<p>カラム数：6列</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-13413 size-full" src="https://blognote01.com/wp-content/uploads/2021/01/csns.jpg" alt="シェアボタン6列" width="500" height="31" srcset="https://blognote01.com/wp-content/uploads/2021/01/csns.jpg 500w, https://blognote01.com/wp-content/uploads/2021/01/csns-300x19.jpg 300w, https://blognote01.com/wp-content/uploads/2021/01/csns-485x31.jpg 485w" sizes="(max-width: 500px) 100vw, 500px" />
<p>カラムが横に6つ並びます。もし、使わないボタン等を表示させない場合には、このカラム数指定で調整しておいてください。（例えば4つだけ表示させたい場合は4列にするとか）</p>
<p>カラム数：3列</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-13414 size-full" src="https://blognote01.com/wp-content/uploads/2021/01/csns2.jpg" alt="シェアボタン2段" width="500" height="88" srcset="https://blognote01.com/wp-content/uploads/2021/01/csns2.jpg 500w, https://blognote01.com/wp-content/uploads/2021/01/csns2-300x53.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />
<p>横並びに3つになり2段の構成になります。</p>
<p>ブログの構成を見ながら設定をしていきます。</p>
<h2>CocoonのSNSの設定　7.「フォローボタンの設定」</h2>
<p>SNSのフォローボタンも管理画面で設定できます。ユーザー登録しておけば「○○をフォローする」というようにテキストに名前が入ります。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-13432 size-full" src="https://blognote01.com/wp-content/uploads/2021/01/csns12.jpg" alt="フォローボタン" width="500" height="68" srcset="https://blognote01.com/wp-content/uploads/2021/01/csns12.jpg 500w, https://blognote01.com/wp-content/uploads/2021/01/csns12-300x41.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />
<h3>フォローボタンとシェアボタンの双方を設置した場合</h3>
<p>ちなみに、フォローボタンとシェアボタンを設置した場合どういった見た目になるのか見てみましょう。</p>
<p>フォローボタンは記事下に配置されますので、ボトムシェアボタンとの兼ね合いは以下のようになります。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-13433 size-full" src="https://blognote01.com/wp-content/uploads/2021/01/csns13.jpg" alt="フォローボタンとシェアボタン" width="500" height="195" srcset="https://blognote01.com/wp-content/uploads/2021/01/csns13.jpg 500w, https://blognote01.com/wp-content/uploads/2021/01/csns13-300x117.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />
<p>2つ並んでしまうと色がたくさんありすぎて若干見づらいですね。シェアボタンもしくはフォローボタンのどちらかひとつを白抜きにするとスッキリ見えますので気になる方は試してみてください。</p>
<h3>フォローボタンの表示</h3>
<p>フォローボタンを表示は、とても簡単です。</p>
<p><span style="background-color: #ffc6d1;">▼　外観　⇒　Cocoon設定　⇒　SNSフォロー</span></p>
<p>&nbsp;</p>
<p>フォローボタンの表示の「本文下のフォローボタンを表示する」にチェックを入れ変更をすべて保存をクリックします。</p>
<h3>フォローメッセージの設定</h3>
<p>「○○をフォロー」という文章はコチラで設定をします。最初に、プロフィールであなたの名前を登録しておけば何もしなくても名前が表示されるようになっています。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-13436 size-full" src="https://blognote01.com/wp-content/uploads/2021/01/csns14.jpg" alt="フォローメッセージ入力" width="500" height="67" srcset="https://blognote01.com/wp-content/uploads/2021/01/csns14.jpg 500w, https://blognote01.com/wp-content/uploads/2021/01/csns14-300x40.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />
<p>#{author}の部分に設定した名前が出てきます。</p>
<h4>名前の登録方法</h4>
<p>名前の登録方法をここで説明させていただきます。</p>
<p><span style="background-color: #ffc6d1;">▼　ユーザー　⇒　プロフィール</span></p>
<p>デフォルトでは、最初に決めたID番号が出ていますので、このページでご自身の名前もしくはニックネームに変更をしてください。</p>
<p>ページを開き、下の方にスクロールしていきます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-13437 size-full" src="https://blognote01.com/wp-content/uploads/2021/01/csns15.jpg" alt="ユーザー名入力" width="500" height="190" srcset="https://blognote01.com/wp-content/uploads/2021/01/csns15.jpg 500w, https://blognote01.com/wp-content/uploads/2021/01/csns15-300x114.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />
<p>ニックネーム（必須）とブログ上の表示名の部分を変更します。最後に「プロフィールを更新」をクリックします。</p>
<p>この設定をしておけば、フォローメッセージの中にデフォルトで表示されている#{author}に名前が入りますのでとても便利です。</p>
<p>&nbsp;</p>
<p><strong>↓　当ブログからWordpressテーマTHE THORを購入くださった方に特典をプレゼントしています。</strong><br />
<div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/thethor-tokuten"><figure class="eyecatch of-cover thum"><img loading="lazy" decoding="async" width="485" height="273" src="https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-485x273.jpg" class="archives-eyecatch-image attachment-oc-post-thum wp-post-image" alt="" srcset="https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-485x273.jpg 485w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-300x169.jpg 300w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-768x432.jpg 768w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten.jpg 800w" sizes="(max-width: 485px) 45vw, 485px" /></figure><div class="related_article__meta archives_post__meta inbox"><div class="related_article__ttl ttl"><span class="labeltext">関連記事</span>【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）</div></div></a></div></p>

<h2>初心者だからこそWordpress有料テーマ を使うべき理由</h2>
<div class="cbox is-style-yellow_box type_normal"><div class="cboxcomment"><br />
<span style="font-size: 12pt;"><strong>無料テーマを使うことで時間の無駄遣いをしていませんか？</strong></span></p>
<ul>
<li>思い通りのデザインにできない・・・</li>
<li>なかなか稼げない・・・</li>
<li>アクセス数が増えない・・・</li>
</ul>
<p>こんな悩みを抱えていませんか？<br />
&nbsp;</p>
<p>稼ぐブログにしろ趣味ブログにしろ検索の上位にこなければなかなか読んでもらえません。もしあなたが稼ぐブログを作りたいなら、初心者の時に初期投資することはとても大事なことです。</p>
<p>&nbsp;</p>
<h3>Wordpressの有料テーマができる５つのこと</h3>
<ol>
<li>検索上位を目指せる</li>
<li>見た目が綺麗でおしゃれになる</li>
<li>機能が豊富で出来ることが多い</li>
<li>会員フォームなどのサポート</li>
<li>有名ブロガーも有料テーマを使っている</li>
</ol>
<p>&nbsp;</p>
<p>これまでにあげた5つの有料テーマの特徴を説明していきます。</p>
<h4>1.　検索上位を目指せる</h4>
<p>ブログを運営していく上で対策をしていかなければいけないのがSEO対策です。検索エンジンのことを考えてブログを最適に合わせていくということがSEO（SearchEngine Optimizationの略）です。</p>
<ul>
<li>情報の信頼性</li>
<li>ユーザーへの役立つ情報であるか？</li>
<li>スマホ・PCなどでストレスなく使える</li>
</ul>
<p>&nbsp;</p>
<p>などたくさんの要因がありますが、ブログを訪問した人があなたのブログの多くの記事を読んでくれるようなテンプレートの仕組みも有料テーマでは細やかに考えられています。</p>
<p>&nbsp;</p>
<h4>2.　見た目が無料テーマ以上に綺麗になる</h4>
<p>シンプルが良いか、綺麗なテーマが良いのかそれぞれの好みによります。無料テーマは必要最低限のものを備えていますがやはりシンプルすぎていずれつまらなくなってしまいます。</p>
<p>有料テーマはデザイン性が高く自分の好きなデザインにもカスタマイズしやすいです。</p>
<p style="text-align: center;"><img loading="lazy" decoding="async" class="size-medium wp-image-9942 aligncenter" src="https://blognote01.com/wp-content/uploads/2020/05/THOR222-300x218.jpg" alt="" width="300" height="218" srcset="https://blognote01.com/wp-content/uploads/2020/05/THOR222-300x218.jpg 300w, https://blognote01.com/wp-content/uploads/2020/05/THOR222.jpg 650w" sizes="(max-width: 300px) 100vw, 300px" />出典：THE THOR 着せ替え「01」</p>
<p style="text-align: center;"><strong>↓　クリックで拡大します</strong><br />
<a href="https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3.jpg"><img loading="lazy" decoding="async" class="aligncenter wp-image-11133 size-medium" src="https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-300x169.jpg" alt="" width="300" height="169" srcset="https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-300x169.jpg 300w, https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-1024x576.jpg 1024w, https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-768x432.jpg 768w, https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-1536x864.jpg 1536w, https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-2048x1152.jpg 2048w" sizes="(max-width: 300px) 100vw, 300px" /></a>出典：<a href="https://blognote01.com/thethor-newarrange" target="_blank" rel="noopener noreferrer">特製THE THORオリジナルアレンジ</a></p>
<p>&nbsp;</p>
<h4>3.　機能が豊富でできることが多い</h4>
<p>今現在新しい機能として出てきたのが「着せ替え機能」です。過去にも賢威などにはベース色とパターンがありましたが最近ではアフィリなどはっきりと違った用途で使えるように作りこんでいます。</p>
<h4>4.　会員フォーラムなどのサポート</h4>
<p>なにかわからないことがあった場合、相談できる場所があるだけで安心できます。ここが無料テーマと一番違う部分、有料テーマでは売りっぱなしにしない工夫がされています。</p>
<h4>5.　有名ブロガーも多数使用</h4>
<p>稼いている有名ブロガーと言われる人のほとんどは有料テーマを使っています。ブログ造りでは内容も非常に大事ですが、文章や扱っている分野が同じ程度ならやはり最後の勝負はテーマの構造などになります。</p>
<p>もしあなたが稼ぐブログを作りたいと考えているならば「有料」テーマも検討してみてください。</p>
<p>カスタマイズで悩んでいる時間、ブログの完成度、上位に表示するメリットなど考えると有料テーマはあなたのお役にたちます。</p>
<p><div class="cbox intitle is-style-pink_box type_normal"><div class="box_title"><span class="span__box_title">当ブログおすすめWordpressテーマ！</span></div><div class="cboxcomment"><br />
<img loading="lazy" decoding="async" src="https://blognote01.com/wp-content/uploads/2019/05/nigaoemaker-e1558864804973.png" alt="" width="96" height="96" class="alignnone  wp-image-1393" /><br />
<span style="font-size: 14pt;"><strong><a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored">WordPressテーマ「THE・THOR」</a></strong></span></p>
<ul>
<li>高機能の最新テーマで有名ブロガーも使用</li>
<li>着せ替え機能でいろんな用途に使える</li>
<li>複数のブログに使える（本人のブログ）</li>
<li>会員フォーラムやマニュアル完備</li>
</ul>
<p><div class="wp-block-button btn-wrap aligncenter big is-style-rich_pink"><a href="https://blognote01.com/thethor-tokuten" target="_blank" rel="noopener"class="wp-block-button__link" >THE THORの8大特典を見てみる！</a></div><br />
</div></div>
<br />
</div></div>

]]></content:encoded>
					
					<wfw:commentRss>https://blognote01.com/cocoon-sns/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">13403</post-id>	</item>
		<item>
		<title>アドセンスの審査が通らない！合格するために知っておく傾向と対策とは。</title>
		<link>https://blognote01.com/adsense-shinsa</link>
					<comments>https://blognote01.com/adsense-shinsa#respond</comments>
		
		<dc:creator><![CDATA[なつ]]></dc:creator>
		<pubDate>Thu, 29 Oct 2020 11:07:59 +0000</pubDate>
				<category><![CDATA[Wordpress（ワードプレス）]]></category>
		<category><![CDATA[ブログ]]></category>
		<guid isPermaLink="false">https://blognote01.com/?p=12573</guid>

					<description><![CDATA[ブログ運営半年で月20万超の元サラリーマンブロガーなつです。 ブログで稼ぐためにはアドセンスやアフィリエイトをすることになります。PVを集めると報酬が出てくるアドセンスの方が難易度が低いといえます。 &#160; ただ、...]]></description>
										<content:encoded><![CDATA[<p>ブログ運営半年で月20万超の元サラリーマンブロガーなつです。</p>
<p>ブログで稼ぐためにはアドセンスやアフィリエイトをすることになります。PVを集めると報酬が出てくるアドセンスの方が難易度が低いといえます。</p>
<div class="voice cf l"><figure class="icon"><img loading="lazy" decoding="async" src="https://blognote01.com/wp-content/uploads/2019/05/nigaoemaker-e1558864804973.png" class="voice_icon__img" width="150" height="150"><figcaption class="name">なつ</figcaption></figure><div class="voicecomment">実際私もアドセンスを導入し報酬を得ていました。⇒　なつの実績は<a href="https://blognote01.com/natsu-shoukai" target="_blank" rel="noopener noreferrer">コチラ</a></div></div>
<p>&nbsp;</p>
<p>ただ、アドセンスの場合にはGoogleに申請をして合格しなければいけません。そこで、アドセンスの審査が通らない時にどういったことをすべきなのか調べてみました。</p>
<p>&nbsp;</p>
<div class="cbox is-style-yellow_box type_normal"><div class="cboxcomment"><i class="fas fa-check"></i>　<span style="font-size: 14pt;"><strong>2023年、話題のワードプレステーマ「THE THOR」</strong></span><br />
<strong>⇒　<a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored">THE・THORの公式ページを確認する。</a></strong></p>
<p>※　今なら、8大購入特典をプレゼント！</p>
<p><div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/thethor-hyouban"><figure class="eyecatch of-cover thum"><img loading="lazy" decoding="async" width="485" height="300" src="https://blognote01.com/wp-content/uploads/2019/07/thorkutikomi-485x300.jpg" class="archives-eyecatch-image attachment-oc-post-thum wp-post-image" alt="" /></figure><div class="related_article__meta archives_post__meta inbox"><div class="related_article__ttl ttl"><span class="labeltext">関連記事</span>【THE THORの評判】実際使ってみた口コミとレビュー。</div></div></a></div></div></div>

<p>&nbsp;</p>
<h2>アドセンスの審査が通らないのはどこまでホントなのか。</h2>
<p>アドセンスの審査は最近難しくなってきたといわれています。昔なら、無料ブログサービスでも申請できましたし、かつては10記事の日記のような文章で合格できる時期もありました。</p>
<p>最近の合格者の方のお話を聞いていると1発合格された方もおられますし、5回チャレンジしてもまだ通らないなど様々。</p>
<p>実際、私はまだ通りやすい時期に2回目で合格しましたが、「Googleの審査ってここを見るのか！」みたいな独特な感じはありました。</p>
<p>&nbsp;</p>
<p>⇒　<a href="#link01">私がGoogleアドセンス申請に合格した時の体験談</a></p>
<p>&nbsp;</p>
<p>初心者のうちは、1記事に800文字でも辛いと思いますので、2000文字×20記事なんて正直できるかどうかと考えてしまうかもしれません。</p>
<p>一般的な基準として10～20記事程度とよく言われていますが、最近では10記事以下の少ない記事数の方が良いなどとつぶやいておられる方もいてマチマチ。</p>
<p>なので、今現在受かった方の情報を含め、どんなブログが良いのか、どこをチェックするのかなどお伝えします。</p>
<p>&nbsp;</p>
<div class="cbox is-style-yellow_box type_normal"><div class="cboxcomment"><i class="fas fa-check"></i>  <span style="font-size: 14pt;"><strong>初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」！</strong></span><br />
⇒<a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored">THE THORの公式ページを確認する</a><br />
※今なら、8大購入特典をお付けしています！</p>
<p><div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/thethor-tokuten"><figure class="eyecatch of-cover thum"><img loading="lazy" decoding="async" width="485" height="273" src="https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-485x273.jpg" class="archives-eyecatch-image attachment-oc-post-thum wp-post-image" alt="" srcset="https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-485x273.jpg 485w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-300x169.jpg 300w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-768x432.jpg 768w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten.jpg 800w" sizes="(max-width: 485px) 45vw, 485px" /></figure><div class="related_article__meta archives_post__meta inbox"><div class="related_article__ttl ttl"><span class="labeltext">関連記事</span>【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）</div></div></a></div></div></div>

<p>&nbsp;</p>
<h2>【最新版】アドセンス審査合格者の申請状況【通らない方必見】</h2>
<p>ここでは、アドセンス審査に合格した方の状況をみると、必ずしも記事数が多いのが良いわけではなさそうです。</p>
<p>&nbsp;</p>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja">googleアドセンス、審査から2日で結果が届きました。</p>
<p>・記事数5(審査中に更新して記事数6)<br />
・お問合せ、プライバシーポリシー、サイトマップ、プロフィール設置</p>
<p>記事数がまだまだ少ないので、更新頑張ります。<a href="https://twitter.com/hashtag/%E3%83%96%E3%83%AD%E3%82%B0%E5%88%9D%E5%BF%83%E8%80%85?src=hash&amp;ref_src=twsrc%5Etfw">#ブログ初心者</a><a href="https://twitter.com/hashtag/%E3%82%A2%E3%83%89%E3%82%BB%E3%83%B3%E3%82%B9%E5%AF%A9%E6%9F%BB?src=hash&amp;ref_src=twsrc%5Etfw">#アドセンス審査</a></p>
<p>— リコ (@rikotokirinn) <a href="https://twitter.com/rikotokirinn/status/1321548795025387525?ref_src=twsrc%5Etfw">October 28, 2020</a></p></blockquote>
<blockquote class="twitter-tweet">
<p dir="ltr" lang="ja">【アドセンス合格時の私のブログ】</p>
<p>&#x2b50;アドセンスの審査期間:15日</p>
<p>結果が来たときの<br />
・記事数 : 15 (毎日更新)<br />
・文字数 : 1500-2300文字<br />
・テーマ : 無料(スティンガー)<br />
・サイトマップあり<br />
・プライバシーポリシーなし<br />
・お問い合わせ欄あり</p>
<p>こんな感じ！<br />
参考までに( ˊ꒳ˋ ) ᐝ<a href="https://twitter.com/hashtag/%E3%83%96%E3%83%AD%E3%82%B0%E5%88%9D%E5%BF%83%E8%80%85?src=hash&amp;ref_src=twsrc%5Etfw">#ブログ初心者</a></p>
<p>— きなこ @ブロガー (@lovebeauty_t) <a href="https://twitter.com/lovebeauty_t/status/1319207668314066944?ref_src=twsrc%5Etfw">October 22, 2020</a></p></blockquote>
<p>&nbsp;</p>
<p>私の感覚では、最低10記事を書かないと受からないというイメージだったのですが、それほど記事数は多くなくても通るサイトもあるかなと感じています。</p>
<p>ただし、一番最初のブログの審査と2つ以上の追加ブログの審査もあるので、一概には言えませんが、内容重視になってきているんだと思われます。</p>
<p>&nbsp;</p>
<h2>アドセンス審査に通らない場合の対処法　1.　記事数＆文字数</h2>
<p>記事内容が一番重要だと思いますが、基本的には1記事につき1000文字以上。<span class="span__stk_maker_pink">コンテンツ内容がしっかりしていれば1000文字以下でも通る場合があるようです。</span></p>
<p>ただし、最初から読者の興味を引く記事をすぐに書くことは難しいので、<strong><span style="color: #fc6262;">目安として1000文字程度</span></strong>と考えていた方が良いと思います。</p>
<p>記事にしても、書きたい題材があるのなら自然と文字数は増えていきますし、できるだけわかりやすく文章で書こうと思えば1000文字はあっという間に超えてしまいます。</p>
<p>&nbsp;</p>
<p>↓　Wordpressテーマ「THE THOR」公式デザインに芸大卒なつのデザイン10種類追加！</p>
<div class="cbox intitle is-style-pink_box type_normal"><div class="box_title"><span class="span__box_title">THE THORデザインのマニュアルプレゼント中！</span></div><div class="cboxcomment"><strong>人気のTHE THORのオリジナルテンプレート6種類+5種類（NEW）ができました！</strong></p>
<p>当ブログで購入していただくと、公式の9種類のデザインと追加の10種類が無料で手に入ります！</p>
<p><a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" target="_blank" rel="noopener"><img loading="lazy" decoding="async" class="aligncenter wp-image-18090 size-full" src="https://blognote01.com/wp-content/uploads/2021/10/9shu.jpg" alt="THE THOR特典オリジナルアレンジマニュアルバナー" width="500" height="281" srcset="https://blognote01.com/wp-content/uploads/2021/10/9shu.jpg 500w, https://blognote01.com/wp-content/uploads/2021/10/9shu-300x169.jpg 300w, https://blognote01.com/wp-content/uploads/2021/10/9shu-375x211.jpg 375w" sizes="(max-width: 500px) 100vw, 500px" /></a></p>
<p>※デザインの全体像は以下の2記事をご覧ください。</p>
<p><strong>⇒<a href="https://blognote01.com/thethor-design6" target="_blank" rel="noopener noreferrer">【超簡単】THE THORデザインの事例集6選！初心者でも作れるアレンジ！</a><br />
</strong>⇒<strong><a href="https://blognote01.com/thethor-originaltokuten" target="_blank" rel="noopener noreferrer">追加デザイン4種はコチラから</a></strong>見ることができます。</p>
<p><div class="wp-block-button btn-wrap aligncenter big is-style-rich_pink"><a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored"class="wp-block-button__link" >特典付きでTHE THORを購入する</a></div></p>
<p style="text-align: center;">／／たった30記事で稼いだ実録記事（2,980円相当）付き!＼＼</p>
<p>※ヘッダーの画像は、写真ACとイラストACのイラストレーターさん方の作品です。特典内でURLをお伝えしています。</p>
<p></div></div>

<p>&nbsp;</p>
<h2>アドセンス審査に通らない場合の対処法　2.　コンテンツ内容</h2>
<p>アドセンスでは広告をブログに貼り付けます。例えば、大人向けでセクシーな内容で子供に見せられないようなページには広告は向きませんし、広告主もできるだけ印象のよいページに広告を貼り付けることを希望するでしょう。</p>
<p>アドセンスのブログへの条件として以下のような内容が公開されています。</p>
<div class="supplement boader">
<ol>
<li>他にはない魅力があるか</li>
<li>操作が簡単でわかりやすいか</li>
<li>ユーザーの目をひく独自のコンテンツがあるか</li>
</ol>
</div>
<p>出典：<a href="https://support.google.com/adsense/answer/7299563?hl=ja" target="_blank" rel="noopener noreferrer">アドセンスのお申し込み時の条件</a></p>
<blockquote><p>ユーザーの関心を引き付け、詳しく知りたいと思ってもらえるような、関連性の高い独自のオリジナル コンテンツを掲載しましょう</p></blockquote>
<p>&nbsp;</p>
<h2>アドセンス審査に通らない場合の対処法　3.　画像について</h2>
<p>画像を入れるのか入れないのか悩むところだと思います。画像についてはわかり易くするために入れるものなので、画像があった方が理解が深まるなら挿入してください。</p>
<p>ただし、SNSでの合格情報ではたとえアイキャッチが「No image」でも合格したという方もおられますので、ケースバイケースのようです。</p>
<p>画像に関しては以下のことを心掛けてください。</p>
<ul>
<li>記事の配置を考える</li>
<li>魅力的なレイアウトを作る</li>
<li>ユーザーが求める情報を簡単に見つけられるようにする</li>
</ul>
<p>&nbsp;</p>
<h2>アドセンス審査に通らない場合の対処法　4.　記事内容に問題がないか</h2>
<p>アドセンスでは記事内容にもきまりがあります。アドセンスポリシーで制限されている内容でないかチェックが必要です。</p>
<ul>
<li>性的なもの</li>
<li>衝撃的なもの</li>
<li>タバコやアルコールやドラッグに関するもの</li>
<li>ギャンブルをすすめるもの</li>
<li>法律に違反しているもの</li>
<li>コピペのコンテンツ</li>
</ul>
<p>などなど。</p>
<p>⇒　<a href="https://support.google.com/adsense/answer/48182?hl=ja" target="_blank" rel="noopener noreferrer">アドセンスプログラムポリシー参照</a></p>
<p>&nbsp;</p>
<div class="cbox is-style-yellow_box type_normal"><div class="cboxcomment"><i class="fas fa-check"></i> <span style="font-size: 14pt;"><strong>初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」</strong></span><br />
⇒　<a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored">THE THORの公式ページを確認する。</a></p>
<p>※今なら、8大購入特典をお付けしています！</div></div>

<p>&nbsp;</p>
<h2>アドセンス審査に通らない場合の対処法　5.　オリジナル性</h2>
<p>「アドセンスのお申込み時の条件」の中では、そのブログで<strong><span style="color: #fc6262;">価値のある独自コンテンツ</span></strong>を記載しなさいとあります。</p>
<p>「それが一番難しいんだよ～（泣）」と思われるかもしれません。</p>
<ol>
<li>専門家の知識</li>
<li>何かを改善する方法</li>
<li>クチコミ情報</li>
<li>自分のアイディア</li>
</ol>
<p>&nbsp;</p>
<p>⇒　<a href="https://support.google.com/adsense/answer/7299563?hl=ja" target="_blank" rel="noopener noreferrer">アドセンスお申込み時の条件</a></p>
<p>ユーザーの興味を引く独自コンテンツ内容として上記の例が書かれています。初心者の方にとっては、これをどう理解するのかも悩むのではないでしょうか。</p>
<p>そこで、少し私が考える上の4つに当てはまるものを考えてみました。（<span class="span__stk_maker_pink">ただし、必ずこれで合格するものではありませんのであくまでも参考としてご覧ください</span>）</p>
<p>&nbsp;</p>
<h3>1.　専門家の知識</h3>
<p>あなたの趣味やお仕事など、専門家くらいにのめりこんだものがあればそのことを記事にしてみてください。</p>
<p>例えば、車が好きなら車のパーツの説明や車の特徴、カード占いならカードの理解や占い方法。DIYが好きなら材料の良しあしの見分け方や、組み立て方法・・・。</p>
<p>&nbsp;</p>
<h3>2.　何かを改善する方法</h3>
<p>大きなことでなくても例えば、○○というシャワー水栓の交換方法や、レンジ周りを簡単にお掃除する方法、プロのようなお洋服のシミ抜きなどなにか実際やったことのあることなら、いくらでも書けますよね。</p>
<p>そういった需要はありますし、あなたの書いた記事で救われる人も多いと思います。</p>
<h3>3.　クチコミ情報</h3>
<p>東京マラソンのトイレ情報や、コンビニなど人が検索するクチコミなどあれば助かりますよね。さらに、大都市ですんなり乗り換えができるようにわかりやすく図解してあればとても助かります。</p>
<p>さらに、テーマパークなどの混雑状況なども必要になる場合もありますし、子供と遊びに行けるキャンプ場情報などもよさそうですね。</p>
<p>コーヒーショップ（スタバなど）のオリジナルメニューの注文の仕方など他人が知りたい情報なども必要な人がいそうです。</p>
<h3>4.　自分のアイディア</h3>
<p>この部分は一番難しいかもしれませんが、手芸が好きなら自分で作ったものを教えるとかも良いですし、このブログならWordpressテーマのアレンジなど自分で考えて形にしたものがあればブログに書くのもよさそうです。</p>
<p>&nbsp;</p>
<h2>アドセンス審査に通らない場合の対処法　6.　プライバシーポリシー＆お問合せ</h2>
<p>ブログの信頼性を高めるために設置するのが「プライバシーポリシー」です。お問い合わせについても読んだ人がなにか問題点などを連絡してもらうために設置するとさらに親切ですよね。</p>
<p>プライバシーポリシーについては、「Cookie」を利用することから、内容の説明するための文言です。</p>
<p>⇒　<a href="https://support.google.com/adsense/answer/1348695" target="_blank" rel="noopener noreferrer">サイトのプライバシー ポリシーについて</a></p>
<p>&nbsp;</p>
<div class="cbox is-style-yellow_box type_normal"><div class="cboxcomment"><i class="fas fa-check"></i> <span style="font-size: 14pt;"><strong>初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」</strong></span><br />
⇒　<a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored">THE THORの公式ページを確認する。</a></p>
<p>※今なら、8大購入特典をお付けしています！</div></div>

<p>&nbsp;</p>
<h2>プライバシーポリシーや利用規約が不十分ではないか</h2>
<p>ブログの文章や内容がGoogleのプライバシーポリシーや利用規約に沿っているかも重要なポイントとなります。</p>
<p>プライバシーポリシーや利用規約というと難しく感じますが、Googleが作っているルールを守りましょうということです。</p>
<p>適切なプライバシーポリシーなどを確認し、ブログが沿っているかどうか客観的に見てみましょう。</p>
<p>&nbsp;</p>
<h2><a id="link01"></a>アドセンスの審査が通らない場合の参考（体験談）</h2>
<p>私がアドセンスの審査を受けたのは数年前です。年々難易度が上がっていますが当時はまだ合格しやすい時期だったようです。</p>
<p>ただし、なんの施策もなく記事を書けば通るということはなく、最低10記事は書かないといけないとか、一般的には言われていました。</p>
<p>独自ドメインを取り毎日の面白い出来事などを書き審査を受けました。</p>
<div class="cbox intitle is-style-glay_box type_normal"><div class="box_title"><span class="span__box_title">アドセンス申請に作ったブログ参考</span></div><div class="cboxcomment">
<ul>
<li>ブログ形態・・・Wordpress（独自ドメイン取得）</li>
<li>ブログ内容・・・日々の雑記</li>
<li>ページ数・・・18記事程度</li>
<li>文字数・・・1ぺージ1000文字以上</li>
<li>気を付けた点・・・コピペ＆規約違反</li>
</ul>
</div></div>
<p>アドセンスの審査では、不合格の場合には何の連絡もなく待っても待っても変化がないことから、再度自分の記事をチェックするとある単語が目にとまりました。</p>
<p>文章の中にお酒の単語があったのです。「お酒を飲んだ」この文字がひっかかるのかもと予想し、前後の文章を修正。</p>
<p>さらに全体的に文章を整えて再度申請をしたところあっけなく合格となりました。お酒に関することは、アドセンスのコンテンツポリシーに載っている部分です。</p>
<p>&nbsp;</p>
<h2>まとめ　アドセンス審査に通らない時にどうするのか？</h2>
<p>何度も申請し合格できないと焦りがでてきてしまうかもしれません。最近は合格しづらいといわれていますが、実際合格している方もおられます。</p>
<p>自分が夢中になれる趣味があればそのジャンルを記事にしたり、たとえばアルバイト経験でもパン作りなど人に教えられるくらいならいくらでもオリジナルの記事が書けます。</p>
<p>読者を意識し、「疑問」を解決すること、自分の言葉で文章を書くこと、見やすいレイアウトにすること、プライバシーポリシーに違反していないことなど基本に忠実にすることで合格がグッと近くなってくると思います。</p>
<p>&nbsp;</p>
<p><strong>↓　当ブログからWordpressテーマTHE THORを購入くださった方に特典をプレゼントしています。</strong><br />
<div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/thethor-tokuten"><figure class="eyecatch of-cover thum"><img loading="lazy" decoding="async" width="485" height="273" src="https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-485x273.jpg" class="archives-eyecatch-image attachment-oc-post-thum wp-post-image" alt="" srcset="https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-485x273.jpg 485w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-300x169.jpg 300w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-768x432.jpg 768w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten.jpg 800w" sizes="(max-width: 485px) 45vw, 485px" /></figure><div class="related_article__meta archives_post__meta inbox"><div class="related_article__ttl ttl"><span class="labeltext">関連記事</span>【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）</div></div></a></div></p>

<h2>初心者だからこそWordpress有料テーマ を使うべき理由</h2>
<div class="cbox is-style-yellow_box type_normal"><div class="cboxcomment"><br />
<span style="font-size: 12pt;"><strong>無料テーマを使うことで時間の無駄遣いをしていませんか？</strong></span></p>
<ul>
<li>思い通りのデザインにできない・・・</li>
<li>なかなか稼げない・・・</li>
<li>アクセス数が増えない・・・</li>
</ul>
<p>こんな悩みを抱えていませんか？<br />
&nbsp;</p>
<p>稼ぐブログにしろ趣味ブログにしろ検索の上位にこなければなかなか読んでもらえません。もしあなたが稼ぐブログを作りたいなら、初心者の時に初期投資することはとても大事なことです。</p>
<p>&nbsp;</p>
<h3>Wordpressの有料テーマができる５つのこと</h3>
<ol>
<li>検索上位を目指せる</li>
<li>見た目が綺麗でおしゃれになる</li>
<li>機能が豊富で出来ることが多い</li>
<li>会員フォームなどのサポート</li>
<li>有名ブロガーも有料テーマを使っている</li>
</ol>
<p>&nbsp;</p>
<p>これまでにあげた5つの有料テーマの特徴を説明していきます。</p>
<h4>1.　検索上位を目指せる</h4>
<p>ブログを運営していく上で対策をしていかなければいけないのがSEO対策です。検索エンジンのことを考えてブログを最適に合わせていくということがSEO（SearchEngine Optimizationの略）です。</p>
<ul>
<li>情報の信頼性</li>
<li>ユーザーへの役立つ情報であるか？</li>
<li>スマホ・PCなどでストレスなく使える</li>
</ul>
<p>&nbsp;</p>
<p>などたくさんの要因がありますが、ブログを訪問した人があなたのブログの多くの記事を読んでくれるようなテンプレートの仕組みも有料テーマでは細やかに考えられています。</p>
<p>&nbsp;</p>
<h4>2.　見た目が無料テーマ以上に綺麗になる</h4>
<p>シンプルが良いか、綺麗なテーマが良いのかそれぞれの好みによります。無料テーマは必要最低限のものを備えていますがやはりシンプルすぎていずれつまらなくなってしまいます。</p>
<p>有料テーマはデザイン性が高く自分の好きなデザインにもカスタマイズしやすいです。</p>
<p style="text-align: center;"><img loading="lazy" decoding="async" class="size-medium wp-image-9942 aligncenter" src="https://blognote01.com/wp-content/uploads/2020/05/THOR222-300x218.jpg" alt="" width="300" height="218" srcset="https://blognote01.com/wp-content/uploads/2020/05/THOR222-300x218.jpg 300w, https://blognote01.com/wp-content/uploads/2020/05/THOR222.jpg 650w" sizes="(max-width: 300px) 100vw, 300px" />出典：THE THOR 着せ替え「01」</p>
<p style="text-align: center;"><strong>↓　クリックで拡大します</strong><br />
<a href="https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3.jpg"><img loading="lazy" decoding="async" class="aligncenter wp-image-11133 size-medium" src="https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-300x169.jpg" alt="" width="300" height="169" srcset="https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-300x169.jpg 300w, https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-1024x576.jpg 1024w, https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-768x432.jpg 768w, https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-1536x864.jpg 1536w, https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-2048x1152.jpg 2048w" sizes="(max-width: 300px) 100vw, 300px" /></a>出典：<a href="https://blognote01.com/thethor-newarrange" target="_blank" rel="noopener noreferrer">特製THE THORオリジナルアレンジ</a></p>
<p>&nbsp;</p>
<h4>3.　機能が豊富でできることが多い</h4>
<p>今現在新しい機能として出てきたのが「着せ替え機能」です。過去にも賢威などにはベース色とパターンがありましたが最近ではアフィリなどはっきりと違った用途で使えるように作りこんでいます。</p>
<h4>4.　会員フォーラムなどのサポート</h4>
<p>なにかわからないことがあった場合、相談できる場所があるだけで安心できます。ここが無料テーマと一番違う部分、有料テーマでは売りっぱなしにしない工夫がされています。</p>
<h4>5.　有名ブロガーも多数使用</h4>
<p>稼いている有名ブロガーと言われる人のほとんどは有料テーマを使っています。ブログ造りでは内容も非常に大事ですが、文章や扱っている分野が同じ程度ならやはり最後の勝負はテーマの構造などになります。</p>
<p>もしあなたが稼ぐブログを作りたいと考えているならば「有料」テーマも検討してみてください。</p>
<p>カスタマイズで悩んでいる時間、ブログの完成度、上位に表示するメリットなど考えると有料テーマはあなたのお役にたちます。</p>
<p><div class="cbox intitle is-style-pink_box type_normal"><div class="box_title"><span class="span__box_title">当ブログおすすめWordpressテーマ！</span></div><div class="cboxcomment"><br />
<img loading="lazy" decoding="async" src="https://blognote01.com/wp-content/uploads/2019/05/nigaoemaker-e1558864804973.png" alt="" width="96" height="96" class="alignnone  wp-image-1393" /><br />
<span style="font-size: 14pt;"><strong><a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored">WordPressテーマ「THE・THOR」</a></strong></span></p>
<ul>
<li>高機能の最新テーマで有名ブロガーも使用</li>
<li>着せ替え機能でいろんな用途に使える</li>
<li>複数のブログに使える（本人のブログ）</li>
<li>会員フォーラムやマニュアル完備</li>
</ul>
<p><div class="wp-block-button btn-wrap aligncenter big is-style-rich_pink"><a href="https://blognote01.com/thethor-tokuten" target="_blank" rel="noopener"class="wp-block-button__link" >THE THORの8大特典を見てみる！</a></div><br />
</div></div>
<br />
</div></div>

]]></content:encoded>
					
					<wfw:commentRss>https://blognote01.com/adsense-shinsa/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">12573</post-id>	</item>
		<item>
		<title>【配色】２色～４色の組み合わせでかっこいい色合い！おしゃれで綺麗に見えるコツと実例。</title>
		<link>https://blognote01.com/haishoku-oshare</link>
					<comments>https://blognote01.com/haishoku-oshare#respond</comments>
		
		<dc:creator><![CDATA[なつ]]></dc:creator>
		<pubDate>Mon, 21 Sep 2020 08:38:13 +0000</pubDate>
				<category><![CDATA[WordPress （ワードプレス）使い方]]></category>
		<category><![CDATA[Wordpress（ワードプレス）]]></category>
		<guid isPermaLink="false">https://blognote01.com/?p=12032</guid>

					<description><![CDATA[ブログ運営半年で月20万超の元サラリーマンブロガーなつです。 Web用のカラーパターンはたくさんありますが、ブログ全体にひとつひとつ適用すると「あれ・・・ちょっと違う」となることも。 見た目のきれいさだけでブログに合わせ...]]></description>
										<content:encoded><![CDATA[<p>ブログ運営半年で月20万超の元サラリーマンブロガーなつです。</p>
<p>Web用のカラーパターンはたくさんありますが、ブログ全体にひとつひとつ適用すると「あれ・・・ちょっと違う」となることも。</p>
<p>見た目のきれいさだけでブログに合わせるとなんとなくぼんやりとしたり、キツイ印象になったりします。</p>
<p>ブログの場合には、広範囲向け（背景など）の色、差し色（グローバルメニューなど）に向いている色なども考える必要があります。</p>
<p><strong>配色でおしゃれになる組み合わせ（2色～4色）をイメージに合わせて作ってみます。</strong></p>
<div class="voice cf l"><figure class="icon"><img loading="lazy" decoding="async" src="https://blognote01.com/wp-content/uploads/2019/05/nigaoemaker-e1558864804973.png" class="voice_icon__img" width="150" height="150"><figcaption class="name">なつ</figcaption></figure><div class="voicecomment">見た目にきれいでも合わせ方によってはチグハグになります。例えば綺麗と感じた色を服に応用しても変な感じになるのと一緒です</div></div>
<p>&nbsp;</p>
<div class="cbox is-style-yellow_box type_normal"><div class="cboxcomment"><i class="fas fa-check"></i>　<span style="font-size: 14pt;"><strong>2023年、話題のワードプレステーマ「THE THOR」</strong></span><br />
<strong>⇒　<a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored">THE・THORの公式ページを確認する。</a></strong></p>
<p>※　今なら、8大購入特典をプレゼント！</p>
<p><div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/thethor-hyouban"><figure class="eyecatch of-cover thum"><img loading="lazy" decoding="async" width="485" height="300" src="https://blognote01.com/wp-content/uploads/2019/07/thorkutikomi-485x300.jpg" class="archives-eyecatch-image attachment-oc-post-thum wp-post-image" alt="" /></figure><div class="related_article__meta archives_post__meta inbox"><div class="related_article__ttl ttl"><span class="labeltext">関連記事</span>【THE THORの評判】実際使ってみた口コミとレビュー。</div></div></a></div></div></div>

<p>&nbsp;</p>
<h2>2以上の組み合わせのおすすめ「配色参考サイト」</h2>
<p>Web配色に主に使うカラーパターンは実はなんでも大丈夫です。もしあなたが初心者だったり、色合わせが苦手だなーと感じている方なら1ページで色を拾えるものが見やすいです。</p>
<p><span class="span__stk_maker_pink">2色以上の複数色パターンは少し使いづらいです。</span></p>
<p>今回は、「Web　色」と検索すると一番上にくる「<a href="https://www.colordic.org/" target="_blank" rel="nofollow noopener" noopener="">原色大辞典</a>」を使います。</p>
<p>&nbsp;</p>
<p>このサイトがなぜ使いやすいかというと、色の雰囲気「洋色」「和色」「パステルカラー」「ビビッドカラー」など分かれているからです。</p>
<p>色といっても西洋風と和風では違ってきます。</p>
<p>&nbsp;</p>
<img loading="lazy" decoding="async" class="aligncenter wp-image-12034 size-full" src="https://blognote01.com/wp-content/uploads/2020/09/webiro.jpg" alt="" width="600" height="260" srcset="https://blognote01.com/wp-content/uploads/2020/09/webiro.jpg 600w, https://blognote01.com/wp-content/uploads/2020/09/webiro-300x130.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<p style="text-align: center;">出典：原色大辞典</p>
<p>&nbsp;</p>
<div class="cbox intitle is-style-glay_box type_normal"><div class="box_title"><span class="span__box_title">色の説明</span></div><div class="cboxcomment">
<ul>
<li>原色・・・ブラウザで名前が定義された140色の色辞典（色鉛筆みたいな感じです）</li>
<li>洋色・・・カタカナ表示される285色</li>
<li>和色・・・日本にある伝統色465色</li>
<li>Web216・・・Webセーフカラー216色</li>
<li>ビビッドカラー・・・鮮やかで現色の色合わせ</li>
<li>パステルカラー・・・中間色</li>
<li>メトロカラー・・・地下鉄のシンボルカラー</li>
</ul>
</div></div>
<p>&nbsp;</p>
<div class="voice cf l"><figure class="icon"><img loading="lazy" decoding="async" src="https://blognote01.com/wp-content/uploads/2019/05/nigaoemaker-e1558864804973.png" class="voice_icon__img" width="150" height="150"><figcaption class="name">なつ</figcaption></figure><div class="voicecomment">配色のサイトはたくさんありますが、色見本としてはこのサイトはとても優秀です。もし合わせ方が難しいと感じた場合には「和色」を使うと便利です。</div></div>
<p>&nbsp;</p>
<h2>かっこいい2色～4色のWeb配色　　1.　「高級感を出す」</h2>
<p>高級感を出すためにはベースのカラーとアクセントカラーに「黒」「金色」「赤紫」を持ってくると高級感がでてきます。</p>
<p>金色は大きなスペースに使うと「キラキラ」すぎて下品になるので、アクセントカラーに使うのが良いでしょう。</p>
<p>&nbsp;</p>
<ul>
<li>ポイント・・・黒・白を基調に色数は少なく</li>
<li>テーマカラーを決める・・・1色～2色だけ決めて濃淡で配置する</li>
<li>金色を使うなら・・・ボタン・ロゴ・タイトル文字</li>
<li>アクセントカラー・・・少なめ</li>
<li>色のレイアウト・・・広くゆったり見えるように目立つ色と色の距離を離す</li>
<li>高級感の出るサイトの例・・・コンラッド大阪・ザ・リッツカールトン・リーガロイヤル</li>
</ul>
<p>&nbsp;</p>
<p>ホテル以外にも、高級エステ、ウェディングのサイトなどの色合いはとても参考になりますし、エステのサイトは女性好みになっているので例えば、エステのアフィリや化粧品などのサイトに応用できます。</p>
<p>&nbsp;</p>
<div class="cbox is-style-yellow_box type_normal"><div class="cboxcomment"><i class="fas fa-check"></i>  <span style="font-size: 14pt;"><strong>初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」！</strong></span><br />
⇒<a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored">THE THORの公式ページを確認する</a><br />
※今なら、8大購入特典をお付けしています！</p>
<p><div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/thethor-tokuten"><figure class="eyecatch of-cover thum"><img loading="lazy" decoding="async" width="485" height="273" src="https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-485x273.jpg" class="archives-eyecatch-image attachment-oc-post-thum wp-post-image" alt="" srcset="https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-485x273.jpg 485w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-300x169.jpg 300w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten-768x432.jpg 768w, https://blognote01.com/wp-content/uploads/2019/09/8daitokuten.jpg 800w" sizes="(max-width: 485px) 45vw, 485px" /></figure><div class="related_article__meta archives_post__meta inbox"><div class="related_article__ttl ttl"><span class="labeltext">関連記事</span>【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）</div></div></a></div></div></div>

<p>&nbsp;</p>
<h2>（【2色組み合わせ】実例）ホテル「コンラッド大阪」風の色合い</h2>
<p>コンラッド大阪の色合いは基本「黒・濃いグレー・金」です。差し色としてボタンや線、文字を金にしてあります。</p>
<p>ページによっては背景に薄めの赤を使った花柄をあしらっています。</p>
<div class="column-wrap ">
<div class="column_2 child_column ">
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-12039" src="https://blognote01.com/wp-content/uploads/2020/09/webiro2-300x169.jpg" alt="" width="300" height="169" srcset="https://blognote01.com/wp-content/uploads/2020/09/webiro2-300x169.jpg 300w, https://blognote01.com/wp-content/uploads/2020/09/webiro2.jpg 500w" sizes="(max-width: 300px) 100vw, 300px" /><br />
出典：コンラッド大阪「<a href="https://www.conradosaka.jp/info" target="_blank" rel="nofollow noopener noreferrer">ホテル紹介</a>」<br />
</div>
<div class="column_2 child_column ">
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-12038" src="https://blognote01.com/wp-content/uploads/2020/09/webiro3-300x185.jpg" alt="" width="300" height="185" srcset="https://blognote01.com/wp-content/uploads/2020/09/webiro3-300x185.jpg 300w, https://blognote01.com/wp-content/uploads/2020/09/webiro3-485x300.jpg 485w, https://blognote01.com/wp-content/uploads/2020/09/webiro3.jpg 500w" sizes="(max-width: 300px) 100vw, 300px" /><br />
出典：コンラッド大阪「ウェディング」<br />
</div>
</div>
<p>&nbsp;</p>
<div class="voice cf l"><figure class="icon"><img loading="lazy" decoding="async" src="https://blognote01.com/wp-content/uploads/2019/05/nigaoemaker-e1558864804973.png" class="voice_icon__img" width="150" height="150"><figcaption class="name">なつ</figcaption></figure><div class="voicecomment">背景を黒にするのはカッコよいのですが、個人サイトでは読みづらいのであまりおすすめしません。綺麗な画像中心にするなら黒でもOK</div></div>
<p>&nbsp;</p>
<h4>おなじ系統の2色</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-12046" src="https://blognote01.com/wp-content/uploads/2020/09/webiro6.jpg" alt="" width="287" height="73" /><br />
藍海松茶・・・＃56564ｂ</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-12047" src="https://blognote01.com/wp-content/uploads/2020/09/webiro7.jpg" alt="" width="283" height="63" /><br />
黄朽葉色・・・＃d3a24　⇒　<span style="background-color: #ffcc00;">#d3b374</span></p>
<p>&nbsp;</p>
<p>洋色の場合には色数が少ないので、金色系には困ります。和の色はかなり細分化されているので近い色があります。</p>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-3913" src="https://blognote01.com/wp-content/uploads/2019/09/thor104-300x172.jpg" alt="" width="300" height="172" srcset="https://blognote01.com/wp-content/uploads/2019/09/thor104-300x172.jpg 300w, https://blognote01.com/wp-content/uploads/2019/09/thor104.jpg 369w" sizes="(max-width: 300px) 100vw, 300px" /><br />
出典：THE THOR「着せ替え02」</p>
<p>&nbsp;</p>
<p>タブ部分に黄朽葉色の色味を落としたより金色に近い色を配置してみます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-12048 size-full" src="https://blognote01.com/wp-content/uploads/2020/09/webiro8.jpg" alt="" width="500" height="309" srcset="https://blognote01.com/wp-content/uploads/2020/09/webiro8.jpg 500w, https://blognote01.com/wp-content/uploads/2020/09/webiro8-300x185.jpg 300w, https://blognote01.com/wp-content/uploads/2020/09/webiro8-485x300.jpg 485w" sizes="(max-width: 500px) 100vw, 500px" />
<p>画像等を自然な感じにするともう少し高級感が出てきます。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>（シンプルで上品な2色実例）「ザ・リッツカールトン」風の色合い</h2>
<p>ザ・リッツカールトンのサイトの色合いは、基本色2色で「グレーと水色」で構成されています。どちらかというと画像をメインにするために必要なものはすべて省いた感じです。</p>
<p>こういったデザインもあるんだな～と感心します。</p>
<p>※下のサイト画像は色を見やすくするためスクロールしています。</p>
<div class="column-wrap ">
<div class="column_2 child_column ">
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-12041" src="https://blognote01.com/wp-content/uploads/2020/09/webiro4-300x170.jpg" alt="" width="300" height="170" srcset="https://blognote01.com/wp-content/uploads/2020/09/webiro4-300x170.jpg 300w, https://blognote01.com/wp-content/uploads/2020/09/webiro4.jpg 500w" sizes="(max-width: 300px) 100vw, 300px" /><br />
出典：<a href="https://www.ritzcarlton.com/jp/hotels" target="_blank" rel="nofollow noopener noreferrer">ザ・リッツカールトン</a><br />
</div>
<div class="column_2 child_column ">
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-12042" src="https://blognote01.com/wp-content/uploads/2020/09/webiro5-300x137.jpg" alt="" width="300" height="137" srcset="https://blognote01.com/wp-content/uploads/2020/09/webiro5-300x137.jpg 300w, https://blognote01.com/wp-content/uploads/2020/09/webiro5.jpg 500w" sizes="(max-width: 300px) 100vw, 300px" /></p>
<p>出典：<a href="https://www.ritzcarlton.com/jp/weddings" target="_blank" rel="nofollow noopener noreferrer">ザ・リッツカールトン</a><br />
</div>
</div>
<p>&nbsp;</p>
<h4>おなじ系統の2色</h4>
<p><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-12053" src="https://blognote01.com/wp-content/uploads/2020/09/webiro10-1-300x185.jpg" alt="" width="300" height="185" srcset="https://blognote01.com/wp-content/uploads/2020/09/webiro10-1-300x185.jpg 300w, https://blognote01.com/wp-content/uploads/2020/09/webiro10-1.jpg 445w" sizes="(max-width: 300px) 100vw, 300px" /><br />
＃1a1a1a</p>
<p><img loading="lazy" decoding="async" class="alignnone size-full wp-image-12052" src="https://blognote01.com/wp-content/uploads/2020/09/webiro11.jpg" alt="" width="282" height="62" /><br />
白藍・・・#c1e4e9</p>
<p>&nbsp;</p>
<img loading="lazy" decoding="async" class="wp-image-12054 size-full alignnone" src="https://blognote01.com/wp-content/uploads/2020/09/webiro12.jpg" alt="" width="500" height="284" srcset="https://blognote01.com/wp-content/uploads/2020/09/webiro12.jpg 500w, https://blognote01.com/wp-content/uploads/2020/09/webiro12-300x170.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />
<p>出典：THE THOR「着せ替え01」</p>
<p>&nbsp;</p>
<div class="cbox is-style-yellow_box type_normal"><div class="cboxcomment"><i class="fas fa-check"></i> <span style="font-size: 14pt;"><strong>初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」</strong></span><br />
⇒　<a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored">THE THORの公式ページを確認する。</a></p>
<p>※今なら、8大購入特典をお付けしています！</div></div>

<h2>【おしゃれ】2～4色組み合わせ！　2.　「和モダン風」</h2>
<p>和モダンというと東京オリンピックの1色の市松模様や古来からの文様なども参考になりますし、少し豪華にしたい場合には着物の色合いなども参考になります。</p>
<p>色は使いすぎず印象に残る色合いにすることがコツ。</p>
<p>色に迷ったら「振袖」なんかの写真を参考にすると良いと思います。</p>
<h3>和モダンで使いやすそうな色</h3>
<p>「和色大辞典」で好きな色を選んでも問題ないと思うのですがより和風でクールなイメージにしたいなら以下の色は使いやすいと思います。</p>
<p>例えば、濃い青色（藍色っぽいもの）を基礎にしたとき、合わせる色は、薄い同系色もしくは、真紅のような赤にするとかっこよく収まります。</p>
<div class="column-wrap ">
<div class="column_2 child_column ">
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-12056" src="https://blognote01.com/wp-content/uploads/2020/09/webiro13.jpg" alt="" width="279" height="66" /><br />
</div>
<div class="column_2 child_column ">
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-12057" src="https://blognote01.com/wp-content/uploads/2020/09/webiro14.jpg" alt="" width="280" height="63" /><br />
</div>
</div>
<p>&nbsp;</p>
<div class="column-wrap ">
<div class="column_2 child_column ">
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-12058" src="https://blognote01.com/wp-content/uploads/2020/09/webiro15.jpg" alt="" width="279" height="66" /><br />
</div>
<div class="column_2 child_column ">
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-12059" src="https://blognote01.com/wp-content/uploads/2020/09/webiro16.jpg" alt="" width="276" height="65" /><br />
</div>
</div>
<img loading="lazy" decoding="async" class="alignnone wp-image-12061 size-full" src="https://blognote01.com/wp-content/uploads/2020/09/webiro17.png" alt="" width="500" height="251" srcset="https://blognote01.com/wp-content/uploads/2020/09/webiro17.png 500w, https://blognote01.com/wp-content/uploads/2020/09/webiro17-300x151.png 300w" sizes="(max-width: 500px) 100vw, 500px" /></p>
<p>出典：Diver「ファーストビュー、タイル」</p>
<p>&nbsp;</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-12062 size-full" src="https://blognote01.com/wp-content/uploads/2020/09/webiro18.jpg" alt="" width="500" height="248" srcset="https://blognote01.com/wp-content/uploads/2020/09/webiro18.jpg 500w, https://blognote01.com/wp-content/uploads/2020/09/webiro18-300x149.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />
<p>出典：Diver「ファーストビュー、斜めグラデーション」</p>
<div class="voice cf l"><figure class="icon"><img loading="lazy" decoding="async" src="https://blognote01.com/wp-content/uploads/2019/05/nigaoemaker-e1558864804973.png" class="voice_icon__img" width="150" height="150"><figcaption class="name">なつ</figcaption></figure><div class="voicecomment">上記の画像では、赤色がワンポイントとなってクールなイメージとなっています。</div></div>
<p>&nbsp;</p>
<h2>2～4色の組み合わせ　3.　「かっこいいと感じる色合い」</h2>
<p>「かっこいい」という定義は見る人によって違いますので難しいですが、色でカッコいい雰囲気をだすことは可能。</p>
<p>全体的な色を統一するのがコツですが、色だけのイメージでいけば以下のようになります。</p>
<ul>
<li>カッコいい雰囲気の色・・・黒・グレー・赤・紫</li>
<li>可愛い雰囲気の色・・・黄色・オレンジ・白・</li>
<li>真面目な雰囲気の色・・・青・緑</li>
</ul>
<p>&nbsp;</p>
<p>例えば「黒」ベースに差し色「赤」もしくは「紫」などをもってくるとクールなイメージが出来上がります。</p>
<p>&nbsp;</p>
<h3>ベースの色と組み合わせる色</h3>
<p>以下の色をベースと考えた時の色合わせをしてみます。以下の色は黒ですが若干緑が入っているものです。</p>
<p>「和」の色ではかなり細分化されているので、同系色が入っているものを選びましょう。（以下の色なら黒緑と緑とか）</p>
<p>&nbsp;</p>
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-12070" src="https://blognote01.com/wp-content/uploads/2020/09/webiro22-300x225.jpg" alt="" width="300" height="225" srcset="https://blognote01.com/wp-content/uploads/2020/09/webiro22-300x225.jpg 300w, https://blognote01.com/wp-content/uploads/2020/09/webiro22.jpg 450w" sizes="(max-width: 300px) 100vw, 300px" />
<p>紫系を合わせる</p>
<p>&nbsp;</p>
<div class="column-wrap ">
<div class="column_2 child_column ">
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-12069" src="https://blognote01.com/wp-content/uploads/2020/09/webiro21.jpg" alt="" width="280" height="61" /><br />
</div>
<div class="column_2 child_column ">
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-12067" src="https://blognote01.com/wp-content/uploads/2020/09/webiro19.jpg" alt="" width="279" height="63" /><br />
</div>
</div>
<div class="column-wrap ">
<div class="column_2 child_column ">
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-12072" src="https://blognote01.com/wp-content/uploads/2020/09/webiro24.jpg" alt="" width="272" height="61" /><br />
</div>
<div class="column_2 child_column "></div>
</div>
<p>&nbsp;</p>
<p>赤系を合わせる</p>
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-12071" src="https://blognote01.com/wp-content/uploads/2020/09/webiro23.jpg" alt="" width="275" height="61" />
<p>青系を合わせる</p>
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-12068" src="https://blognote01.com/wp-content/uploads/2020/09/webiro20.jpg" alt="" width="280" height="64" />
<p>&nbsp;</p>
<p>ベースに黒もしくはグレーなどを持ってくるとどんな色でも似あいます。ただし、黄色などを持ってくる場合には彩度を落とすなど工夫も大事です。（阪神タイガースみたいになります）</p>
<p>&nbsp;</p>
<p>↓　Wordpressテーマ「THE THOR」公式デザインに芸大卒なつのデザイン10種類追加！</p>
<div class="cbox intitle is-style-pink_box type_normal"><div class="box_title"><span class="span__box_title">THE THORデザインのマニュアルプレゼント中！</span></div><div class="cboxcomment"><strong>人気のTHE THORのオリジナルテンプレート6種類+5種類（NEW）ができました！</strong></p>
<p>当ブログで購入していただくと、公式の9種類のデザインと追加の10種類が無料で手に入ります！</p>
<p><a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" target="_blank" rel="noopener"><img loading="lazy" decoding="async" class="aligncenter wp-image-18090 size-full" src="https://blognote01.com/wp-content/uploads/2021/10/9shu.jpg" alt="THE THOR特典オリジナルアレンジマニュアルバナー" width="500" height="281" srcset="https://blognote01.com/wp-content/uploads/2021/10/9shu.jpg 500w, https://blognote01.com/wp-content/uploads/2021/10/9shu-300x169.jpg 300w, https://blognote01.com/wp-content/uploads/2021/10/9shu-375x211.jpg 375w" sizes="(max-width: 500px) 100vw, 500px" /></a></p>
<p>※デザインの全体像は以下の2記事をご覧ください。</p>
<p><strong>⇒<a href="https://blognote01.com/thethor-design6" target="_blank" rel="noopener noreferrer">【超簡単】THE THORデザインの事例集6選！初心者でも作れるアレンジ！</a><br />
</strong>⇒<strong><a href="https://blognote01.com/thethor-originaltokuten" target="_blank" rel="noopener noreferrer">追加デザイン4種はコチラから</a></strong>見ることができます。</p>
<p><div class="wp-block-button btn-wrap aligncenter big is-style-rich_pink"><a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored"class="wp-block-button__link" >特典付きでTHE THORを購入する</a></div></p>
<p style="text-align: center;">／／たった30記事で稼いだ実録記事（2,980円相当）付き!＼＼</p>
<p>※ヘッダーの画像は、写真ACとイラストACのイラストレーターさん方の作品です。特典内でURLをお伝えしています。</p>
<p></div></div>

<h2>2色～4色のおしゃれな配色　4.　「アクセントカラーの考え方」</h2>
<p>アクセントカラーの考え方はいろいろあると思います。特に定義などはなく全体的に目立つ反対色や、彩度の高い色（鮮やかな色）などにします。</p>
<p>大きな背景などはできるだけ地味な色もしくは白が定番ですが、ボタンや矢印など一部のものにはアクセントカラーを効かせるとセンスが良くなります。</p>
<p>&nbsp;</p>
<div class="voice cf l"><figure class="icon"><img loading="lazy" decoding="async" src="https://blognote01.com/wp-content/uploads/2019/05/nigaoemaker-e1558864804973.png" class="voice_icon__img" width="150" height="150"><figcaption class="name">なつ</figcaption></figure><div class="voicecomment">デザインが苦手な方でも簡単にセンス良くイメージがかえられますよ！</div></div>
<p>&nbsp;</p>
<h2>2色～4色のおしゃれなWeb配色　　5.　難易度の高い「グリーン」</h2>
<p>グリーンは人の心を穏やかな気持ちにさせる色です。どこぞの知事の方がグリーンをイメージカラーにされていますよね。</p>
<p>緑のイメージは「信頼」とも言われるので、ユーザーにアピールする場合にも使えます。よく日本の政党でも緑を使っていることが多いですよね。</p>
<div class="cbox intitle is-style-glay_box type_normal"><div class="box_title"><span class="span__box_title">グリーンのイメージ</span></div><div class="cboxcomment">
<ul>
<li>信頼</li>
<li>信用</li>
<li>健康</li>
<li>健全</li>
</ul>
</div></div>
<p>&nbsp;</p>
<p>グリーンといっても原色の「緑」は若干合わせにくいので、色味を落としたり、合わせる色を同系色を持ってくるとしっくりします。緑といっても青に近い緑、黄色に近い緑などたくさんありますので、それらの反対色などと合わせると良いでしょう。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-12074 size-full" src="https://blognote01.com/wp-content/uploads/2020/09/webiro25.jpg" alt="" width="500" height="213" srcset="https://blognote01.com/wp-content/uploads/2020/09/webiro25.jpg 500w, https://blognote01.com/wp-content/uploads/2020/09/webiro25-300x128.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />
<p>出典：Diver</p>
<p>グリーンは同系色同士合わせた方が無難です。</p>
<div class="voice cf l"><figure class="icon"><img loading="lazy" decoding="async" src="https://blognote01.com/wp-content/uploads/2019/05/nigaoemaker-e1558864804973.png" class="voice_icon__img" width="150" height="150"><figcaption class="name">なつ</figcaption></figure><div class="voicecomment">実は緑色は原色のままつかうと合わせづらいので、若干トーンを落としたりすると他の色とも合います</div></div>
<div class="cbox is-style-yellow_box type_normal"><div class="cboxcomment"><i class="fas fa-check"></i> <span style="font-size: 14pt;"><strong>初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」</strong></span><br />
⇒　<a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored">THE THORの公式ページを確認する。</a></p>
<p>※今なら、8大購入特典をお付けしています！</div></div>

<h2>2色～4色のWeb配色　　6.　色で「季節感（春夏秋冬）」を出す</h2>
<p>夏のレジャー（海やイベント）のブログを作る場合、ギラギラとした太陽の色をもってくると雰囲気が上がります。</p>
<p>今流行りの夏のキャンプのイメージだとすると「緑」と「茶色」。春のイベントなどを取り扱うなら「薄いピンク」「水色」などそれぞれ季節感をイメージできる色があります。</p>
<p>&nbsp;</p>
<h3>季節感を感じる色</h3>
<p>特に日本では四季があるので、それぞれの色と季節の関係も頭に入れておくと良いでしょう。大きくは、暖色系は活動的な夏や春、寒色系は冬、茶色や濃い赤は秋、淡い色ピンクや黄色は春のイメージですね。</p>
<p>&nbsp;</p>
<ul>
<li>春・・・「桜の色（ピンク）」「入園式のイメージ（黄色）」「新緑の色（黄緑）」</li>
<li>夏・・・「太陽の色（原色の黄色とオレンジ）」「海の色（マリンブルー）」</li>
<li>秋・・・「紅葉の色（赤・朱色）」「栗や落ち葉の色（茶色・黄土色）」</li>
<li>冬・・・「雪の色（白）」「枝の色（茶色）」</li>
</ul>
<p>&nbsp;</p>
<p>背景にできない色がある場合には、背景を白にして差し色として季節感のある色を用いると良いと思います。</p>
<p>&nbsp;</p>
<h2>初心者だからこそWordpress有料テーマ を使うべき理由</h2>
<div class="cbox is-style-yellow_box type_normal"><div class="cboxcomment"><br />
<span style="font-size: 12pt;"><strong>無料テーマを使うことで時間の無駄遣いをしていませんか？</strong></span></p>
<ul>
<li>思い通りのデザインにできない・・・</li>
<li>なかなか稼げない・・・</li>
<li>アクセス数が増えない・・・</li>
</ul>
<p>こんな悩みを抱えていませんか？<br />
&nbsp;</p>
<p>稼ぐブログにしろ趣味ブログにしろ検索の上位にこなければなかなか読んでもらえません。もしあなたが稼ぐブログを作りたいなら、初心者の時に初期投資することはとても大事なことです。</p>
<p>&nbsp;</p>
<h3>Wordpressの有料テーマができる５つのこと</h3>
<ol>
<li>検索上位を目指せる</li>
<li>見た目が綺麗でおしゃれになる</li>
<li>機能が豊富で出来ることが多い</li>
<li>会員フォームなどのサポート</li>
<li>有名ブロガーも有料テーマを使っている</li>
</ol>
<p>&nbsp;</p>
<p>これまでにあげた5つの有料テーマの特徴を説明していきます。</p>
<h4>1.　検索上位を目指せる</h4>
<p>ブログを運営していく上で対策をしていかなければいけないのがSEO対策です。検索エンジンのことを考えてブログを最適に合わせていくということがSEO（SearchEngine Optimizationの略）です。</p>
<ul>
<li>情報の信頼性</li>
<li>ユーザーへの役立つ情報であるか？</li>
<li>スマホ・PCなどでストレスなく使える</li>
</ul>
<p>&nbsp;</p>
<p>などたくさんの要因がありますが、ブログを訪問した人があなたのブログの多くの記事を読んでくれるようなテンプレートの仕組みも有料テーマでは細やかに考えられています。</p>
<p>&nbsp;</p>
<h4>2.　見た目が無料テーマ以上に綺麗になる</h4>
<p>シンプルが良いか、綺麗なテーマが良いのかそれぞれの好みによります。無料テーマは必要最低限のものを備えていますがやはりシンプルすぎていずれつまらなくなってしまいます。</p>
<p>有料テーマはデザイン性が高く自分の好きなデザインにもカスタマイズしやすいです。</p>
<p style="text-align: center;"><img loading="lazy" decoding="async" class="size-medium wp-image-9942 aligncenter" src="https://blognote01.com/wp-content/uploads/2020/05/THOR222-300x218.jpg" alt="" width="300" height="218" srcset="https://blognote01.com/wp-content/uploads/2020/05/THOR222-300x218.jpg 300w, https://blognote01.com/wp-content/uploads/2020/05/THOR222.jpg 650w" sizes="(max-width: 300px) 100vw, 300px" />出典：THE THOR 着せ替え「01」</p>
<p style="text-align: center;"><strong>↓　クリックで拡大します</strong><br />
<a href="https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3.jpg"><img loading="lazy" decoding="async" class="aligncenter wp-image-11133 size-medium" src="https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-300x169.jpg" alt="" width="300" height="169" srcset="https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-300x169.jpg 300w, https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-1024x576.jpg 1024w, https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-768x432.jpg 768w, https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-1536x864.jpg 1536w, https://blognote01.com/wp-content/uploads/2020/07/全部で9種類-3-2048x1152.jpg 2048w" sizes="(max-width: 300px) 100vw, 300px" /></a>出典：<a href="https://blognote01.com/thethor-newarrange" target="_blank" rel="noopener noreferrer">特製THE THORオリジナルアレンジ</a></p>
<p>&nbsp;</p>
<h4>3.　機能が豊富でできることが多い</h4>
<p>今現在新しい機能として出てきたのが「着せ替え機能」です。過去にも賢威などにはベース色とパターンがありましたが最近ではアフィリなどはっきりと違った用途で使えるように作りこんでいます。</p>
<h4>4.　会員フォーラムなどのサポート</h4>
<p>なにかわからないことがあった場合、相談できる場所があるだけで安心できます。ここが無料テーマと一番違う部分、有料テーマでは売りっぱなしにしない工夫がされています。</p>
<h4>5.　有名ブロガーも多数使用</h4>
<p>稼いている有名ブロガーと言われる人のほとんどは有料テーマを使っています。ブログ造りでは内容も非常に大事ですが、文章や扱っている分野が同じ程度ならやはり最後の勝負はテーマの構造などになります。</p>
<p>もしあなたが稼ぐブログを作りたいと考えているならば「有料」テーマも検討してみてください。</p>
<p>カスタマイズで悩んでいる時間、ブログの完成度、上位に表示するメリットなど考えると有料テーマはあなたのお役にたちます。</p>
<p><div class="cbox intitle is-style-pink_box type_normal"><div class="box_title"><span class="span__box_title">当ブログおすすめWordpressテーマ！</span></div><div class="cboxcomment"><br />
<img loading="lazy" decoding="async" src="https://blognote01.com/wp-content/uploads/2019/05/nigaoemaker-e1558864804973.png" alt="" width="96" height="96" class="alignnone  wp-image-1393" /><br />
<span style="font-size: 14pt;"><strong><a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored">WordPressテーマ「THE・THOR」</a></strong></span></p>
<ul>
<li>高機能の最新テーマで有名ブロガーも使用</li>
<li>着せ替え機能でいろんな用途に使える</li>
<li>複数のブログに使える（本人のブログ）</li>
<li>会員フォーラムやマニュアル完備</li>
</ul>
<p><div class="wp-block-button btn-wrap aligncenter big is-style-rich_pink"><a href="https://blognote01.com/thethor-tokuten" target="_blank" rel="noopener"class="wp-block-button__link" >THE THORの8大特典を見てみる！</a></div><br />
</div></div>
<br />
</div></div>

]]></content:encoded>
					
					<wfw:commentRss>https://blognote01.com/haishoku-oshare/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">12032</post-id>	</item>
	</channel>
</rss>
