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

<channel>
	<title>初心者向け &#8211; 初心者のためのワードプレステーマ教室｜評判・感想も丁寧に解説！</title>
	<atom:link href="https://blognote01.com/category/%E7%84%A1%E6%96%99wordpress%E3%83%86%E3%83%BC%E3%83%9E%E3%80%90%E8%A9%95%E5%88%A4%E3%83%BB%E6%84%9F%E6%83%B3%E3%80%91/%E5%88%9D%E5%BF%83%E8%80%85%E5%90%91%E3%81%91/feed" rel="self" type="application/rss+xml" />
	<link>https://blognote01.com</link>
	<description>Wordpressテーマの評判や感想、機能を解説</description>
	<lastBuildDate>Mon, 25 Sep 2023 06:37:12 +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>初心者向け &#8211; 初心者のためのワードプレステーマ教室｜評判・感想も丁寧に解説！</title>
	<link>https://blognote01.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Twenty Fourteenのカスタマイズ方法を丁寧に解説【初心者におすすめワードプレステーマ】</title>
		<link>https://blognote01.com/twentyfourteen-customize</link>
					<comments>https://blognote01.com/twentyfourteen-customize#respond</comments>
		
		<dc:creator><![CDATA[なつ]]></dc:creator>
		<pubDate>Mon, 20 May 2019 05:51:11 +0000</pubDate>
				<category><![CDATA[初心者向け]]></category>
		<category><![CDATA[無料Wordpressテーマ【評判・感想】]]></category>
		<category><![CDATA[おすすめ！]]></category>
		<guid isPermaLink="false">https://blognote01.com/?p=1212</guid>

					<description><![CDATA[ブログ運営半年で月20万超の元サラリーマンブロガーなつです。 ワードプレスではブログ運営のためのテーマ（テンプレート）が無料で用意されています。有名なものでは、年の名前の付いたTwenty Fourteenなどのシリーズ...]]></description>
										<content:encoded><![CDATA[<p>ブログ運営半年で月20万超の元サラリーマンブロガーなつです。</p>
<p>ワードプレスではブログ運営のためのテーマ（テンプレート）が無料で用意されています。有名なものでは、年の名前の付いたTwenty Fourteenなどのシリーズ。</p>
<p>ほぼ毎年、バージョンを変えながら出てきています。</p>
<p>今回は、初心者に優しい<strong>「Twenty Fourteen」というワードプレスのおすすめテーマの使い方やカスタマイズ方法</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 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>Twenty Fourteenってどんなテーマなの？</h2>
<img decoding="async" class="aligncenter wp-image-9941 size-full" src="https://blognote01.com/wp-content/uploads/2020/05/tfkasuta11.jpg" alt="" width="598" height="385" srcset="https://blognote01.com/wp-content/uploads/2020/05/tfkasuta11.jpg 598w, https://blognote01.com/wp-content/uploads/2020/05/tfkasuta11-300x193.jpg 300w" sizes="(max-width: 598px) 100vw, 598px" />
<p>&nbsp;</p>
<p>Twenty Fourteenとは、ワードプレスに最初からデフォルトで入っているテーマ（テンプレート）です。</p>
<p>2019年にもTwenty Nineteen（2019）という同じ系統のテーマが出ていますがTwenty Seventeen（2017）と共にTwenty Fourteen（2014）もいまだに人気があります。</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 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>特徴</h2>
<ul>
<li>レスポンシブ・スマホ対応</li>
<li>カスタマイザーで初心者も設定しやすい</li>
<li>カスタムカラー機能</li>
<li>1カラム・2カラム対応</li>
<li>SEO対策</li>
<li>超シンプルで初心者向き</li>
</ul>
<p>&nbsp;</p>
<h3>使ってみた感想</h3>
<p>2013年に公開されたテーマですが、バージョン2.7はかなりシンプルです。さっと画像とメニューを設定してみるとこんな感じになりました。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-9940 size-full" src="https://blognote01.com/wp-content/uploads/2020/05/tfkasuta10.jpg" alt="" width="630" height="345" srcset="https://blognote01.com/wp-content/uploads/2020/05/tfkasuta10.jpg 630w, https://blognote01.com/wp-content/uploads/2020/05/tfkasuta10-300x164.jpg 300w" sizes="(max-width: 630px) 100vw, 630px" />
<p>&nbsp;</p>
<p>私もほんの5分程度でここまでカスタマイズできました。メニューをトップとサイドバーの上部にセットしてフッターにウィジットを設定しています。</p>
<p>メニューは複数作れますので、工夫すればバラエティー豊かなサイドバーになります。（ただしありすぎると読者は目移りしますのでほどほどに・・・）</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-9939 size-full" src="https://blognote01.com/wp-content/uploads/2020/05/tfkasuta9.jpg" alt="" width="630" height="345" srcset="https://blognote01.com/wp-content/uploads/2020/05/tfkasuta9.jpg 630w, https://blognote01.com/wp-content/uploads/2020/05/tfkasuta9-300x164.jpg 300w" sizes="(max-width: 630px) 100vw, 630px" />
<p>&nbsp;</p>
<p>Twenty Fourteenではレスポンシブデザインを意識しているテーマです。ヘッダーを同じように変更すると以下のようになります。</p>
<p>無駄がなく、見出しなども含めて見やすくなっています。</p>
<p>&nbsp;<br />
<div class="column-wrap ">
<div class="column_2 child_column ">
<a href="https://blognote01.com/wp-content/uploads/2020/05/tfkasuta8.jpg"><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-9938" src="https://blognote01.com/wp-content/uploads/2020/05/tfkasuta8-201x300.jpg" alt="" width="201" height="300" srcset="https://blognote01.com/wp-content/uploads/2020/05/tfkasuta8-201x300.jpg 201w, https://blognote01.com/wp-content/uploads/2020/05/tfkasuta8.jpg 325w" sizes="(max-width: 201px) 100vw, 201px" /></a><br />
</div>
<div class="column_2 child_column ">
<a href="https://blognote01.com/wp-content/uploads/2020/05/tfkasuta7.jpg"><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-9937" src="https://blognote01.com/wp-content/uploads/2020/05/tfkasuta7-201x300.jpg" alt="" width="201" height="300" srcset="https://blognote01.com/wp-content/uploads/2020/05/tfkasuta7-201x300.jpg 201w, https://blognote01.com/wp-content/uploads/2020/05/tfkasuta7.jpg 327w" sizes="(max-width: 201px) 100vw, 201px" /></a><br />
</div>
</div>
<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></p>
<p>※今なら、8大購入特典をお付けしています！</div></div>

<h3>初心者におすすめな点</h3>
<ul>
<li>編集しやすい</li>
<li>画面から変更も可能</li>
<li>ワンクリックでスマホ画面やタブレット画面などを呼び出せる</li>
<li>メニューがサイドバー上にも設置可能</li>
<li>カスタマイズしやすいので初心者でも自分好みにできる</li>
</ul>
<p>&nbsp;</p>
<p>初心者におすすめする理由は、カスタマイズがしやすくシンプルなことがあげられます。初心者のうちは、やることが多いのでどうしてもカスタマイズまで手が回らないことがあります。</p>
<p>そんな時、極力シンプルに出来上がっているTwenty Fourteenはとてもやりやすいテーマです。詳細なカスタマイズはできないですが、基本のカスタマイズを必要最低限にしてあることからあまり慣れていない人でもなんとなくできてしまう・・・そんなテーマです。</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">WordPressのTwenty Fourteenは、基本の設定のみですが、必要最低限のものがそろっていますので最初に入りやすいテンプレートです。ただしブログで将来的に稼ぎたい人にはシンプルすぎてちょっと物足りないかも・・・</div></div>
<p>&nbsp;</p>
<h2>Twenty Fourteenのメリット・デメリット</h2>
<h3>メリット</h3>
<ul>
<li>操作がシンプルで感覚的に使える</li>
<li>WordPressで今だに人気のテーマ</li>
<li>エディターで「PC画面」「タブレット画面」「スマホ画面」が見れる。</li>
<li>初心者でも無理なくマスターできる</li>
</ul>
<h3>デメリット</h3>
<ul>
<li>ブラウザが見慣れていないと難しく感じる</li>
<li>広告の設定ができない（プラグインで対応可能）</li>
<li>シンプルすぎてつまらない</li>
</ul>
<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>WordPressテーマをインストールする方法</h2>
<p>自分の好きなテーマが決まったら、テーマを導入していきます。</p>
<p><strong>インストール方法</strong></p>
<ul>
<li><span style="background-color: #ffff99;">ダッシュボードを開く　→　外観　→　テーマ好きなテーマを選ぶ　→　インストール　→　有効化　→　完了！</span></li>
</ul>
<p>詳しいインストール方法は、以下の記事を参考にしてください。</p>
<div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/wordpress-install"><figure class="eyecatch of-cover thum"><img loading="lazy" decoding="async" width="485" height="273" src="https://blognote01.com/wp-content/uploads/2019/05/オーガニック-ボタニカルボディソープ-13.jpg" class="archives-eyecatch-image attachment-oc-post-thum wp-post-image" alt="" srcset="https://blognote01.com/wp-content/uploads/2019/05/オーガニック-ボタニカルボディソープ-13.jpg 560w, https://blognote01.com/wp-content/uploads/2019/05/オーガニック-ボタニカルボディソープ-13-300x169.jpg 300w" 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>WordPressのテーマをインストールする方法を解説！</div></div></a></div>
<p>Twenty Fourteenテーマをインストールできたらサイトの見栄えをよくするためにカスタマイズしていきましょう。</p>
<p>ここでは、Twenty Fourteenをどこよりもわかりやすく使い方やカスタマイズ方法を説明していきます。</p>
<h2>以下の項目をカスタマイズしていきます</h2>
<p>Twenty Fourteenでは、以下の項目をカスタマイズ設定していくことが出来ます。</p>
<p>&nbsp;</p>
<ol>
<li>サイト基本情報（タイトル、ロゴ、サイトアイコンなど）</li>
<li>色</li>
<li>背景画像</li>
<li>メニュー</li>
<li>ウィジット</li>
<li>ホームページ設定</li>
<li>追加CSS</li>
</ol>
<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>【Twenty Fourteenカスタマイズ設定方法 step1】まずは、サンプル</h2>
<p>この章では、Twenty Fourteenのテーマを使ってサンプルのWordpressのサイト作成をしてみたいと思います。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-9932 size-full" src="https://blognote01.com/wp-content/uploads/2020/05/tfkasuta2.jpg" alt="" width="650" height="404" srcset="https://blognote01.com/wp-content/uploads/2020/05/tfkasuta2.jpg 650w, https://blognote01.com/wp-content/uploads/2020/05/tfkasuta2-300x186.jpg 300w, https://blognote01.com/wp-content/uploads/2020/05/tfkasuta2-485x300.jpg 485w" sizes="(max-width: 650px) 100vw, 650px" />
<p>そしてフッター部分（ブログ下の部分）にウィジットを設定してみました。</p>
<p>&nbsp;</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-9931 size-full" src="https://blognote01.com/wp-content/uploads/2020/05/tfkasuta.jpg" alt="" width="650" height="288" srcset="https://blognote01.com/wp-content/uploads/2020/05/tfkasuta.jpg 650w, https://blognote01.com/wp-content/uploads/2020/05/tfkasuta-300x133.jpg 300w" sizes="(max-width: 650px) 100vw, 650px" />
<p>&nbsp;</p>
<ol>
<li>タイトル設定</li>
<li>タイトル色変更</li>
<li>ヘッダー画像設定</li>
<li>メニュー2種設定</li>
<li>ウィジット設定</li>
</ol>
<p>&nbsp;</p>
<h2>Twenty Fourteenカスタマイズ設定方法 step2　　サイト基本設定</h2>
<p>最初にカスタマイズ設定しておきたいのが、ブログタイトルです。</p>
<p><span style="color: #ff0000; background-color: #ffff99;">▼「ダッシュボード」⇒「外観」⇒「カスタマイズ」⇒「サイト基本設定」</span></p>
<img loading="lazy" decoding="async" class="alignnone wp-image-153 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/TS.jpg" alt="" width="171" height="498" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS.jpg 171w, https://blognote01.com/wp-content/uploads/2019/04/TS-103x300.jpg 103w" sizes="(max-width: 171px) 100vw, 171px" />
<p>&nbsp;<br />
<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>
&nbsp;</p>
<h3>サイトタイトル・キャッチフレーズ設定</h3>
<p>サイトタイトルはサイト基本情報でカスタマイズします。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-9979 size-full" src="https://blognote01.com/wp-content/uploads/2020/05/tfkasuta12-2.jpg" alt="" width="630" height="407" srcset="https://blognote01.com/wp-content/uploads/2020/05/tfkasuta12-2.jpg 630w, https://blognote01.com/wp-content/uploads/2020/05/tfkasuta12-2-300x194.jpg 300w" sizes="(max-width: 630px) 100vw, 630px" />
<p>&nbsp;</p>
<p>タイトルとキャッチフレーズをブログに表示するなら下の「サイト名とタグラインを表示」にチェックを入れてください。</p>
<p>必要なければチェックを外します。</p>
<div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/wordpress-title"><figure class="eyecatch of-cover thum"><img loading="lazy" decoding="async" width="485" height="273" src="https://blognote01.com/wp-content/uploads/2019/05/オーガニック-ボタニカルボディソープ-11.jpg" class="archives-eyecatch-image attachment-oc-post-thum wp-post-image" alt="" srcset="https://blognote01.com/wp-content/uploads/2019/05/オーガニック-ボタニカルボディソープ-11.jpg 560w, https://blognote01.com/wp-content/uploads/2019/05/オーガニック-ボタニカルボディソープ-11-300x169.jpg 300w" 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>ワードプレスのタイトル・キャッチフレーズの設定を解説</div></div></a></div>
<p>&nbsp;</p>
<h3>サイトアイコンの設定</h3>
<p>サイト基本情報ではサイトアイコンの設定もできます。サイトアイコンとは、サイトを見ると上に出てくる小さなマークのようなものです。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-235 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/TS24.jpg" alt="" width="600" height="112" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS24.jpg 600w, https://blognote01.com/wp-content/uploads/2019/04/TS24-300x56.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<p>↑こんなのです。</p>
<p>「サイトアイコンを選択」で画像を呼び出し、切り取り部分を指示します。切り取り部分は四方にある□（四角）のマークをドラック＆ドロップでできます。</p>
<p>&nbsp;</p>
<a href="https://blognote01.com/wp-content/uploads/2020/05/tfkasuta4.jpg"><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-9934" src="https://blognote01.com/wp-content/uploads/2020/05/tfkasuta4-300x224.jpg" alt="" width="300" height="224" srcset="https://blognote01.com/wp-content/uploads/2020/05/tfkasuta4-300x224.jpg 300w, https://blognote01.com/wp-content/uploads/2020/05/tfkasuta4.jpg 475w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<div class="supplement boader"><strong>アイコン推奨サイズ</strong><br />
<span class="pink_line">512ピクセル×512ピクセル以上の正方形</span><br />
</div>
<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>【Twenty Fourteenカスタマイズ設定方法 step3】　色</h2>
<p>ここでいう色のカスタマイズは、サイト名の色と背景色の2種類。</p>
<p>今回はサンプルと同じくタイトルの色を赤色にカスタマイズしていきましょう。</p>
<p><span style="color: #ff0000; background-color: #fafab9;">▼「外観」⇒「カスタマイズ」⇒「色」</span></p>
<p>&nbsp;</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-9930 size-full" src="https://blognote01.com/wp-content/uploads/2020/05/tfhedda3.jpg" alt="" width="630" height="465" srcset="https://blognote01.com/wp-content/uploads/2020/05/tfhedda3.jpg 630w, https://blognote01.com/wp-content/uploads/2020/05/tfhedda3-300x221.jpg 300w" sizes="(max-width: 630px) 100vw, 630px" />
<p>色変更は、2種類のみのシンプルなもの。慣れてくるともう少し自分なりに変えていきたくなる可能性大！</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>【Twenty Fourteenカスタマイズ設定方法 step4】　ヘッダー画像</h2>
<p>どの画面にも出てくるトップの画像、Twenty Fourteenくらいシンプルだと設定はしておいた方が良いでしょう。</p>
<p><span style="color: #ff0000; background-color: #fafab9;">▼「外観」⇒「カスタマイズ」⇒「ヘッダー画像」</span></p>
<p>&nbsp;</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-1237 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/2019-05-20_23h49_00.png" alt="" width="291" height="407" srcset="https://blognote01.com/wp-content/uploads/2019/05/2019-05-20_23h49_00.png 291w, https://blognote01.com/wp-content/uploads/2019/05/2019-05-20_23h49_00-214x300.png 214w" sizes="(max-width: 291px) 100vw, 291px" />
<p>コントロールパネルの新規画像を追加とすると、メディアがでてきますので好きな画像を選んでください。すると切り取り部分の設定が出てきます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-9929 size-full" src="https://blognote01.com/wp-content/uploads/2020/05/tfhedda2.jpg" alt="" width="630" height="453" srcset="https://blognote01.com/wp-content/uploads/2020/05/tfhedda2.jpg 630w, https://blognote01.com/wp-content/uploads/2020/05/tfhedda2-300x216.jpg 300w" sizes="(max-width: 630px) 100vw, 630px" />
<p>&nbsp;</p>
<ul>
<li>切り取る＝ヘッダーの横幅が調整される</li>
<li>切り取らない＝ヘッダーが縦長になる（小さな画像ならば横幅が短くなる）</li>
</ul>
<p>&nbsp;<br />
<div class="supplement boader"><strong>ヘッダー画像の推奨サイズ</strong><br />
1260 × 240 ピクセル<br />
</div>
<p>&nbsp;</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-1301 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/hedda.jpg" alt="" width="630" height="192" srcset="https://blognote01.com/wp-content/uploads/2019/05/hedda.jpg 630w, https://blognote01.com/wp-content/uploads/2019/05/hedda-300x91.jpg 300w" sizes="(max-width: 630px) 100vw, 630px" />
<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>【Twenty Fourteenカスタマイズ設定方法５】　メニュー</h2>
<p>Twenty Fourteenでは、公開されているナビゲーションメニューなどの設定も「メニュー」で簡単にできます。これまで公開してきた重要記事などをリンクをつけて読者の目を引く部分に設置することも可能。</p>
<p>メニューの設定は複数箇所に設置可能。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-1302 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/hedda2.jpg" alt="" width="630" height="346" srcset="https://blognote01.com/wp-content/uploads/2019/05/hedda2.jpg 630w, https://blognote01.com/wp-content/uploads/2019/05/hedda2-300x165.jpg 300w" sizes="(max-width: 630px) 100vw, 630px" />
<p><span style="color: #ff0000; background-color: #ffff99;">「外観」　⇒　「カスタマイズ」　⇒　「メニュー」　⇒　「メニューを新規作成」</span></p>
<h3>メニュー設定の手順</h3>
<ol>
<li>メニュー名設定</li>
<li>「項目を追加」をクリック</li>
<li>メニューに入れたい項目をクリック</li>
<li>メニューの位置を設定</li>
</ol>
<p>詳しいメニュー設定方法については、以下の記事を参考にしてください。</p>
<div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/wordpress-menu"><figure class="eyecatch of-cover thum"><img loading="lazy" decoding="async" width="485" height="273" src="https://blognote01.com/wp-content/uploads/2019/05/オーガニック-ボタニカルボディソープ-10.jpg" class="archives-eyecatch-image attachment-oc-post-thum wp-post-image" alt="" srcset="https://blognote01.com/wp-content/uploads/2019/05/オーガニック-ボタニカルボディソープ-10.jpg 560w, https://blognote01.com/wp-content/uploads/2019/05/オーガニック-ボタニカルボディソープ-10-300x169.jpg 300w" 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>WordPressのメニューの設定をわかりやすく解説！</div></div></a></div>
<p>今回、「ワードプレス」というタイトルにしました。「項目の追加」をクリックすると右に展開します。カスタムリンク、投稿、カテゴリー、タグ、フォーマットからメニューに入れたいものを選んでクリック。</p>
<p>その他、自分が任意に入れたいURLがあれば「カスタムリンク」で指定できます。</p>
<p>&nbsp;</p>
<h3>メニューの位置設定</h3>
<p>メニューを設定したものをトップページ上部やサイドバー上に設定することができます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-1303 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/menu.jpg" alt="" width="281" height="534" srcset="https://blognote01.com/wp-content/uploads/2019/05/menu.jpg 281w, https://blognote01.com/wp-content/uploads/2019/05/menu-158x300.jpg 158w" sizes="(max-width: 281px) 100vw, 281px" />
<p>メニュー1（ヘッダーの下）とメニュー2（サイドバーの上）の位置設定はメニューのカスタマイズ画面でできます。</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>【Twenty　Fourteenカスタマイズ設定方法６】　ウィジット</h2>
<p>Twenty Fourteenでは3か所のカスタマイズが可能です。</p>
<p><span style="color: #ff0000; background-color: #ffff99;">▼「外観」⇒「カスタマイズ」⇒「ウィジット」</span></p>
<ul>
<li>メインサイドバー</li>
<li>コンテンツサイドバー</li>
<li>フッターウィジットエリア</li>
</ul>
<p>ウィジットの新規追加はどのテンプレートでもほぼ同じですので、以下の記事を参考に作ってみてください。</p>
<p>記事を取得できませんでした。記事IDをご確認ください。</p>
<h2>ウィジッェトの位置設定</h2>
<p>Twenty Fourteenウィジェットのカスタマイズは設置したい場所をクリックしてから追加していきます。</p>
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-1307" src="https://blognote01.com/wp-content/uploads/2019/05/wi3.jpg" alt="" width="297" height="281" />
<p><span style="color: #ff0000; background-color: #fafab9;">▼「外観」⇒「カスタマイズ」⇒「ウィジェット」</span></p>
<p>&nbsp;</p>
<p>それぞれのエリアをクリックしてウィジェットを追加していきます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-1305 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/wi.jpg" alt="" width="630" height="347" srcset="https://blognote01.com/wp-content/uploads/2019/05/wi.jpg 630w, https://blognote01.com/wp-content/uploads/2019/05/wi-300x165.jpg 300w" sizes="(max-width: 630px) 100vw, 630px" />
<div class="column-wrap ">
<div class="column_2 child_column ">
メインサイドバー</p>
<ul>
<li>検索</li>
<li>最近のコメント</li>
<li>カテゴリー</li>
</ul>
</div>
<div class="column_2 child_column ">
コンテンツサイドバー</p>
<ul>
<li>カレンダー</li>
<li>ギャラリー</li>
</ul>
</div>
</div>
<p>&nbsp;</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-1306 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/wi2.jpg" alt="" width="630" height="345" srcset="https://blognote01.com/wp-content/uploads/2019/05/wi2.jpg 630w, https://blognote01.com/wp-content/uploads/2019/05/wi2-300x164.jpg 300w" sizes="(max-width: 630px) 100vw, 630px" />
<p>&nbsp;</p>
<p>フッターウィジットエリア</p>
<ul>
<li>カレンダー</li>
<li>ギャラリー</li>
</ul>
<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>

<h3>画面確認が簡単</h3>
<p>作業をしている最中に、あ・・・これってスマホ画面ならどんな風に見えているのかな？と考えたことはありませんか？</p>
<p>有料のテーマなどでは簡単に画面表示を替えるボタンがありますがTwenty  Fourteenでもその機能があります。</p>
<p>コントロールパネルの左下にそのポイントがありますので作業している時にクリックすると「PC画面」「タブレット画面」「スマホ画面」と変更していけますのでとても便利です。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-253 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/tn35.jpg" alt="" width="630" height="306" srcset="https://blognote01.com/wp-content/uploads/2019/04/tn35.jpg 630w, https://blognote01.com/wp-content/uploads/2019/04/tn35-300x146.jpg 300w" sizes="(max-width: 630px) 100vw, 630px" />
<h2>なつの独自５段階評価</h2>
<p>Twenty Fourteenについて、なつの独自５段階評価しました！</p>
<table style="border-collapse: collapse; width: 100%;" border="1">
<tbody>
<tr>
<td style="width: 100%;">
<ul>
<li>初心者向け　<span class="star5_rating" data-rate="5"></span> 星5</li>
<li>機能性　<span class="star5_rating" data-rate="4"></span> 星4</li>
<li>趣味向け　<span class="star5_rating" data-rate="4"></span> 星4</li>
<li>ビジネス向け <span class="star5_rating" data-rate="2"></span> 星2</li>
<li>オシャレ度　<span class="star5_rating" data-rate="3"></span> 星3</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p>ワードプレスから配布される無料のテーマTwenty Fourteenは、ブログを始める上で必要最低限の機能は備えています。</p>
<p>超シンプルな作りですが、それなりのサイトが完成するとともにCSSを触れる方にとってはそれ以上の完成度が見込めます。</p>
<p>無料テーマはハードルが低くすぐ使えるのが良い点なのですが、その先、上位表示を目指したり、稼ぐブログにしたいときにはSEOやユーザーのユーザビリティなど考えていかなければいけません。</p>
<p>ブログ運営を続けていくと有料テーマを導入する時期がきます。</p>
<p>無料で作り上げたパーツをそのまま新しいテーマで引き継ぎできないことが多いので、もしこれからもブログを作り上げていくなら最初から有料テーマにすべきだと思います。</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 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>

<p>&nbsp;</p>
<p><strong><img loading="lazy" decoding="async" class="alignnone wp-image-820" src="https://blognote01.com/wp-content/uploads/2019/04/0510.jpg" alt="" width="42" height="38" />シンプルなテーマでブログや日記を始めるなら、<a href="https://blognote01.com/twentyfifteen-customize">「Twenty Fifteenのカスタマイズ方法を丁寧に解説」</a>記事も読んでみてください。</strong></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/twentyfourteen-customize/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">1212</post-id>	</item>
		<item>
		<title>Neveのカスタマイズ方法を丁寧に解説【初心者向けおすすめWordPressテーマ】</title>
		<link>https://blognote01.com/neve-customize</link>
					<comments>https://blognote01.com/neve-customize#respond</comments>
		
		<dc:creator><![CDATA[なつ]]></dc:creator>
		<pubDate>Sun, 12 May 2019 04:58:37 +0000</pubDate>
				<category><![CDATA[シンプル]]></category>
		<category><![CDATA[初心者向け]]></category>
		<category><![CDATA[無料Wordpressテーマ【評判・感想】]]></category>
		<category><![CDATA[おすすめ！]]></category>
		<guid isPermaLink="false">https://blognote01.com/?p=893</guid>

					<description><![CDATA[ブログ運営半年で月20万超の元サラリーマンブロガーなつです。 WordPressを導入したら、次はどんなサイトを作るのか見た目の調整をしていきます。ワードプレスではブログ運営のためのテーマ（テンプレート）が無料で用意され...]]></description>
										<content:encoded><![CDATA[<p>ブログ運営半年で月20万超の元サラリーマンブロガーなつです。</p>
<p>WordPressを導入したら、次はどんなサイトを作るのか見た目の調整をしていきます。ワードプレスではブログ運営のためのテーマ（テンプレート）が無料で用意されていますので活用してみてください。</p>
<p><strong>「Neve」というワードプレスのおすすめテーマの使い方やカスタマイズ方法</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>

<h2>NeveってどんなWordpressテーマなの？</h2>
<p>Neveとは、ワードプレスの無料テーマの中でもかなりシンプルなテンプレートです。デフォルトで毎年出される<a href="https://blognote01.com/twentynineteen-customize" target="_blank" rel="noopener noreferrer">Twenty Nineteen</a>（2019）やTwenty Seventeen（2017）よりも少しだけ細かな設定ができるようになっています。</p>
<p>ただ、同じようなWordpressのテーマで<a href="https://blognote01.com/oceanwp-customize" target="_blank" rel="noopener noreferrer">OceanWP</a>のように複雑ではありませんので初心者でもすんなりとカスタマイズできるでしょう。</p>
<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>ブログの全体イメージ図は以下のような感じです。全体の構造はシンプルですが、必要なものはそろっています。</p>
<p>&nbsp;</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-929 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/neve30.jpg" alt="" width="600" height="334" srcset="https://blognote01.com/wp-content/uploads/2019/05/neve30.jpg 600w, https://blognote01.com/wp-content/uploads/2019/05/neve30-300x167.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<div class="supplement boader"><strong>特徴</strong></p>
<ul>
<li>レスポンシブ・スマホ対応</li>
<li>カスタマイザーで初心者も設定しやすい</li>
<li>1カラム・2カラム対応</li>
<li>SEO対策</li>
<li>ページごとの項目削除ができる</li>
<li>フッターのカスタマイズが簡単</li>
</ul>
</div>
&nbsp;</p>
<h3>使ってみた感想</h3>
<p>Neveはあくまでもシンプルな作りです。ウィジットなども<span class="pink_line">直感的に操作ができる</span>ので初心者に向いています。ただし、Neve特有の操作も多く一般的なテーマを使っている人にとっては慣れるまで若干難しく感じるかもしれません。</p>
<p>外国のテーマですが必要な部分は日本語で対応してあるので迷わないと思います。</p>
<p>全体的なレイアウト（コンテナ）の微調整などもでき自由度が高いです。フッターの設定もかなり詳細で、4つのフッターも用意されています。</p>
<p>フッターのカスタマイズ内容で、「コピーライト」まで調整できますが、特に必要ないのではないかと・・・。あと、ヘッダー画像のカスタマイズ項目が見当たらなかったので（英語の部分かも・・・）読者としては、殺風景に映るかもしれません。</p>
<p>機能的には十分ですので問題ありませんが、長くブログを続けたい人はTwenty Nineteen（2019）のような毎年出る最新のものかもしくは、一定時期にバージョンアップのある有料のテーマが適していると感じました。</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>

<h3>初心者におすすめな点</h3>
<ul>
<li>確認画面から変更も可能</li>
<li>ワンクリックでスマホ画面やタブレット画面などを呼び出せる</li>
<li>フッターの感覚的なカスタマイズ</li>
<li>初心者でも詳細に自分好みにできる</li>
</ul>
<p>&nbsp;</p>
<p>Neveのカスタマイズはシンプルで、コントロールパネルと画像を見ながら調整できますので初心者には向いています。</p>
<p>さらに、画面の鉛筆マークをクリックすることで編集したいカスタマイズ項目にカーソルが飛んでくれるというのも初心者には優しい点。</p>
<p>&nbsp;<br />
<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">WordpressのNeveは、カスタマイズがシンプルです。ブログを初めて使う初心者の方でもすんなり使いこなせる内容です。あくまで個人的な印象ですが、長く続けていると若干物足りない部分が出てきそうな感じがします</div></div>
<p>&nbsp;</p>
<p>ブログを始めたころは、やることがたくさんあるのとWordpressに慣れていないのとで時間がかかってしまいます。</p>
<p>練習用にと無料テーマも良いのですが、後々バージョンアップの問題などが出てきますので最初から手間のかからない有料テーマで作っておいた方が楽ですよ！</p>
<p>&nbsp;</p>
<p><strong>↓　日本（もしくは日本語対応）のWordpressテーマを集めました。</strong><br />

<h2>Neveのメリット・デメリット　【Wordpressテーマ】</h2>
<p>Neveは無料なので初心者でも導入しやすいWordpressテーマです。ただ、無料という点を除いてもデメリットになる部分もあります。</p>
<p>ここでは、メリット・デメリットをお伝えします。</p>
<h3>メリット</h3>
<ul>
<li>操作がシンプルで感覚的に使える</li>
<li>WordPressで今だに人気のテーマ</li>
<li>初心者でもカスタマイズしやすい</li>
<li>無料で導入できる</li>
</ul>
<h3>デメリット</h3>
<ul>
<li>ブラウザが見慣れていないと難しく感じる</li>
<li>広告の設定ができない（プラグインで対応可能）</li>
<li>ヘッダー画像の調整ができない</li>
<li>マニュアルがない</li>
<li><span class="span__stk_maker_pink">あまりブログ等で取り上げられていない</span></li>
</ul>
<p>&nbsp;</p>
<p>ブログで取り上げられていないのはなぜデメリットかというと、例えば、人気のWordpressテーマとなるとカスタマイズに関するブログ記事があります。</p>
<p>慣れていないうちは何度も何度も検索で調べながらブログを作っていきます。そんな時に一番頼りになるのが、ブログの記事だったりします。</p>
<p>困った時にブログの記事が出てこないとかなり大変です。</p>
<p>&nbsp;<br />
<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">Neveでは例えば投稿ページのアイキャッチが不要なら削除したり、パンくずリストの一部を削除したり、それぞれの順番を変更したりと自由度が高いです。</p>
<p>ただし、そんなにこの部分の変更が必要かというとそれほど必要性も感じなのでどうなのかな・・・と。すごくこだわりのある方には向いていると思います。</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>初心者でも簡単にカスタマイズできるワードプレステーマ「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>WordPressテーマをインストールする方法　（Neve編)</h2>
<p>自分の好きなテーマが決まったら、テーマを導入していきます。</p>
<p><strong>インストール方法</strong></p>
<ul>
<li><span style="background-color: #ffff99;">ダッシュボードを開く　→　外観　→　テーマ好きなテーマを選ぶ　→　インストール　→　有効化　→　完了！</span></li>
</ul>
<p>詳しいインストール方法は、以下の記事を参考にしてください。</p>
<div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/wordpress-install"><figure class="eyecatch of-cover thum"><img loading="lazy" decoding="async" width="485" height="273" src="https://blognote01.com/wp-content/uploads/2019/05/オーガニック-ボタニカルボディソープ-13.jpg" class="archives-eyecatch-image attachment-oc-post-thum wp-post-image" alt="" srcset="https://blognote01.com/wp-content/uploads/2019/05/オーガニック-ボタニカルボディソープ-13.jpg 560w, https://blognote01.com/wp-content/uploads/2019/05/オーガニック-ボタニカルボディソープ-13-300x169.jpg 300w" 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>WordPressのテーマをインストールする方法を解説！</div></div></a></div>
<p>Neveテーマをインストールできたらサイトの見栄えをよくするためにカスタマイズしていきましょう。</p>
<p>ここでは、Neveをどこよりもわかりやすく使い方やカスタマイズ方法を説明していきます。</p>
<h2>Neveの以下の項目をカスタマイズしていきます</h2>
<p>Neveでは、以下の項目をカスタマイズ設定していくことが出来ます。</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">
<ol>
<li>レイアウト</li>
<li>ヘッダー</li>
<li>フッター</li>
<li>色と背景</li>
<li>書式設定</li>
<li>メニュー</li>
<li>ウィジット</li>
</ol>
</div></div>
&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>Nevenoカスタマイズの具体的なやり方【2通り】</h2>
<p>カスタマイズの場所（コントロールパネル）を開くには、2つの方法があります。</p>
<ul>
<li>外観からコントロールパネルに行く方法</li>
<li>画像の鉛筆マークからコントロールパネルに行く方法</li>
</ul>
<p>「ウィジット」「メニュー」「レイアウト」など言葉が難しくどの部分の編集をしているのかわかりづらい場合は画像を見て鉛筆マークをクリックして変更するのをおすすめします。</p>
<h3>外観から編集する方法</h3>
<p>ダッシュボードの左側の管理メニューの部分から入って行きます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-895 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/neve1.jpg" alt="" width="630" height="304" srcset="https://blognote01.com/wp-content/uploads/2019/05/neve1.jpg 630w, https://blognote01.com/wp-content/uploads/2019/05/neve1-300x145.jpg 300w" sizes="(max-width: 630px) 100vw, 630px" />
<p>WordPressにログインすると上のようなダッシュボードが出てきます。</p>
<p>「外観→カスタマイズ」に進むと実際カスタマイズするコントロールパネルが現れます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-897 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/neve3.jpg" alt="" width="600" height="232" srcset="https://blognote01.com/wp-content/uploads/2019/05/neve3.jpg 600w, https://blognote01.com/wp-content/uploads/2019/05/neve3-300x116.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<p>左側に実際編集を指示するコントロールパネル、右側には確認する画面が現れますので、出来上がりを見ながら変更をしていくことが可能です。</p>
<h3>鉛筆マークで編集する方法</h3>
<p>画像の中に鉛筆マークがあります。</p>
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-898" src="https://blognote01.com/wp-content/uploads/2019/05/neve4-288x300.jpg" alt="" width="288" height="300" srcset="https://blognote01.com/wp-content/uploads/2019/05/neve4-288x300.jpg 288w, https://blognote01.com/wp-content/uploads/2019/05/neve4.jpg 428w" sizes="(max-width: 288px) 100vw, 288px" />
<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-899" src="https://blognote01.com/wp-content/uploads/2019/05/neve5-158x300.jpg" alt="" width="158" height="300" srcset="https://blognote01.com/wp-content/uploads/2019/05/neve5-158x300.jpg 158w, https://blognote01.com/wp-content/uploads/2019/05/neve5.jpg 281w" sizes="(max-width: 158px) 100vw, 158px" /><br />
</div>
<div class="column_2 child_column ">
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-900" src="https://blognote01.com/wp-content/uploads/2019/05/neve6-266x300.jpg" alt="" width="266" height="300" srcset="https://blognote01.com/wp-content/uploads/2019/05/neve6-266x300.jpg 266w, https://blognote01.com/wp-content/uploads/2019/05/neve6.jpg 370w" sizes="(max-width: 266px) 100vw, 266px" /><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">カスタマイズの方法は、ダイレクトに修正画面に行く方法もありますが、完成イメージ図がないので初めのうちは画像を見ながら修正できる方法でカスタマイズした方が無駄がありません。</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>初心者でも簡単にカスタマイズできるワードプレステーマ「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>【Neveカスタマイズ設定方法 step1】　レイアウト</h2>
<p>Neveの「レイアウト」では、ブログの全体像の編集ができます。</p>
<p><span style="color: #ff0000; background-color: #ffff99;">▼「ダッシュボード」　⇒　「外観」　⇒　「カスタマイズ」　⇒　「レイアウト」</span></p>
<ul>
<li>コンテナー</li>
<li>コンテンツ/サイドバー</li>
<li>ブログ/アーカイブ</li>
<li>投稿</li>
</ul>
<h3>コンテナ―の編集</h3>
<p>コンテナ―の編集できる部分は「デフォルトコンテナスタイル」「ブログ/アーカイブスタイル」「個別投稿コンテナスタイル」の変更が可能です。</p>
<ul>
<li>デフォルトコンテナスタイル・・・固定ページ</li>
<li>ブログ/アーカイブスタイル・・・記事一覧ページ</li>
<li>個別投稿コンテナスタイル・・・個別投稿</li>
</ul>
<p>&nbsp;</p>
<p>調整は細かくパーセンテージでも設定可能です。それぞれ、「余白あり」と「全幅」の2種類で設定しますが、コンテナ幅の微妙な調整も可能です。</p>
<p>&nbsp;</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-904 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/neve7.jpg" alt="" width="279" height="453" srcset="https://blognote01.com/wp-content/uploads/2019/05/neve7.jpg 279w, https://blognote01.com/wp-content/uploads/2019/05/neve7-185x300.jpg 185w" sizes="(max-width: 279px) 100vw, 279px" />
<h4>ブログ/アーカイブコンテナスタイルの幅の違い</h4>
<ul>
<li>余白ありの場合</li>
</ul>
<img loading="lazy" decoding="async" class="alignnone wp-image-905 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/neve8.jpg" alt="" width="600" height="308" srcset="https://blognote01.com/wp-content/uploads/2019/05/neve8.jpg 600w, https://blognote01.com/wp-content/uploads/2019/05/neve8-300x154.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<ul>
<li>全幅の場合</li>
</ul>
<p>記事部分の幅が広がります。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-906 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/neve9.jpg" alt="" width="600" height="363" srcset="https://blognote01.com/wp-content/uploads/2019/05/neve9.jpg 600w, https://blognote01.com/wp-content/uploads/2019/05/neve9-300x182.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<h3>コンテナ/サイドバー</h3>
<p>サイドバーの位置を設定する部分です。<br />
2カラムの右サイドバーにするのか、左サイドバーにするのか、1カラムにするのかをここで設定します。</p>
<img loading="lazy" decoding="async" class="alignnone size-full wp-image-907" src="https://blognote01.com/wp-content/uploads/2019/05/neve10.jpg" alt="" width="284" height="297" />
<p>&nbsp;<br />
<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">つまり、記事の文章を読ませたい場合は右サイドバー（左文章）、サイドバーに見せたいものがある場合は左サイドバーにするのが効果的です。</p>
<p>1カラムはその記事がキラーページ（ASPなど広告を含むもの）になる場合に向いています。<br />
</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>初心者でも簡単にカスタマイズできるワードプレステーマ「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>
<h3>投稿ページ</h3>
<p>各ページの要素の順序や見せるか見せないかの選択ができます。</p>
<p>このセクションでは「ブログ/アーカイブ」と「投稿」の編集が可能です。同じような操作のためにわかりやすい投稿で説明していきます。</p>
<p>タイトル＆メタ情報<br />
アイキャッチ画像<br />
コンテンツ<br />
タグ<br />
コメント</p>
<p>投稿記事はこの順序で並んでいますが、この部分の順番を入れ替えるにはそれぞれの枠をスクロールすると位置が入れ替わります。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-910 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/neve16.jpg" alt="" width="630" height="354" srcset="https://blognote01.com/wp-content/uploads/2019/05/neve16.jpg 630w, https://blognote01.com/wp-content/uploads/2019/05/neve16-300x169.jpg 300w" sizes="(max-width: 630px) 100vw, 630px" />
<p>それから、各項目をクリック（ここではアイキャッチ画像）するとグレーに反転し記事の中からその要素はなくなります。</p>
<p>&nbsp;</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-909 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/neve15.jpg" alt="" width="586" height="267" srcset="https://blognote01.com/wp-content/uploads/2019/05/neve15.jpg 586w, https://blognote01.com/wp-content/uploads/2019/05/neve15-300x137.jpg 300w" sizes="(max-width: 586px) 100vw, 586px" />
<p>外国の方が作っているNeveのようなテーマは、感覚的に操作はできますが調整にこだわりがあったり、ここそんなに必要？みたいなカスタマイズもあります。</p>
<p>慣れていると何が必要で何が不要かわかるのですが、初心者のうちはそのまま使っても完成度の高い有料テーマが便利です。</p>
<p>&nbsp;</p>
<p><strong>↓　日本の個性あふれる優秀テーマを集めてみました！</strong><br />
<div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/wordpress%e2%80%90nihongomatome"><figure class="eyecatch of-cover thum"><img loading="lazy" decoding="async" width="485" height="300" src="https://blognote01.com/wp-content/uploads/2019/06/nihongo123-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>【2023年最新】WordPress日本語おすすめテーマまとめ！初心者向け有料＆無料も！</div></div></a></div>
<p>&nbsp;</p>
<h2>【Neveカスタマイズ設定方法 step２】　ヘッダー</h2>
<p>他では基本情報で修正することの多いロゴやサイトアイコンの編集はNeveではヘッダーでやります。</p>
<p><span style="color: #ff0000; background-color: #fafab9;">▼「外観」⇒「カスタマイズ」⇒「ヘッダー」⇒「Logo &amp; Site Identity」</span></p>
<img loading="lazy" decoding="async" class="alignnone wp-image-911 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/neve17.jpg" alt="" width="281" height="552" srcset="https://blognote01.com/wp-content/uploads/2019/05/neve17.jpg 281w, https://blognote01.com/wp-content/uploads/2019/05/neve17-153x300.jpg 153w" sizes="(max-width: 281px) 100vw, 281px" />
<p>ロゴを選択し、メディアもしくは新規でダウンロードした画像をここに入れます。</p>
<div class="supplement warning"><strong>注意</strong><br />
画像はあまり大きなものにしてしまうとサイズのバランスが悪くなるので、小さめのものがおすすめです。<br />
例の写真のコーヒーカップは64×64ピクセルです。</p>
</div>
&nbsp;</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-912 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/neve18.jpg" alt="" width="513" height="310" srcset="https://blognote01.com/wp-content/uploads/2019/05/neve18.jpg 513w, https://blognote01.com/wp-content/uploads/2019/05/neve18-300x181.jpg 300w" sizes="(max-width: 513px) 100vw, 513px" />
<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>

<h3>サイトアイコンの設定</h3>
<p>サイトアイコンとは、ネットでサイトを開くと出てくるタブのイラストです。ファビコンというとわかりやすいかもしれません。</p>
<p>favorite icon　→　favicon（ファビコン）</p>
<p>favoriteは（お気に入り）に入れたときに見えるicon（アイコン）ということでファビコンという名前がついたともいわれています。</p>
<p>実際の位置は以下のような部分にサイトのトレードマークとして出てくる部分なので、ちゃんとしたものを設定しましょう。</p>
<p>サイトを開くと上部に出てくるマークが「サイトアイコン」です。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-235 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/TS24.jpg" alt="" width="600" height="112" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS24.jpg 600w, https://blognote01.com/wp-content/uploads/2019/04/TS24-300x56.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<p>サイトアイコンは「お気に入り」にも出てきます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-917 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/neve21.jpg" alt="" width="242" height="196" />
<p>↑</p>
<p>サイトアイコンってこんな感じで出てくるマークです。</p>
<p>&nbsp;</p>
<p>設定は簡単、画像を選んで登録するとコントロールパネルに実際のレイアウト画像が出てきます。</p>
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-915" src="https://blognote01.com/wp-content/uploads/2019/05/neve19-272x300.jpg" alt="" width="272" height="300" srcset="https://blognote01.com/wp-content/uploads/2019/05/neve19-272x300.jpg 272w, https://blognote01.com/wp-content/uploads/2019/05/neve19.jpg 276w" sizes="(max-width: 272px) 100vw, 272px" />
<p><span class="pink_line">サイズは512ピクセル×512ピクセル以上の正方形の大きさとしてください。</span></p>
<p>Neveはここから位置も調整できます。画像の上のタブ「<span style="color: #ff0000;">レイアウト</span>」を選ぶと全体的な位置の設定もできます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-916 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/neve20.jpg" alt="" width="583" height="264" srcset="https://blognote01.com/wp-content/uploads/2019/05/neve20.jpg 583w, https://blognote01.com/wp-content/uploads/2019/05/neve20-300x136.jpg 300w" sizes="(max-width: 583px) 100vw, 583px" />
<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>

<h3>サイトタイトル・キャッチフレーズ設定</h3>
<p><span style="color: #ff0000; background-color: #ffff99;">▼「外観」⇒「カスタマイズ」⇒「ヘッダー」⇒「Logo &amp; Site Identity」</span></p>
<p>サイトタイトルはもちろんのこと、キャッチフレーズも設定するようにしましょう。</p>
<p>詳しくは以下の記事で解説していますので参考にしてください。</p>
<div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/wordpress-title"><figure class="eyecatch of-cover thum"><img loading="lazy" decoding="async" width="485" height="273" src="https://blognote01.com/wp-content/uploads/2019/05/オーガニック-ボタニカルボディソープ-11.jpg" class="archives-eyecatch-image attachment-oc-post-thum wp-post-image" alt="" srcset="https://blognote01.com/wp-content/uploads/2019/05/オーガニック-ボタニカルボディソープ-11.jpg 560w, https://blognote01.com/wp-content/uploads/2019/05/オーガニック-ボタニカルボディソープ-11-300x169.jpg 300w" 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>ワードプレスのタイトル・キャッチフレーズの設定を解説</div></div></a></div>
<p>&nbsp;</p>
<h2>【Neveカスタマイズ設定方法 step３】　フッター</h2>
<p>かつてはSEO効果があるということでフッターにもキーワードをそっと入れたりしているブログもみかけますが、最近の動向としてはかなり薄いようです。</p>
<p>しかし、記事のラストに位置することから次の動作や他のページへ誘導もありますので見やすく設定してみてください。</p>
<p>Neveには、「Copyright」「フッター1」「フッター2」「フッター3」「フッター4」の調整ができるようになっています。</p>
<p>Copyright部分は最初から設定されていますので特に触る必要はありません。右、中央、左の位置のみバランスを見て変更してください。</p>
<p>フッター1～4は同じ設定方法です。</p>
<h3>フッター（1～4）の設定方法</h3>
<p><span style="color: #ff0000; background-color: #fafab9;">▼「外観」⇒「カスタマイズ」⇒「フッター」⇒「フッター1～4」</span></p>
<p>フッターに設定したい項目をクリックすると追加されていきます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-919 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/neve23.jpg" alt="" width="580" height="534" srcset="https://blognote01.com/wp-content/uploads/2019/05/neve23.jpg 580w, https://blognote01.com/wp-content/uploads/2019/05/neve23-300x276.jpg 300w" sizes="(max-width: 580px) 100vw, 580px" />
<p>フッターの内容を設定ができたらフッターをどこに置くのか指定します。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-920 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/neve25.jpg" alt="" width="565" height="267" srcset="https://blognote01.com/wp-content/uploads/2019/05/neve25.jpg 565w, https://blognote01.com/wp-content/uploads/2019/05/neve25-300x142.jpg 300w" sizes="(max-width: 565px) 100vw, 565px" />
<p>フッター1～4のボタンをドラッグすると位置の設定ができます。</p>
<p>&nbsp;</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-921 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/neve26.jpg" alt="" width="600" height="348" srcset="https://blognote01.com/wp-content/uploads/2019/05/neve26.jpg 600w, https://blognote01.com/wp-content/uploads/2019/05/neve26-300x174.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<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></p>
<p>※今なら、8大購入特典をお付けしています！</div></div>

<h2>【Neveカスタマイズ設定方法４】　色と背景</h2>
<p>Neveの色の設定はとてもシンプルです。</p>
<ul>
<li>メインボタンの色</li>
<li>リンクの色</li>
<li>リンクのホバーの色</li>
<li>文字の色</li>
<li>背景色</li>
<li>背景画像</li>
</ul>
<p>&nbsp;</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-922 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/neve27.jpg" alt="" width="578" height="382" srcset="https://blognote01.com/wp-content/uploads/2019/05/neve27.jpg 578w, https://blognote01.com/wp-content/uploads/2019/05/neve27-300x198.jpg 300w" sizes="(max-width: 578px) 100vw, 578px" />
<p>&nbsp;</p>
<h2>【Neveカスタマイズ設定方法5】　書式設定</h2>
<p>Neveの書式設定は、「一般」と「見出し」の2種類。</p>
<p>見出しのカスタマイズについては、かなり詳細で大きさも自由自在ですし、デフォルトはemで表記されていますが、PXでの表示も可能です。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-923 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/neve28.jpg" alt="" width="278" height="490" srcset="https://blognote01.com/wp-content/uploads/2019/05/neve28.jpg 278w, https://blognote01.com/wp-content/uploads/2019/05/neve28-170x300.jpg 170w" sizes="(max-width: 278px) 100vw, 278px" />
<p>&nbsp;<br />
<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">ここで特筆すべきは、記事内の見出し（H1～H6）の文字サイズまでそれぞれサイズ変更ができるという点。ここに用意されているフォント自体はあまり日本語に対応していないのか変わり映えしませんが、サイズが自分で調整できるのは珍しいです。</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>初心者でも簡単にカスタマイズできるワードプレステーマ「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>【Neveカスタマイズ設定方法6】   メニュー</h2>
<p>Heveでは、どのページにでも出てくるナビゲーションメニューなども作りこむこともできます。詳しいメニュー設定方法については、以下の記事を参考にしてください。</p>
<div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/wordpress-menu"><figure class="eyecatch of-cover thum"><img loading="lazy" decoding="async" width="485" height="273" src="https://blognote01.com/wp-content/uploads/2019/05/オーガニック-ボタニカルボディソープ-10.jpg" class="archives-eyecatch-image attachment-oc-post-thum wp-post-image" alt="" srcset="https://blognote01.com/wp-content/uploads/2019/05/オーガニック-ボタニカルボディソープ-10.jpg 560w, https://blognote01.com/wp-content/uploads/2019/05/オーガニック-ボタニカルボディソープ-10-300x169.jpg 300w" 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>WordPressのメニューの設定をわかりやすく解説！</div></div></a></div>
<p>&nbsp;</p>
<h2>【Neveカスタマイズ設定方法６】．ウィジット</h2>
<p>サイドバーに人気記事や、最近の投稿など読者に読んでほしい項目や記事が多くなるとこの部分で綺麗に整理しましょう。</p>
<p>記事を取得できませんでした。記事IDをご確認ください。</p>
<p>&nbsp;</p>
<h3>画面確認が簡単</h3>
<p>作業をしている最中に、あ・・・これってスマホ画面ならどんな風に見えているのかな？と考えたことはありませんか？</p>
<p>有料のテーマなどでは簡単に画面表示を替えるボタンがありますがTwenty Seventeenでもその機能があります。</p>
<p>コントロールパネルの左下にそのポイントがありますので作業している時にクリックすると「PC画面」「タブレット画面」「スマホ画面」と変更していけますのでとても便利です。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-253 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/tn35.jpg" alt="" width="630" height="306" srcset="https://blognote01.com/wp-content/uploads/2019/04/tn35.jpg 630w, https://blognote01.com/wp-content/uploads/2019/04/tn35-300x146.jpg 300w" sizes="(max-width: 630px) 100vw, 630px" />
<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></p>
<p>※今なら、8大購入特典をお付けしています！</div></div>

<h2>なつの独自５段階評価  （Wordpressテーマ「Neve」）</h2>
<p>Heveについて、なつの独自５段階評価しました！</p>
<table style="border-collapse: collapse; width: 100%;" border="1">
<tbody>
<tr>
<td style="width: 100%;">
<ul>
<li>初心者向け　<span class="star5_rating" data-rate="4"></span> 星4</li>
<li>機能性　<span class="star5_rating" data-rate="3"></span> 星3</li>
<li>趣味向け　<span class="star5_rating" data-rate="5"></span> 星5</li>
<li>ビジネス向け　<span class="star5_rating" data-rate="3"></span> 星3</li>
<li>オシャレ度　<span class="star5_rating" data-rate="2"></span> 星2</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p>ワードプレスから配布される無料のテーマHeveは、ブログを始める上で必要最低限の機能は備えています。</p>
<p>とてもシンプルな作りですが、それなりのサイトが完成するとともにCSSを触れる方にとってはそれ以上の完成度が見込めます。</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>

<p>&nbsp;</p>
<p><strong><img loading="lazy" decoding="async" class="wp-image-820 alignleft" src="https://blognote01.com/wp-content/uploads/2019/04/0510.jpg" alt="" width="42" height="38" />シンプルなテーマでブログや日記を始めるなら、<a href="https://blognote01.com/twentysixteen-customize" target="_blank" rel="noopener noreferrer">Twenty Sixteen のカスタマイズ方法を丁寧に解説</a>　　の記事も読んでみてください。</strong></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/neve-customize/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">893</post-id>	</item>
		<item>
		<title>Twenty Fifteenのカスタマイズ方法を丁寧に解説【個性的なおすすめワードプレステーマ】</title>
		<link>https://blognote01.com/twentyfifteen-customize</link>
					<comments>https://blognote01.com/twentyfifteen-customize#respond</comments>
		
		<dc:creator><![CDATA[なつ]]></dc:creator>
		<pubDate>Mon, 06 May 2019 07:57:35 +0000</pubDate>
				<category><![CDATA[シンプル]]></category>
		<category><![CDATA[個性的]]></category>
		<category><![CDATA[初心者向け]]></category>
		<category><![CDATA[無料Wordpressテーマ【評判・感想】]]></category>
		<category><![CDATA[おすすめ！]]></category>
		<guid isPermaLink="false">https://blognote01.com/?p=671</guid>

					<description><![CDATA[ブログ運営半年で月20万超の元サラリーマンブロガーなつです。 ワードプレスではブログ運営のためのテーマ（テンプレート）が無料で用意されています。 今回は、初心者に優しい「Twenty Fifteen」というワードプレスの...]]></description>
										<content:encoded><![CDATA[<p>ブログ運営半年で月20万超の元サラリーマンブロガーなつです。</p>
<p>ワードプレスではブログ運営のためのテーマ（テンプレート）が無料で用意されています。</p>
<p>今回は、初心者に優しい<strong>「Twenty Fifteen」というワードプレスのおすすめテーマの使い方やカスタマイズ方法</strong>をお伝えしていきます。</p>
<p>&nbsp;</p>
<p><strong>↓　完璧なSEO対策のWordpressテーマ</strong><br />
<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>

<h2>Twenty Fifteenってどんなテーマなの？</h2>
<p>Twenty Fifteenとは、ワードプレスに最初からデフォルトで入っているテーマ（テンプレート）です。</p>
<p>2019年にもTwenty nineteen（2019）という同じ系統のテーマが出ていますが毎年新しく出てくるTwenty Sixteen（2017）Twenty Sixteen （2016）もいまだに人気があります。</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">年の名前がついているのでわかりやすいですね。新しいものは1カラムが多いですが、この時期には2カラムもありました。</div></div>
<p>&nbsp;</p>
<h2>特徴</h2>
<p>Twenty Fifteenのビジュアルの特徴は以下の通りです。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-673 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/TF2.jpg" alt="" width="566" height="387" srcset="https://blognote01.com/wp-content/uploads/2019/05/TF2.jpg 566w, https://blognote01.com/wp-content/uploads/2019/05/TF2-300x205.jpg 300w" sizes="(max-width: 566px) 100vw, 566px" />
<p>一般でいうサイドバーの位置にメニューとタイトルが配置されています。</p>
<ul>
<li>レスポンシブ・スマホ対応</li>
<li>カスタマイザーで初心者も設定しやすい</li>
<li>ベース配色</li>
<li>2カラム対応</li>
<li>SEO対策</li>
<li>簡単にPC画面とスマホ画面を確認できる</li>
<li>アクセシビリティ対応</li>
<li>モバイル・ファースト</li>
</ul>
<h3>使ってみた感想</h3>
<p>Twenty Fifteenを使ってみた感想は、個性的なフォルムが印象に残りました。ヘッダーなんかはほとんど一番上に横長の大きな画像を設置しますが、このTwenty Fifteenのヘッダーを設定するとサイドバー部分の設置となります。</p>
<p>基本的には、<span class="pink_line">左のサイドバー部分にタイトル、ロゴ、メニュー</span>がきますので、まとまった雰囲気もあります。タブレットやスマホ画面は関係ありませんが、PC画面で他と差をつけたい方に向いてます。</p>
<p>ありふれたサイトでは満足できない人、<span class="pink_line">人とはちょっと違う個性を出したい人</span>にはとても良いテーマだと思います。</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>
<h3>初心者におすすめな点</h3>
<p>①　シンプルでカスタマイズしやすい<br />
②　PCで設定しながらスマホ画面も一発で変換<br />
③　ヘッダー画面が左に縦長<br />
④　コントロールパネルがシンプルで迷わない<br />
⑤　背景のベース配色が設定あり<br />
⑥　左側にメニュー、タイトル、ロゴが来てスッキリしている</p>
<p>初心者におすすめする理由は、背景のベース配色が設定されていますので、自分で色をひとつひとつ合わせる必要がなく、<span class="pink_line">明るいイメージやクールなイメージなどで選べばセンスの良いサイトとなります。</span></p>
<p>画面の鉛筆マークをクリックすることで編集したいカスタマイズ項目にカーソルが飛んでくれるというのも初心者には優しい点。</p>
<p>PC画面では全て左に集まっていますのでスッキリとした印象となり、シンプルな分操作も簡単です。</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>Twenty Fifteenのメリットデメリット</h2>
<p>WordPressのデフォルトテーマは、年々シンプルになっていて2019年あたりからは、1カラムが主流となっています。</p>
<p>1カラムだけになると使う幅も狭まってきますので、Twenty Fifteenのような2カラムになるテーマも使いやすいでしょう。</p>
<p>ただ、どんなWordpressテーマもセキュリティ面などバージョンアップしていくので、古いテーマを使うメリットデメリットもわかった上で使った方が良いと思います。</p>
<p>&nbsp;</p>
<h3>メリット</h3>
<p>・操作がシンプルで感覚的に使える<br />
・ワードプレスの無料テーマでは上位ランキングされている<br />
・エディターで「PC画面」「タブレット画面」「スマホ画面」が見れる。<br />
・面倒な配色をしなくてもベース配色が用意されている。<br />
・左に全て設定されているのでスマートに見える</p>
<h3>デメリット</h3>
<p>・シンプルな分詳細な設定ができない<br />
・広告の設定ができない（プラグインで対応可能）<br />
・PC画面の差別化はできるがスマホは変わらず</p>
<p>これからのブログ運営はモバイルファーストでないとGoogleの評価も低いです。どうしてもTwenty Fifteenが良いのなら仕方ありませんが、できるだけ早めに有料テーマに移行した方が後が楽ですよ！</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>Twenty Fifteenのカスタマイズ画面でできること</h2>
<p>Twenty Fifteenのカスタマイズ画面では以下の8つの項目があります。</p>
<ul style="list-style-type: disc;">
<li> ◎ サイト基本情報</li>
<li> 〇 色</li>
<li> ◎ ヘッダー画像</li>
<li> 〇 背景画像</li>
<li> 〇 メニュー</li>
<li> 〇 ウィジット</li>
<li> △ ホームページ設定</li>
<li> × 追加CSS</li>
</ul>
<p>&nbsp;</p>
<p>※◎は設定した方が良いもの、〇は好みで設定をすれば良いもの、△はとくに必要ではないもの</p>
<p>基本的にはデフォルト（最初から設定してあるもの）でサイトを作れますが、タイトルの設定や自分らしさを出したい部分を編集していくと良いでしょう。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>【Twenty Fifteenカスタマイズ方法 step1】　コントロールパネルの順番に設定</h2>
<p>Twenty Fifteenをダウンロードできたらサイトの見栄えをよくするためにカスタマイズしていきましょう。</p>
<p>ここでは、Twenty Fifteenをどこよりもわかりやすく使い方やカスタマイズを詳しく説明していきます。</p>
<h2>カスタマイズの2通りのやり方</h2>
<p>まずはカスタマイズのコントロールパネルを開けます。Twenty Fifteenの場合にはコントロールパネルの項目がとてもシンプルなので開いてしまえばひと目でやりたいことにたどり着けます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-153 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/TS.jpg" alt="" width="171" height="498" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS.jpg 171w, https://blognote01.com/wp-content/uploads/2019/04/TS-103x300.jpg 103w" sizes="(max-width: 171px) 100vw, 171px" />
<p>まず、コントロールパネルを出すにはダッシュボード左側の管理パネルから入って行きます。</p>
<p>この画面では、2通りのカスタマイズ方法があります。</p>
<div class="box5">
<p>①　左側の文章をクリックして該当の項目を修正する<br />
②　変えたい部分を直接クリックして項目を修正する</p>
</div>
<p>文章を見ながら順番にすすめたい方は①の文章を上から変えていく方法が良いですし、書いてある文章が見慣れなくて難しいという方は、②のように画像のブルーの鉛筆マークをクリックしながら修正をしていくとよいでしょう。</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></p>
<p>※今なら、8大購入特典をお付けしています！</div></div>

<h2>Twenty Fifteenのカスタマイズ1.　　サイト基本情報</h2>
<p>Twenty Fifteenのカスタマイズ方法はシンプルです。サイト基本情報でできるのは以下の4種類です。</p>
<p>・ロゴ<br />
・サイトのタイトル<br />
・キャッチフレーズ<br />
・サイトアイコン</p>
<h3>ロゴの設定</h3>
<p>サイトのどのページでも出てくる画像のロゴはサイトの印象を残す上では重要です。</p>
<p><span style="color: #ff0000;">▼「外観」　⇒　「カスタマイズ」　⇒「サイト基本設定」</span></p>
<img loading="lazy" decoding="async" class="alignnone wp-image-676 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/TF5.jpg" alt="" width="600" height="275" srcset="https://blognote01.com/wp-content/uploads/2019/05/TF5.jpg 600w, https://blognote01.com/wp-content/uploads/2019/05/TF5-300x138.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<p>画面左側のコントロールパネルの「ロゴを選択」をクリックするとメディアに飛びます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-675 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/TF4.jpg" alt="" width="600" height="255" srcset="https://blognote01.com/wp-content/uploads/2019/05/TF4.jpg 600w, https://blognote01.com/wp-content/uploads/2019/05/TF4-300x128.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<p>選んだロゴをどの部分で切り取るが確認したら以下のようになります。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-676 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/TF5.jpg" alt="" width="600" height="275" srcset="https://blognote01.com/wp-content/uploads/2019/05/TF5.jpg 600w, https://blognote01.com/wp-content/uploads/2019/05/TF5-300x138.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<div class="supplement "><strong>補足</strong><br />
ロゴの大きさの推奨は248×248ピクセルです。<br />
</div>
<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></p>
<p>※今なら、8大購入特典をお付けしています！</div></div>

<h3>タイトル・キャッチフレーズ設定</h3>
<p>サイトを訪れた人がわかるようにサイトの名前とどんなサイトなのかの説明は必ず入れるようにしましょう。ブログ名は、ロゴと同じように印象に残り大切な部分。</p>
<p>自分がそのサイトで表現したいもののキーワードを入れたり、アフィリエイトをする人には売りたいもののワードを入れたりキャッチ―で、覚えやすく、印象に残りやすいものをブログ名にしてみてください。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-678 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/TF7.jpg" alt="" width="591" height="482" srcset="https://blognote01.com/wp-content/uploads/2019/05/TF7.jpg 591w, https://blognote01.com/wp-content/uploads/2019/05/TF7-300x245.jpg 300w" sizes="(max-width: 591px) 100vw, 591px" />
<p>サイトのタイトルとキャッチフレーズは、ロゴ設定画面とおなじ「サイトの基本情報」の画面で変更します。</p>
<p>文章を入れた下のチェックをはずすとタイトルとキャッチフレーズが画面から消えます。</p>
<p>&nbsp;</p>
<h3>サイトアイコンの設定</h3>
<p>サイト基本情報ではサイトアイコンの設定もできます。サイトアイコンとは、サイトを見ると上に出てくる小さなマークのようなものです。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-235 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/TS24.jpg" alt="" width="600" height="112" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS24.jpg 600w, https://blognote01.com/wp-content/uploads/2019/04/TS24-300x56.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<p>↑<br />
こんなのです。</p>
<p>好きなアイコン（マーク）を選びます。<br />
<span class="pink_line">サイズは512ピクセル×512ピクセル以上の正方形の大きさとしてください。</span></p>
<p>ロゴなど設定する画面を下にスクロールしていくとサイトアイコンを変更する部分があります・</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-679 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/TF8.jpg" alt="" width="279" height="336" srcset="https://blognote01.com/wp-content/uploads/2019/05/TF8.jpg 279w, https://blognote01.com/wp-content/uploads/2019/05/TF8-249x300.jpg 249w" sizes="(max-width: 279px) 100vw, 279px" />
<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>Twenty Fifteenのカスタマイズ2.　　色</h2>
<p>どのテーマも色を細かく設定はできます。しかし、あまりにも選べる色が多すぎると迷いますよね？Twenty Fifteenでは、ベース配色が最初から作られています。</p>
<p>サイトを開くと第一印象として色は大事な要素です。ダークカラーは大人っぽく、赤は女性らしいイメージ黄色は活発、青は清潔感など人間に影響する要素ともなります。</p>
<p><span style="color: #ff0000;">▼「外観」　⇒　「カスタマイズ」　⇒　「色」</span></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>
<li>紫</li>
<li>青</li>
</ul>
</div></div>
デフォルトの色</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-680 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/TF9.jpg" alt="" width="610" height="340" srcset="https://blognote01.com/wp-content/uploads/2019/05/TF9.jpg 610w, https://blognote01.com/wp-content/uploads/2019/05/TF9-300x167.jpg 300w" sizes="(max-width: 610px) 100vw, 610px" />
<p>この色がデフォルトの色です。バックは白で文字を黒に近いグレーとシンプルな色合いです。<br />
<div class="column-wrap ">
<div class="column_2 child_column ">
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-681" src="https://blognote01.com/wp-content/uploads/2019/05/TF10-300x167.jpg" alt="" width="300" height="167" srcset="https://blognote01.com/wp-content/uploads/2019/05/TF10-300x167.jpg 300w, https://blognote01.com/wp-content/uploads/2019/05/TF10.jpg 612w" sizes="(max-width: 300px) 100vw, 300px" /><br />
ダークカラー<br />
</div>
<div class="column_2 child_column ">
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-682" src="https://blognote01.com/wp-content/uploads/2019/05/TF11-300x168.jpg" alt="" width="300" height="168" srcset="https://blognote01.com/wp-content/uploads/2019/05/TF11-300x168.jpg 300w, https://blognote01.com/wp-content/uploads/2019/05/TF11.jpg 610w" sizes="(max-width: 300px) 100vw, 300px" /><br />
黄<br />
</div>
</div>
<div class="column-wrap ">
<div class="column_2 child_column ">
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-683" src="https://blognote01.com/wp-content/uploads/2019/05/TF12-300x168.jpg" alt="" width="300" height="168" srcset="https://blognote01.com/wp-content/uploads/2019/05/TF12-300x168.jpg 300w, https://blognote01.com/wp-content/uploads/2019/05/TF12.jpg 609w" sizes="(max-width: 300px) 100vw, 300px" /><br />
赤<br />
</div>
<div class="column_2 child_column ">
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-685" src="https://blognote01.com/wp-content/uploads/2019/05/TF14-300x169.jpg" alt="" width="300" height="169" srcset="https://blognote01.com/wp-content/uploads/2019/05/TF14-300x169.jpg 300w, https://blognote01.com/wp-content/uploads/2019/05/TF14.jpg 611w" sizes="(max-width: 300px) 100vw, 300px" /><br />
紫<br />
</div>
</div>
<div class="column-wrap ">
<div class="column_2 child_column ">
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-684" src="https://blognote01.com/wp-content/uploads/2019/05/TF13-300x169.jpg" alt="" width="300" height="169" srcset="https://blognote01.com/wp-content/uploads/2019/05/TF13-300x169.jpg 300w, https://blognote01.com/wp-content/uploads/2019/05/TF13.jpg 609w" sizes="(max-width: 300px) 100vw, 300px" /><br />
青<br />
</div>
<div class="column_2 child_column "></div>
</div>
<p>ベース配色に変えるだけでもイメージがガラリと変わります。もちろん、自分好みのオリジナルの色も同じ画面で設定できます。</p>
<h2>Twenty Fifteenのカスタマイズ3.　　ヘッダー画像設定</h2>
<p>ヘッダーとはサイトの一番上に出てきて、どのページを開いても出てくる画像のことです。サイトのイメージやブランドのイメージを表す部分なのでとても重要です。</p>
<p><span style="color: #ff0000;">▼「外観」　⇒　「カスタマイズ」　⇒　「ヘッダー画像」　</span></p>
<p>「新規画像の追加」をクリックし画像を選ぶとどの位置で区切るかの範囲指定が出てきます。</p>
<img loading="lazy" decoding="async" class="wp-image-689 size-full alignnone" src="https://blognote01.com/wp-content/uploads/2019/05/TF15.jpg" alt="" width="600" height="240" srcset="https://blognote01.com/wp-content/uploads/2019/05/TF15.jpg 600w, https://blognote01.com/wp-content/uploads/2019/05/TF15-300x120.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<p>「切り抜き」をするとヘッダー画像を指定できますが、Twenty Fifteenでは縦長に切り取るような設定になっています。（任意の範囲で設定できます）</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-690 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/TF16.jpg" alt="" width="600" height="332" srcset="https://blognote01.com/wp-content/uploads/2019/05/TF16.jpg 600w, https://blognote01.com/wp-content/uploads/2019/05/TF16-300x166.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<p>Twenty Fifteenではヘッダー画像が右側になります。基本ヘッダー画像と言えば上部の横長ですが、タブレットやスマホでは画像が上にくるのでロゴを透過にしておくことをお勧めします。</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>Twenty Fifteenのカスタマイズ3.　　背景画像</h2>
<p>背景画像は、PC画面とタブレット画面のブロックのバックに出てくる背景のことです。スマホでは関係ありませんが、設定することによってブログに奥行きがでます。</p>
<p>他のサイトとの差別化をするためにも設定をしてみてください。</p>
<p><span style="color: #ff0000;">▼「外観」　⇒　「カスタマイズ」　⇒　「背景画像」</span></p>
<p>画像選択をクリックしメディアから好きな画像を選びます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-695 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/TF17.jpg" alt="" width="296" height="503" srcset="https://blognote01.com/wp-content/uploads/2019/05/TF17.jpg 296w, https://blognote01.com/wp-content/uploads/2019/05/TF17-177x300.jpg 177w" sizes="(max-width: 296px) 100vw, 296px" />
<p>画像などの調整（位置・繰り返し）をして自分の好みに変更します。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-696 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/TF18.jpg" alt="" width="600" height="336" srcset="https://blognote01.com/wp-content/uploads/2019/05/TF18.jpg 600w, https://blognote01.com/wp-content/uploads/2019/05/TF18-300x168.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<p>全体的に、無料サービスのライブドアブログにありそうなブロックデザインです。文章がメインの記事なら問題はありませんが、稼ぐブログを作るなら有料テーマの方が成功しやすいです。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>Twenty Fifteenのカスタマイズ4.　　メニュー</h2>
<p>Twenty Fifteenでは、メニューの位置は左側上部にあります。メニューはPC画面で出てくる部分ですので、スマホ画面などには影響はありませんが、サイドバー近く上部に置くことによって読ませたい部分を目立たせることもできます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-697 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/TF20.jpg" alt="" width="610" height="340" srcset="https://blognote01.com/wp-content/uploads/2019/05/TF20.jpg 610w, https://blognote01.com/wp-content/uploads/2019/05/TF20-300x167.jpg 300w" sizes="(max-width: 610px) 100vw, 610px" />
<p><span style="color: #ff0000;">▼「外観」　⇒　「カスタマイズ」　⇒　「メニュー」</span></p>
<h3>メニューを新規で作成</h3>
<img loading="lazy" decoding="async" class="alignnone wp-image-698 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/TF21.jpg" alt="" width="282" height="497" srcset="https://blognote01.com/wp-content/uploads/2019/05/TF21.jpg 282w, https://blognote01.com/wp-content/uploads/2019/05/TF21-170x300.jpg 170w" sizes="(max-width: 282px) 100vw, 282px" />
<p>メニュー名を入れたあと、どんな項目を表示させるのかが出てきます。</p>
<p>「項目を追加」をクリックすると画面が展開しますので入れたいものをチェックします。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-699 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/TF23.jpg" alt="" width="504" height="384" srcset="https://blognote01.com/wp-content/uploads/2019/05/TF23.jpg 504w, https://blognote01.com/wp-content/uploads/2019/05/TF23-300x229.jpg 300w" sizes="(max-width: 504px) 100vw, 504px" />
<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>Twenty Fifteenのカスタマイズ5.　　ウィジットエリア</h2>
<p>サイドバーの部分に、読んでほしいカテゴリーやお問い合わせに記事とは別に誘導したい場合に設置するナビゲーションメニューをこの部分でカスタマイズできます。</p>
<p>ナビゲーションメニューは読んでいる人が迷わないようにする役目もありますが、検索エンジンのクローラーもすべてのコンテンツにスムーズに巡回できることから設置することはSEOに良いともいわれています。</p>
<p><span style="color: #ff0000;">▼「外観」　⇒　「カスタマイズ」　⇒　「ウィジットエリア」</span></p>
<h3>ウィジットエリアの新規追加</h3>
<p>ウィジットエリアの追加をクリックすると候補がでてきます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-700 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/TF24.jpg" alt="" width="579" height="531" srcset="https://blognote01.com/wp-content/uploads/2019/05/TF24.jpg 579w, https://blognote01.com/wp-content/uploads/2019/05/TF24-300x275.jpg 300w" sizes="(max-width: 579px) 100vw, 579px" />
<p>&nbsp;</p>
<p>自分がサイドバーに置きたい項目を選ぶと左のコントロールパネルに出てきます。</p>
<p>&nbsp;</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-701 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/TF25.jpg" alt="" width="602" height="498" srcset="https://blognote01.com/wp-content/uploads/2019/05/TF25.jpg 602w, https://blognote01.com/wp-content/uploads/2019/05/TF25-300x248.jpg 300w" sizes="(max-width: 602px) 100vw, 602px" />
<p>ウィジットエリアに追加した項目はサイドバーに出てきます。順番を変更したい時には「並べ替え」でもできますし、マウスでスクロールですると入れ替わります。</p>
<p>記事を読んでいる時にもこのブログにはどんな記事があるのかカテゴリーで区切ることによって読者の興味を引くなどの役割もありますので目的によって追加してみてください。</p>
<p>&nbsp;</p>
<h3>画面確認が簡単</h3>
<p>作業をしている最中に、あ・・・これってスマホ画面ならどんな風に見えているのかな？と考えたことはありませんか？</p>
<p>有料のテーマなどでは簡単に画面表示を替えるボタンがありますがTwenty Seventeenでもその機能があります。</p>
<p>コントロールパネルの左下にそのポイントがありますので作業している時にクリックすると「PC画面」「タブレット画面」「スマホ画面」と変更していけますのでとても便利です。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-253 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/tn35.jpg" alt="" width="630" height="306" srcset="https://blognote01.com/wp-content/uploads/2019/04/tn35.jpg 630w, https://blognote01.com/wp-content/uploads/2019/04/tn35-300x146.jpg 300w" sizes="(max-width: 630px) 100vw, 630px" />
<p>モバイル対応なら無料テーマよりも有料テーマの方が断然有利です。特に古いテーマはスマホ対応をしていません。</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2>まとめ</h2>
<p>&nbsp;</p>
<p>ワードプレスから配布される無料のテーマTwenty Fifteenは、ブログを始める上で必要最低限の機能は備えています。</p>
<p>PC画面では縦型にヘッダーを設定したりと個性的なサイトを作ることが可能です。</p>
<p>ベース配色は5色とブログ内容によって色でガラリとイメージを変えることもできますので、他サイトとは違ったアプローチをしたい方に向いています。</p>
<p><img loading="lazy" decoding="async" class=" wp-image-820 alignleft" src="https://blognote01.com/wp-content/uploads/2019/04/0510.jpg" alt="" width="89" height="80" />シンプルで簡単にブログを作りたいなら<a href="https://blognote01.com/twentynineteen-customize" target="_blank" rel="noopener">Twenty Nineteenのカスタマイズ方法を解説！</a>の記事も読んでみてください。</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/twentyfifteen-customize/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">671</post-id>	</item>
		<item>
		<title>Twenty Sixteen のカスタマイズ方法を丁寧に解説【初心者向けおすすめWordPressテーマ】</title>
		<link>https://blognote01.com/twentysixteen-customize</link>
					<comments>https://blognote01.com/twentysixteen-customize#respond</comments>
		
		<dc:creator><![CDATA[なつ]]></dc:creator>
		<pubDate>Thu, 25 Apr 2019 05:41:51 +0000</pubDate>
				<category><![CDATA[シンプル]]></category>
		<category><![CDATA[初心者向け]]></category>
		<category><![CDATA[無料Wordpressテーマ【評判・感想】]]></category>
		<category><![CDATA[おすすめ！]]></category>
		<guid isPermaLink="false">https://blognote01.com/?p=443</guid>

					<description><![CDATA[ブログ運営半年で月20万超の元サラリーマンブロガーなつです。 ワードプレスではブログ運営のためのテーマが無料で用意されています。毎年、その年の名前が付けられる無料テーマもまたよく使われるテンプレート。 今回は、初心者に優...]]></description>
										<content:encoded><![CDATA[<p>ブログ運営半年で月20万超の元サラリーマンブロガーなつです。</p>
<p>ワードプレスではブログ運営のためのテーマが無料で用意されています。毎年、その年の名前が付けられる無料テーマもまたよく使われるテンプレート。</p>
<p>今回は、初心者に優しい<strong>「Twenty Sixteen」というワードプレスのおすすめテーマの使い方やカスタマイズ方法</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 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>

<h2>Twenty SixteenってどんなWordpressテーマなの？</h2>
<p>Twenty Sixteenとは、ワードプレスに最初からデフォルトで入っているテーマ（テンプレート）です。</p>
<p>2019年にもTwenty Nineteen（2019）という同じ系統のテーマが出ていますがTwenty Sixteen（2017）もいまだに人気があります。</p>
<p>毎年、少しずつ変化を加えながら新しいデザインとなりますが、基本は超シンプル。2019年あたりからカラムも1つになったのでこのデザインは貴重かもしれません。</p>
<p>Twenty Sixteen（2016）は、難しい設定もありませんし細かすぎないカスタマイズなのでとっつきやすくマスターしやすいテーマ（テンプレート）です。</p>
<h2>Twenty Sixteenの特徴　　【Wordpressテーマ】</h2>
<p>Twenty Sixteenのビジュアルの特徴は以下の通りです。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-644 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/TS22.jpg" alt="" width="559" height="414" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS22.jpg 559w, https://blognote01.com/wp-content/uploads/2019/04/TS22-300x222.jpg 300w" sizes="(max-width: 559px) 100vw, 559px" />
<ul>
<li>レスポンシブ・スマホ対応</li>
<li>カスタマイザーで初心者も設定しやすい</li>
<li>カスタムカラー機能</li>
<li>2カラム対応</li>
<li>SEO対策</li>
<li>簡単にPC画面とスマホ画面を確認できる</li>
</ul>
<p>&nbsp;</p>
<h3>使ってみた感想</h3>
<p>Twenty Sixteenを使ってみた感想は、それほど複雑ではなく初心者でもすぐにサイトのカスタマイズができるというイメージです。</p>
<p>ブログを作る上で最低限の機能は備えていて、<span class="pink_line">ベース配色が用意されていて色の変更が簡単</span>にでき、<span class="pink_line">背景とヘッダー画像や背景画像などとてもシンプル</span>に導入していけます。</p>
<p>細かい設定や追加機能は多くない分、シンプルにきちんと感のあるサイトを作りたい方にはちょうど良いテーマです。</p>
<p>ただし、名前のとおり2016年に配布されたテーマなのでどうしてもデザインが古くさいです。見る人の目も肥えてきているので時代遅れ感はありますね。</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>
<h3>初心者におすすめな点</h3>
<p>①　シンプルでカスタマイズしやすい<br />
②　PCで設定しながらスマホ画面も一発で変換<br />
③　ヘッダー画面の複数設定（ランダム表示可能）<br />
④　コントロールパネルがシンプルで迷わない<br />
⑤　背景のベース配色が設定あり</p>
<p>初心者におすすめする理由は、背景のベース配色が設定されていますので、自分で色をひとつひとつ合わせる必要がなく、<span class="pink_line">明るいイメージやクールなイメージなどで選べばセンスの良いサイトとなります。</span></p>
<p>さらに、画面の鉛筆マークをクリックすることで編集したいカスタマイズ項目にカーソルが飛んでくれるというのも初心者には優しい点。</p>
<p>&nbsp;<br />
<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">初心者の方はやはりインストール自体も難しく感じることがあると思うので、まずはこういった超シンプルなもので1週間くらいウォーミングアップをしてから早い段階で<a href="https://blognote01.com/wordpresstheme%e2%80%90hikaku" target="_blank" rel="noopener">有料Wordpressテーマ</a>に変更した方が良いと思います。</div></div>
<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>

<h2>Twenty Sixteenのメリットデメリット　　【Wordpressテーマ】</h2>
<p>Twenty Sixteenは使うと簡単なので、初心者には向いています。しかし、導入する前にそのメリット＆デメリットを考えた上で自分にあっているのか判断しましょう。</p>
<p>&nbsp;</p>
<h3>メリット</h3>
<ul>
<li>操作がシンプルで感覚的に使える</li>
<li>ワードプレスの無料テーマでは上位ランキングされている</li>
<li>エディターで「PC画面」「タブレット画面」「スマホ画面」が見れる。</li>
<li>面倒な配色をしなくてもベース配色が用意されている。</li>
<li>お金がかからない</li>
</ul>
<h3>デメリット</h3>
<ul>
<li>シンプルな分詳細な設定ができない</li>
<li>広告の設定ができない（プラグインで対応可能）</li>
<li>囲い枠など装飾がないので自分でCSSを追加しないといけない</li>
<li>シンプルすぎてデザイン性が低い</li>
<li>記事などキチンと凝ったものにしないと安っぽく見える</li>
</ul>
<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>Twenty Sixteenのカスタマイズ画面でできること　【Wordpressテーマ】</h2>
<p>Twenty Sixteenのカスタマイズ画面では以下の8つの項目があります。</p>
<ul style="list-style-type: disc;">
<li> ◎ サイト基本情報</li>
<li> 〇 色</li>
<li> ◎ ヘッダー画像</li>
<li> 〇 背景画像</li>
<li> 〇 メニュー</li>
<li> 〇 ウィジット</li>
<li> △ ホームページ設定</li>
<li> × 追加CSS</li>
</ul>
<p>※◎は設定した方が良いもの、〇は好みで設定をすれば良いもの、△はとくに必要ではないもの</p>
<p>基本的にはデフォルト（最初から設定してあるもの）でサイトを作れますが、タイトルの設定や自分らしさを出したい部分を編集していくと良いでしょう。</p>
<h2>【Twenty Sixteenカスタマイズ方法 step1】　コントロールパネルの順番に設定</h2>
<p>Twenty Sixteenをダウンロードできたらサイトの見栄えをよくするためにカスタマイズしていきましょう。</p>
<p>ここでは、Twenty Sixteenをどこよりもわかりやすく使い方やカスタマイズをどこよりも詳しく説明していきます。</p>
<p>&nbsp;</p>
<h2>【初心者向け】カスタマイズの別なやり方</h2>
<p>まずはカスタマイズのコントロールパネルを開けます。Twenty Sixteenの場合にはコントロールパネルの項目がとてもシンプルなので開いてしまえばひと目でやりたいことにたどり着けます。</p>
<p>カスタマイザーだけ見ていると、なんのことやらわからない場合でも実際の画面のこの部分を変更したい！となれば鉛筆マークをクリックするとカスタマイザーが切り替わります。</p>
<p>&nbsp;</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-153 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/TS.jpg" alt="" width="171" height="498" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS.jpg 171w, https://blognote01.com/wp-content/uploads/2019/04/TS-103x300.jpg 103w" sizes="(max-width: 171px) 100vw, 171px" />
<p>まず、コントロールパネルを出すにはダッシュボード左側の管理パネルから入って行きます。</p>
<p>この画面では、2通りのカスタマイズ方法があります。</p>
<div class="box5">
<p>①　左側の文章をクリックして該当の項目を修正する<br />
②　変えたい部分を直接クリックして項目を修正する</p>
</div>
<p>文章を見ながら順番にすすめたい方は①の文章を上から変えていく方法が良いですし、書いてある文章が見慣れなくて難しいという方は、②のように画像のブルーの鉛筆マークをクリックしながら修正をしていくとよいでしょう。</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></p>
<p>※今なら、8大購入特典をお付けしています！</div></div>

<p><strong>↓　優秀な日本語対Wordpress対応テーマをまとめてあります！</strong><br />
<div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/wordpress%e2%80%90nihongomatome"><figure class="eyecatch of-cover thum"><img loading="lazy" decoding="async" width="485" height="300" src="https://blognote01.com/wp-content/uploads/2019/06/nihongo123-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>【2023年最新】WordPress日本語おすすめテーマまとめ！初心者向け有料＆無料も！</div></div></a></div>
<p>&nbsp;</p>
<h2>Twenty Sixteenのカスタマイズ1.　　サイト基本情報</h2>
<p>Twenty Sixteenのサイト基本情報では「ロゴ」「サイトタイトル」「キャッチフレーズ」「サイトアイコン」の編集ができます。</p>
<p>ロゴはサイトの上に配置する画像で、読者がサイトを開いた時一番最初に目に飛び込んでくるヘッダーと共に、サイトの第一印象を示す上で大事な役割を持ちます。</p>
<p>よく企業でもその会社をイメージしやすいロゴの設定をしています。名刺などにも使われますしサイトでは自分のブランディングにも役立ちます。</p>
<p>いわゆるサイトの「顔」部分がロゴですので、カッコいい画像を設定してみてください。</p>
<h3>ロゴ設定</h3>
<p><span style="color: #ff0000;">▼「ダッシュボード」　⇒　「外観」　⇒　「カスタマイズ」 ⇒　「サイト基本情報」</span></p>
<img loading="lazy" decoding="async" class="alignnone wp-image-614 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/TS1.jpg" alt="" width="283" height="392" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS1.jpg 283w, https://blognote01.com/wp-content/uploads/2019/04/TS1-217x300.jpg 217w" sizes="(max-width: 283px) 100vw, 283px" />
<p>コントロールパネルのロゴ部分をクリックすると、メディアの画面が現れます。画像を選ぶと上と確認画面にロゴが出てきます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-616 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/TS3-1.jpg" alt="" width="600" height="261" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS3-1.jpg 600w, https://blognote01.com/wp-content/uploads/2019/04/TS3-1-300x131.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<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></p>
<p>※今なら、8大購入特典をお付けしています！</div></div>

<h3>タイトル・キャッチフレーズ設定</h3>
<p>サイトを訪れた人がわかるようにサイトの名前とどんなサイトなのかの説明は必ず入れるようにしましょう。ブログ名は、ロゴと同じように印象に残り大切な部分。</p>
<p>自分がそのサイトで表現したいもののキーワードを入れたり、アフィリエイトをする人には売りたいもののワードを入れたりとブログを作る人にとっては最初に一番悩む部分。</p>
<p>キャッチ―で、覚えやすく、印象に残りやすいものをブログ名にしてみてください。</p>
<p>設定はロゴと同じ画面でできますが、Twenty Sixteenでは表示を消すことも可能です。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-637 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/TS15.jpg" alt="" width="600" height="261" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS15.jpg 600w, https://blognote01.com/wp-content/uploads/2019/04/TS15-300x131.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<h3>サイトアイコンの設定</h3>
<p>サイト基本情報ではサイトアイコンの設定もできます。サイトアイコンとは、サイトを見ると上に出てくる小さなマークのようなものです。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-235 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/TS24.jpg" alt="" width="600" height="112" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS24.jpg 600w, https://blognote01.com/wp-content/uploads/2019/04/TS24-300x56.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<p>↑</p>
<p>こんなのです。</p>
<p>好きなアイコン（マーク）を選びます。<br />
<span class="pink_line">サイズは512ピクセル×512ピクセル以上の正方形の大きさとしてください。</span></p>
<img loading="lazy" decoding="async" class="alignnone wp-image-615 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/TS2-1.jpg" alt="" width="280" height="326" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS2-1.jpg 280w, https://blognote01.com/wp-content/uploads/2019/04/TS2-1-258x300.jpg 258w" sizes="(max-width: 280px) 100vw, 280px" />
<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></p>
<p>※今なら、8大購入特典をお付けしています！</div></div>

<h2>Twenty Sixteenのカスタマイズ2.　　色の設定</h2>
<p>どのテーマも色を細かく設定はできます。しかし、あまりにも選べる色が多すぎると迷いますよね？Twenty Sixteenでは、ベース配色が最初から作られています。</p>
<p><span style="color: #ff0000;">▼「外観」　⇒　「カスタマイズ」　⇒　「色の設定」</span></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>
<li>黄</li>
</ul>
</div></div>
デフォルトの色</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-631 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/TS11-1.jpg" alt="" width="624" height="344" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS11-1.jpg 624w, https://blognote01.com/wp-content/uploads/2019/04/TS11-1-300x165.jpg 300w" sizes="(max-width: 624px) 100vw, 624px" />
<p>この色がデフォルトの色です。バックは白で文字を黒に近いグレーとシンプルな色合いです。</p>
<p>&nbsp;<br />
<div class="column-wrap ">
<div class="column_2 child_column ">
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-624" src="https://blognote01.com/wp-content/uploads/2019/04/TS7-1-300x170.jpg" alt="" width="300" height="170" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS7-1-300x170.jpg 300w, https://blognote01.com/wp-content/uploads/2019/04/TS7-1.jpg 600w" sizes="(max-width: 300px) 100vw, 300px" /><br />
ダーク<br />
</div>
<div class="column_2 child_column ">
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-625" src="https://blognote01.com/wp-content/uploads/2019/04/TS8-1-300x167.jpg" alt="" width="300" height="167" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS8-1-300x167.jpg 300w, https://blognote01.com/wp-content/uploads/2019/04/TS8-1.jpg 600w" sizes="(max-width: 300px) 100vw, 300px" /><br />
グレー<br />
</div>
</div>
<div class="column-wrap ">
<div class="column_2 child_column ">
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-626" src="https://blognote01.com/wp-content/uploads/2019/04/TS9-1-300x166.jpg" alt="" width="300" height="166" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS9-1-300x166.jpg 300w, https://blognote01.com/wp-content/uploads/2019/04/TS9-1.jpg 600w" sizes="(max-width: 300px) 100vw, 300px" /><br />
赤<br />
</div>
<div class="column_2 child_column ">
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-627" src="https://blognote01.com/wp-content/uploads/2019/04/TS10-1-300x169.jpg" alt="" width="300" height="169" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS10-1-300x169.jpg 300w, https://blognote01.com/wp-content/uploads/2019/04/TS10-1.jpg 600w" sizes="(max-width: 300px) 100vw, 300px" /><br />
黄<br />
</div>
</div>
<p>&nbsp;</p>
<p>5種類のベース配色でもかなりイメージが変わります。もちろん、自分好みのオリジナルの色も同じ画面で設定できます。</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>Twenty Sixteenのカスタマイズ3.　　ヘッダー画像設定</h2>
<p>ヘッダーとはサイトの一番上に出てきて、どのページを開いても出てくる画像のことです。サイトのイメージやブランドのイメージを表す部分なのでとても重要です。</p>
<p><span style="color: #ff0000;">▼　「外観」　⇒　「カスタマイズ」　⇒　「ヘッダー画像」</span></p>
<img loading="lazy" decoding="async" class="alignnone wp-image-633 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/TS12-1.jpg" alt="" width="295" height="468" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS12-1.jpg 295w, https://blognote01.com/wp-content/uploads/2019/04/TS12-1-189x300.jpg 189w" sizes="(max-width: 295px) 100vw, 295px" />
<p>新規画像を追加をクリックするとメディアに飛びますので好きな画像を選びます。</p>
<p>Twenty Sixteenのヘッダーサイズの推奨は 1200×280 ピクセルです。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-634 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/TS13-1.jpg" alt="" width="600" height="258" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS13-1.jpg 600w, https://blognote01.com/wp-content/uploads/2019/04/TS13-1-300x129.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<p>ヘッダー画像は自分の好きな部分で切り抜くこともできますし、少し大きくするなど調整をできます。画像切り抜き画面が出てきたら点線を引っ張ると長さが変わります。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-635 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/TS14.jpg" alt="" width="600" height="259" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS14.jpg 600w, https://blognote01.com/wp-content/uploads/2019/04/TS14-300x130.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<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></p>
<p>※今なら、8大購入特典をお付けしています！</div></div>

<h2>Twenty Sixteenのカスタマイズ4.　　背景画像</h2>
<p>ブロックスペースの後ろの部分、背景の画像も自分で設定することができます。スマホなどであまり影響はありませんが、パソコン画面で見たときに画像を上手に選ぶと立体感が出てきます。</p>
<p><span style="color: #ff0000;">▼「外観」　⇒　「カスタマイズ」　⇒　「背景画像」</span></p>
<p>ヘッダーの設定のように画像を読み込み位置や繰り返しなどの設定をしていきます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-639 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/TS16.jpg" alt="" width="600" height="258" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS16.jpg 600w, https://blognote01.com/wp-content/uploads/2019/04/TS16-300x129.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<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">
プリセット<br />
画像の位置<br />
画像サイズ<br />
背景画像の繰り返し<br />
ページと一緒にスクロール<br />
</div></div>
&nbsp;</p>
<h2>Twenty Sixteenのカスタマイズ5.　　メニュー</h2>
<p>サイトの上部に、読んでほしいカテゴリーやお問い合わせに記事とは別に誘導したい場合に設置するナビゲーションメニューをこの部分でカスタマイズできます。</p>
<p>ナビゲーションメニューは読んでいる人が迷わないようにする役目もありますが、検索エンジンのクローラーもすべてのコンテンツにスムーズに巡回できることから設置することはSEOに良いともいわれています。</p>
<p><span style="color: #ff0000;">▼「外観」　⇒　「カスタマイズ」　⇒　「メニュー」</span></p>
<img loading="lazy" decoding="async" class="alignnone wp-image-667 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/TS30.jpg" alt="" width="600" height="308" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS30.jpg 600w, https://blognote01.com/wp-content/uploads/2019/04/TS30-300x154.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<p>メニューを「新規追加」をクリックし新規メニューに名前を付け項目を追加して項目を追加とすると画像が展開してこれまで作り上げたカテゴリーや投稿などのメニューがでてきます。</p>
<p>任意のURLをメニューに加えることも可能です。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-643 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/TS20.jpg" alt="" width="600" height="261" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS20.jpg 600w, https://blognote01.com/wp-content/uploads/2019/04/TS20-300x131.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<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>Twenty Sixteenのカスタマイズ6.　　サイドバーのウィジット</h2>
<p>サイドバーについては記事を読むのに目障りだとか長い文章になると追尾型でなければ消えてしまうことなどであえて使わない場合もあります。</p>
<p>アフィリエイトなどでは、サイドバーのメニューに気が散ってしまい最後まで読んでもらえないとして1カラムで書かれることが多いです。</p>
<p>しかし、記事を読んでいる時にもこのブログにはどんな記事があるのかカテゴリーで区切ることによって読者の興味を引くなどの役割もあります。</p>
<p>ここでは、サイドバーのカスタマイズができます。</p>
<p><span style="color: #ff0000;">▼「外観」　⇒　「カスタマイズ」　⇒　「サイドバー」</span></p>
<img loading="lazy" decoding="async" class="alignnone wp-image-647 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/TS23-1.jpg" alt="" width="582" height="534" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS23-1.jpg 582w, https://blognote01.com/wp-content/uploads/2019/04/TS23-1-300x275.jpg 300w" sizes="(max-width: 582px) 100vw, 582px" />
<p>ウィジットの追加をクリックしサイドバーに置きたいものを選びます。記事が多くなってくるとカテゴリー分けしたものや、ランキングも設置できるので読者にスムーズに次の記事を案内できます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-648 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/TS24-2.jpg" alt="" width="600" height="262" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS24-2.jpg 600w, https://blognote01.com/wp-content/uploads/2019/04/TS24-2-300x131.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<p>&nbsp;</p>
<p><strong>↓　無料テーマのカスタマイズが難しいと感じたら以下のテーマがおすすめです。<br />
</strong><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>

<h3>画面確認が簡単</h3>
<p>作業をしている最中に、あ・・・これってスマホ画面ならどんな風に見えているのかな？と考えたことはありませんか？</p>
<p>有料のテーマなどでは簡単に画面表示を替えるボタンがありますがTwenty Seventeenでもその機能があります。</p>
<p>コントロールパネルの左下にそのポイントがありますので作業している時にクリックすると「PC画面」「タブレット画面」「スマホ画面」と変更していけますのでとても便利です。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-253 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/tn35.jpg" alt="" width="630" height="306" srcset="https://blognote01.com/wp-content/uploads/2019/04/tn35.jpg 630w, https://blognote01.com/wp-content/uploads/2019/04/tn35-300x146.jpg 300w" sizes="(max-width: 630px) 100vw, 630px" />
<h2>まとめ</h2>
<p>ワードプレスから配布される無料のテーマTwenty Sixteenは、ブログを始める上で必要最低限の機能は備えています。</p>
<p>初心者でも感覚的にカスタマイズできるので、初めてブログを作る人にとってはとても良いテーマです。年々シンプルになるデフォルトのテーマですが、シンプルすぎるのが物足りない場合にはもってこいです。</p>
<p>&nbsp;</p>
<p><img loading="lazy" decoding="async" class="wp-image-820 alignleft" src="https://blognote01.com/wp-content/uploads/2019/04/0510.jpg" alt="" width="87" height="78" />シンプルで初心者でも簡単に個性的なブログを運営するには<a href="https://blognote01.com/twentyfifteen-customize" target="_blank" rel="noopener noreferrer">Twenty Fifteenのカスタマイズ方法を丁寧に解説</a>も読んでみてください。</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>

<p>&nbsp;</p>
<p>&nbsp;</p>
]]></content:encoded>
					
					<wfw:commentRss>https://blognote01.com/twentysixteen-customize/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">443</post-id>	</item>
		<item>
		<title>Astraのカスタマイズ方法を丁寧に解説【初心者向けおすすめWordPressテーマ】</title>
		<link>https://blognote01.com/astra%e2%80%90customize</link>
					<comments>https://blognote01.com/astra%e2%80%90customize#respond</comments>
		
		<dc:creator><![CDATA[なつ]]></dc:creator>
		<pubDate>Thu, 25 Apr 2019 05:38:55 +0000</pubDate>
				<category><![CDATA[シンプル]]></category>
		<category><![CDATA[初心者向け]]></category>
		<category><![CDATA[無料Wordpressテーマ【評判・感想】]]></category>
		<category><![CDATA[おすすめ！]]></category>
		<guid isPermaLink="false">https://blognote01.com/?p=439</guid>

					<description><![CDATA[ブログ運営半年で月20万超の元サラリーマンブロガーなつです。 サイトを作る場合に重要となるのは文章の他に見た目の良さも上げられます。 ワードプレスではブログ運営のための高機能なテーマ（テンプレート）が無料で用意されていま...]]></description>
										<content:encoded><![CDATA[<p>ブログ運営半年で月20万超の元サラリーマンブロガーなつです。</p>
<p>サイトを作る場合に重要となるのは文章の他に見た目の良さも上げられます。</p>
<p>ワードプレスではブログ運営のための高機能なテーマ（テンプレート）が無料で用意されています。</p>
<p>今回は、初心者に優しい<strong>「Astra」というワードプレスのおすすめテーマの使い方やカスタマイズ方法</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>Astraってどんなテーマなの？　（Wordpressテーマ）</h2>
<p style="text-align: center;">↓　クリックで拡大します。</p>
<a href="https://blognote01.com/wp-content/uploads/2019/04/AS.jpg"><img loading="lazy" decoding="async" class="wp-image-560 size-medium aligncenter" src="https://blognote01.com/wp-content/uploads/2019/04/AS-300x226.jpg" alt="" width="300" height="226" srcset="https://blognote01.com/wp-content/uploads/2019/04/AS-300x226.jpg 300w, https://blognote01.com/wp-content/uploads/2019/04/AS.jpg 568w" sizes="(max-width: 300px) 100vw, 300px" /></a>
<p>&nbsp;</p>
<p>Astraとは、ワードプレスにで無料で導入できるテーマ（テンプレート）です。外国の方が作ったテンプレートっですが、基本動作部分は日本語ですのでカスタマイズはスムーズです。</p>
<p>&nbsp;</p>
<h2>Astraの特徴　（Wordpressテーマ）</h2>
<ul>
<li>レスポンシブ・スマホ対応</li>
<li>カスタマイザーで初心者も設定しやすい</li>
<li>カスタムカラー機能</li>
<li>1カラム・2カラム対応</li>
<li>SEO対策</li>
<li>左にサイドバーが設置できる</li>
<li>フッターのカスタマイズが豊富</li>
<li>日本語対応（一部英語）</li>
<li>簡単にPC画面とスマホ画面を確認できる</li>
</ul>
<p>&nbsp;</p>
<p>Astraのように設定や修正がしやすくさらに完成度の高い有料テーマもあります。</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>
<h3>使ってみた感想</h3>
<p>Astraを使って感じたことは、同じ無料テーマの<a href="https://blognote01.com/oceanwp-customize" target="_blank" rel="noopener noreferrer">OceanWP</a>よりはカスタマイズは難しくなく<a href="https://blognote01.com/twentyseventeen-customize" target="_blank" rel="noopener noreferrer">Twenty Seventeen</a>より細やかな設定ができるちょうど真ん中。</p>
<p>Twenty Seventeenで物足りないとかOceanWPは若干細かすぎて難しいと感じている方にはぴったりだと思います。</p>
<p>基本設定（レイアウト）、色、背景、書体、メニューなどを大きく分けていてその項目から各部分を変更していくのでわかりやすいのでちょっと細やかな変更を加えたい初心者にはもってこいのテーマです。</p>
<p>&nbsp;</p>
<h3>初心者におすすめな点</h3>
<ol>
<li>編集しやすい</li>
<li>画面から変更も可能</li>
<li>ワンクリックでスマホ画面やタブレット画面などを呼び出せる</li>
<li>色・書体など変更できる</li>
<li>カスタマイズがわかりやすく初心者でも自分好みにできる</li>
<li>日本語対応</li>
</ol>
<p>&nbsp;</p>
<p>初心者におすすめする理由は、とにかく編集しやすいということがあげられます。左のコントロールパネル（カスタマイズ項目）で操作すると右側に完成イメージが出てくることから、色設定やヘッダーの変更なども簡単にできます。</p>
<p>初心者には難しく感じるメニューの作成や設置も簡単にできますのでおすすめです。</p>
<p>Astraくらい簡単に操作でき、ブログをパワーアップさせるなら有料テーマです。有名ブロガーが作っているテーマなどは自分が困った体験から作られているのでかゆいところに手が届く仕掛けがあります。</p>
<p>初心者の方ほど有料テーマを使うことでSEO効果や時間短縮など恩恵がありますよ。</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>Astraのメリットデメリット　（Wordpressテーマ）</h2>
<p>Astraはとてもスマートなテーマですが、外国の方が作っておられるので若干勝手が違うところもあります。ただ、お金がかからないという点においては初心者でも手軽に使えるというメリットも・・・。</p>
<p>この章ではそんなメリットデメリットをお伝えします。</p>
<p>&nbsp;</p>
<h3>メリット</h3>
<ul>
<li>操作がシンプルで感覚的に使える</li>
<li>ワードプレスでランキング上位の人気テーマ</li>
<li>細かい設定をシンプルな操作でできる</li>
<li>無料で使える</li>
</ul>
<p>&nbsp;</p>
<p>やはり最大のメリットは「無料」だと思います。まだブログで稼げていない時の出費は辛いので、こういったテンプレートが選べるのは貴重。</p>
<h3>デメリット</h3>
<ul>
<li>ところどころ英語なので理解できない</li>
<li>広告の設定ができない（プラグインで対応可能）</li>
<li>サポートがない</li>
<li>マニュアルがない</li>
<li>検索をかけてもカスタマイズ記事は少ない</li>
</ul>
<p>&nbsp;</p>
<p>ブログを作っていて、何を触っても上手くいかずヒヤッとすることがあります。そんな時に説明が英語というのは焦りますよね・・・。</p>
<p>無料Wordpressテーマの難しいところなのですが、マニュアルを完備しているのはあまりみたことがありません。</p>
<p>シドニーのような人気テーマなら検索をかけるとカスタマイズの記事が出てきたりしますが、Astraはそこまで多くないので困った時には「じぶんでなんとかする」ことになります。</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>Astraをブログに使う時のカスタマイズ</h2>
<p>左側のコントロールパネルにもし馴染めなくても、右側の確認画面から鉛筆マークをクリックすることで感覚的にできます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-10623 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/AS82.jpg" alt="" width="500" height="320" srcset="https://blognote01.com/wp-content/uploads/2019/04/AS82.jpg 500w, https://blognote01.com/wp-content/uploads/2019/04/AS82-300x192.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />
<p>&nbsp;</p>
<p>鉛筆マークにカーソルを持っていくとクリックでウィジットを編集というガイドが出てきます。鉛筆マークをクリックすると以下のようになります。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-572 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/AS9.jpg" alt="" width="293" height="441" srcset="https://blognote01.com/wp-content/uploads/2019/04/AS9.jpg 293w, https://blognote01.com/wp-content/uploads/2019/04/AS9-199x300.jpg 199w" sizes="(max-width: 293px) 100vw, 293px" />
<p>&nbsp;</p>
<p>左側のコントロールパネルが自分が編集したい項目に変わりますので自分がやりたいカスタマイズをしていくことができます。</p>
<p>つまり、変更方法は2通り・・・。</p>
<p>&nbsp;</p>
<div class="box5">
<ul>
<li>左側の文章をクリックして該当の項目を修正する</li>
<li>変えたい部分を直接クリックして項目を修正する</li>
</ul>
<p>&nbsp;</p>
</div>
<p>文章を見ながら順番にすすめたい方は①の文章を上から変えていく方法が良いですし、書いてある文章が見慣れなくて難しいという方は、②のように画像のブルーの鉛筆マークをクリックしながら修正をしていくとよいでしょう。</p>
<p>初心者の方で、コントロールパネルがわかりづらい方は画像の鉛筆マークで修正しながら慣れて行き、コントロールパネルでの細かい部分の修正にチャレンジしてみてください。</p>
<p>&nbsp;</p>
<h2>【Astraカスタマイズ方法 step1】　レイアウト設定</h2>
<p>Astraをダウンロードできたらサイトのカスタマイズしていきましょう。Astraでは一般的に「サイトの基本情報」の部分が「レイアウト」という名前で出てきます。</p>
<p>カスタマイズは初心者でも難しくありません</p>
<p><span style="background-color: #ffc6d1;">▼　外観　⇒　カスタマイズ</span></p>
<p>&nbsp;</p>
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-561" src="https://blognote01.com/wp-content/uploads/2019/04/AS1-247x300.jpg" alt="" width="247" height="300" srcset="https://blognote01.com/wp-content/uploads/2019/04/AS1-247x300.jpg 247w, https://blognote01.com/wp-content/uploads/2019/04/AS1.jpg 280w" sizes="(max-width: 247px) 100vw, 247px" />
<div class="cbox intitle is-style-glay_box type_normal"><div class="box_title"><span class="span__box_title">レイアウトのSite Identityでできること</span></div><div class="cboxcomment">
<ul>
<li>ロゴの幅</li>
<li>サイトのタイトル</li>
<li>キャッチフレーズ</li>
<li>サイトアイコン</li>
</ul>
</div></div>
<h3>ロゴの変更</h3>
<p><span style="background-color: #ffc6d1;">▼「外観」 ⇒ 「カスタマイズ」 ⇒ 「ヘッダー」 ⇒ 「Site Identity 」</span></p>
<div class="column-wrap ">
<div class="column_2 child_column ">
<img decoding="async" src="https://blognote01.com/wp-content/uploads/2019/04/AS32.jpg" /><br />
</div>
<div class="column_2 child_column ">
<img decoding="async" src="https://blognote01.com/wp-content/uploads/2019/04/AS6.jpg" /><br />
</div>
</div>
<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></p>
<p>※今なら、8大購入特典をお付けしています！</div></div>

<p>&nbsp;</p>
<h3>サイトタイトルとキャッチフレーズの設定</h3>
<p>サイトタイトルとはブログのトップに出てくるいわば顔のようなもの。サイトがどんなサイトなのか文章で手っ取り早く知ってもらうためにも一番重要な設定です。</p>
<p>キャッチフレーズとはタイトルの補完のような位置付けとして設置します。</p>
<p><span style="background-color: #ffc6d1;">▼「外観」⇒「カスタマイズ」⇒「ウィジット」⇒「レイアウト」⇒「Site Identity」</span></p>
<p>&nbsp;</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-10624 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/AS112.jpg" alt="" width="500" height="312" srcset="https://blognote01.com/wp-content/uploads/2019/04/AS112.jpg 500w, https://blognote01.com/wp-content/uploads/2019/04/AS112-300x187.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />
<p>&nbsp;</p>
<p>コントロールパネルに「サイトのタイトル」とキャッチフレーズを設定しますが、それらの下にあるチェックボックスで「表示」するかどうかも選べます。</p>
<h3>サイトアイコンの設定</h3>
<p>サイト基本情報ではサイトアイコンの設定もできます。サイトアイコンとは、サイトを見ると上のタブに出てくる小さなマークのようなものです。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-235 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/TS24.jpg" alt="" width="600" height="112" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS24.jpg 600w, https://blognote01.com/wp-content/uploads/2019/04/TS24-300x56.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<p>↑こんなのです。</p>
<p>サイトタイトルやキャッチフレーズを設定する部分を下にスクロールするとサイトアイコンを設定できる部分があります。</p>
<p>好きな画像を設定するとタブにサイトアイコンが出てきます。</p>
<p>&nbsp;</p>
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-578" src="https://blognote01.com/wp-content/uploads/2019/04/AS12-247x300.jpg" alt="" width="247" height="300" srcset="https://blognote01.com/wp-content/uploads/2019/04/AS12-247x300.jpg 247w, https://blognote01.com/wp-content/uploads/2019/04/AS12.jpg 282w" sizes="(max-width: 247px) 100vw, 247px" />
<p><strong><span style="color: #be3144;">画像のサイズは、512×512ピクセル以上の正方形が推奨です。</span></strong></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>

<h3>メインヘッダーの変更</h3>
<p>トップページの一番上に出てくるタイトルやメニューは読者が訪問すると一番最初に目にする場所なのでとても重要です。</p>
<p>配置を替えるとイメージが変わりますしメニューもキチンと配置することでユーザビリティが高くなります。Astraでは簡単に変更ができます。</p>
<p><span style="background-color: #ffc6d1;">▼「外観」⇒「カスタマイズ」⇒「ウィジット」⇒「レイアウト」⇒「メインヘッダー」</span></p>
<p>&nbsp;</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-579 size-full" src="https://blognote01.com/wp-content/uploads/2019/04/AS14.jpg" alt="" width="282" height="450" srcset="https://blognote01.com/wp-content/uploads/2019/04/AS14.jpg 282w, https://blognote01.com/wp-content/uploads/2019/04/AS14-188x300.jpg 188w" sizes="(max-width: 282px) 100vw, 282px" />
<div class="column-wrap ">
<div class="column_3 child_column ">
<img decoding="async" src="https://blognote01.com/wp-content/uploads/2019/04/AS15-300x185.jpg" /><br />
左側<br />
</div>
<div class="column_3 child_column ">
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-581" src="https://blognote01.com/wp-content/uploads/2019/04/AS16-300x183.jpg" alt="" width="300" height="183" srcset="https://blognote01.com/wp-content/uploads/2019/04/AS16-300x183.jpg 300w, https://blognote01.com/wp-content/uploads/2019/04/AS16.jpg 614w" sizes="(max-width: 300px) 100vw, 300px" />中央<br />
</div>
<div class="column_3 child_column ">
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-583" src="https://blognote01.com/wp-content/uploads/2019/04/AS18-300x184.jpg" alt="" width="300" height="184" srcset="https://blognote01.com/wp-content/uploads/2019/04/AS18-300x184.jpg 300w, https://blognote01.com/wp-content/uploads/2019/04/AS18.jpg 620w" sizes="(max-width: 300px) 100vw, 300px" /><br />
右側<br />
</div>
</div>
<p>&nbsp;</p>
<p>Astraは外国の方が作っているテーマですので、ちょっとしたところで「英語」が出てきます。慣れている人でもサポート等がないと正直不安になります。</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>
]]></content:encoded>
					
					<wfw:commentRss>https://blognote01.com/astra%e2%80%90customize/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">439</post-id>	</item>
	</channel>
</rss>
