<?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%80%8B%E6%80%A7%E7%9A%84/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>Sydney（シドニー）の使い方を丁寧に解説！【カスタマイズしやすいWordPressワードプレステーマ】</title>
		<link>https://blognote01.com/sydney-customize</link>
					<comments>https://blognote01.com/sydney-customize#respond</comments>
		
		<dc:creator><![CDATA[なつ]]></dc:creator>
		<pubDate>Tue, 14 May 2019 04:21:57 +0000</pubDate>
				<category><![CDATA[おしゃれ]]></category>
		<category><![CDATA[個性的]]></category>
		<category><![CDATA[無料Wordpressテーマ【評判・感想】]]></category>
		<category><![CDATA[高機能]]></category>
		<category><![CDATA[おすすめ！]]></category>
		<guid isPermaLink="false">https://blognote01.com/?p=984</guid>

					<description><![CDATA[ブログ運営半年で月20万超の元サラリーマンブロガーなつです。 WordPressを導入すると、デフォルトでテンプレートが用意されている他、ユーザーが作った無料のテーマも多く登録されていてインストールして使えるようになって...]]></description>
										<content:encoded><![CDATA[<p>ブログ運営半年で月20万超の元サラリーマンブロガーなつです。</p>
<p>WordPressを導入すると、デフォルトでテンプレートが用意されている他、ユーザーが作った無料のテーマも多く登録されていてインストールして使えるようになっています。</p>
<p>その中でも、定番の人気を誇っているのがSydneyという無料のテーマ。</p>
<p>高機能な<strong>「Sydney（シドニー）」というWordpressおすすめテーマのカスタマイズ方法など</strong>をお伝えしていきます。</p>
<p>&nbsp;</p>
<div class="cbox is-style-yellow_box type_normal"><div class="cboxcomment"><i class="fas fa-check"></i>　<span style="font-size: 14pt;"><strong>2023年、話題のワードプレステーマ「THE THOR」</strong></span><br />
<strong>⇒　<a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored">THE・THORの公式ページを確認する。</a></strong></p>
<p>※　今なら、8大購入特典をプレゼント！</p>
<p><div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/thethor-hyouban"><figure class="eyecatch of-cover thum"><img 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>

<p>&nbsp;</p>
<h2>Sydney（シドニー）ってどんなWordPressテーマ？</h2>
<p>トップページのデザインが、THE THORやSTORK19、AFFINGERのように真ん中にボタンを配置できるものになっています。</p>
<img decoding="async" class="aligncenter wp-image-10469 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/sysy2.jpg" alt="Sydney（シドニー）のトップページ" width="400" height="227" srcset="https://blognote01.com/wp-content/uploads/2019/05/sysy2.jpg 400w, https://blognote01.com/wp-content/uploads/2019/05/sysy2-300x170.jpg 300w" sizes="(max-width: 400px) 100vw, 400px" />
<p>Sydneyとは、ワードプレスにあるテーマ（テンプレート）です。一番の特徴はヘッダー部分のテキストのスライド機能でしょう。</p>
<p>カスタマイズもしやすく、初心者でも扱いやすい印象があります。さらにデザインも有料とひけをとらないので人気もあります。</p>
<p>機能の特徴としては、有料テーマでもよく見かける画像の真ん中にボタンを設置したりタイトルと説明文がスライドできるようになっていたりと豊富。</p>
<p>さほど難しくないので初心者の方でもカスタマイズしやすいこと、それなりに作りこむこともできますので上級者の方でも満足できるというテーマです。</p>
<p>&nbsp;</p>
<p><strong>※Sydneyも含めた<a href="https://blognote01.com/wordpress-oshare" target="_blank" rel="noopener noreferrer">おしゃれなWordpressテーマ12選！</a></strong>　←　<span style="background-color: #ffe69c;">今の流行りをチェック！！</span></p>
<p>&nbsp;</p>
<h2>【Wordpressテーマ】　Sydney（シドニー）の特徴</h2>
<p>ヘッダーの設定も、テキストのスライドだけではなく画像のみや画像の全くないシンプルなヘッダーとすることもできます。</p>
<div class="column-wrap "> <div class="column_2 child_column ">
<img decoding="async" src="https://blognote01.com/wp-content/uploads/2019/05/sy11-300x170.jpg" alt="" width="300" height="170" class="alignnone size-medium wp-image-1007" srcset="https://blognote01.com/wp-content/uploads/2019/05/sy11-300x170.jpg 300w, https://blognote01.com/wp-content/uploads/2019/05/sy11.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /><br />
</div> <div class="column_2 child_column ">
<img loading="lazy" decoding="async" src="https://blognote01.com/wp-content/uploads/2019/05/sy3-300x166.jpg" alt="" width="300" height="166" class="alignnone size-medium wp-image-988" srcset="https://blognote01.com/wp-content/uploads/2019/05/sy3-300x166.jpg 300w, https://blognote01.com/wp-content/uploads/2019/05/sy3.jpg 600w" sizes="(max-width: 300px) 100vw, 300px" /><br />
</div> </div>
<div class="column-wrap "> <div class="column_2 child_column ">
<img loading="lazy" decoding="async" src="https://blognote01.com/wp-content/uploads/2019/05/sy4-300x167.jpg" alt="" width="300" height="167" class="alignnone size-medium wp-image-989" srcset="https://blognote01.com/wp-content/uploads/2019/05/sy4-300x167.jpg 300w, https://blognote01.com/wp-content/uploads/2019/05/sy4.jpg 600w" sizes="(max-width: 300px) 100vw, 300px" /></div> <div class="column_2 child_column "></div> </div>
<div class="supplement boader"><strong>特徴</strong></p>
<ul>
<li>レスポンシブ・スマホ対応</li>
<li>カスタマイザーで初心者も設定しやすい</li>
<li>高度なオリジナルヘッダーが作れる</li>
<li>1カラム・2カラム対応</li>
<li>SEO対策</li>
</ul>
</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><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>

<h3>Sydney（シドニー）を使ってみた感想</h3>
<p>ブログで重要なトップページ。Sydney（シドニー）のトップページのヘッダーは、画像の上に誘導ボタンが配置されるとても見やすいデザインです。</p>
<p>今のスタンダードなWordpress有料テーマでもよくみられるデザインで、人気の<a href="https://blognote01.com/thethor-kinou" target="_blank" rel="noopener">THE THOR</a>や<a href="https://blognote01.com/wing-hyouban" target="_blank" rel="noopener">AFFINGER6</a>、<a href="https://blognote01.com/diver-hyouban" target="_blank" rel="noopener">Diver</a>、JINなどでも同じようなトップページがあります。</p>
<p><strong>Sydneyに似たTHE THORのトップページ</strong></p>
<p style="text-align: center;"><a href="https://blognote01.com/wp-content/uploads/2019/09/thor103.jpg"><img loading="lazy" decoding="async" class="aligncenter wp-image-3912 size-medium" src="https://blognote01.com/wp-content/uploads/2019/09/thor103-300x174.jpg" alt="THE THORのトップページ" width="300" height="174" srcset="https://blognote01.com/wp-content/uploads/2019/09/thor103-300x174.jpg 300w, https://blognote01.com/wp-content/uploads/2019/09/thor103.jpg 368w" sizes="(max-width: 300px) 100vw, 300px" /></a>出典：<a href="https://blognote01.com/thethor-tokuten" target="_blank" rel="noopener noreferrer">THE THOR</a></p>
<p>&nbsp;</p>
<p>その他、タイトルがスライドしてきて表示されるという動的なアプローチも使うことができます。趣味にもアフィリエイトなどにも万能で使えるテーマといえるでしょう。</p>
<p>ヘッダー部分は第5スライドまで画像とテキストが設定できますし、カテゴリーの多い分野のサイトなどにも対応できそうです。</p>
<p>しかも、難しい設定もせずプラグインも不要なので初心者にもやさしいテーマだと言えます。無料テーマなのに有料テーマに迫る機能を持っていることからおすすめです。</p>
<p>&nbsp;</p>
<h3>初心者におすすめな点</h3>
<p>Sydney（シドニー）は無料なので、導入して試しやすいテーマです。無料であるものの設定を工夫することで有料に近づけることも可能。</p>
<ul>
<li>高機能な部分も編集しやすい</li>
<li>画面から変更も可能</li>
<li>ワンクリックでスマホ画面やタブレット画面などを呼び出せる</li>
<li>ヘッダー部分のテキストスライド表示</li>
<li>スマホでもテキストスライド表示</li>
<li>ヘッダー部分に誘導ボタン設置</li>
<li>お金がかからない</li>
</ul>
<p>&nbsp;</p>
<p>初心者におすすめする理由は、高機能だけども編集しやすいということがあげられます。</p>
<p>左のコントロールパネル（カスタマイズ項目）を見ながら操作でき右側に完成イメージが出てくることから、色設定やヘッダーなどどんな見え方をするのかなど1画面で確認できます。</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">Sydney（シドニー）の特徴である動的なヘッダーは使い方次第でかなり目をひくサイトになります。</div></div>
<p>&nbsp;</p>
<p>↓　Wordpressテーマ「THE THOR」公式デザインに芸大卒なつのデザイン10種類追加！</p>
<div class="cbox intitle is-style-pink_box type_normal"><div class="box_title"><span class="span__box_title">THE THORデザインのマニュアルプレゼント中！</span></div><div class="cboxcomment"><strong>人気のTHE THORのオリジナルテンプレート6種類+5種類（NEW）ができました！</strong></p>
<p>当ブログで購入していただくと、公式の9種類のデザインと追加の10種類が無料で手に入ります！</p>
<p><a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" target="_blank" rel="noopener"><img loading="lazy" decoding="async" class="aligncenter wp-image-18090 size-full" src="https://blognote01.com/wp-content/uploads/2021/10/9shu.jpg" alt="THE THOR特典オリジナルアレンジマニュアルバナー" width="500" height="281" srcset="https://blognote01.com/wp-content/uploads/2021/10/9shu.jpg 500w, https://blognote01.com/wp-content/uploads/2021/10/9shu-300x169.jpg 300w, https://blognote01.com/wp-content/uploads/2021/10/9shu-375x211.jpg 375w" sizes="(max-width: 500px) 100vw, 500px" /></a></p>
<p>※デザインの全体像は以下の2記事をご覧ください。</p>
<p><strong>⇒<a href="https://blognote01.com/thethor-design6" target="_blank" rel="noopener noreferrer">【超簡単】THE THORデザインの事例集6選！初心者でも作れるアレンジ！</a><br />
</strong>⇒<strong><a href="https://blognote01.com/thethor-originaltokuten" target="_blank" rel="noopener noreferrer">追加デザイン4種はコチラから</a></strong>見ることができます。</p>
<p><div class="wp-block-button btn-wrap aligncenter big is-style-rich_pink"><a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored"class="wp-block-button__link" >特典付きでTHE THORを購入する</a></div></p>
<p style="text-align: center;">／／たった30記事で稼いだ実録記事（2,980円相当）付き!＼＼</p>
<p>※ヘッダーの画像は、写真ACとイラストACのイラストレーターさん方の作品です。特典内でURLをお伝えしています。</p>
<p></div></div>

<p>&nbsp;</p>
<h2>Sydneyのメリット・デメリット</h2>
<p>Sydney（シドニー）は使いやすいテンプレートです。無料ということもあり導入するのにもハードルが低いことが利点ですが、やはりトップページを作るのには多少知識が必要です。</p>
<p>ある程度ブログ作りに慣れた方は良いのですが初めてブログを作る方などは難しく感じることもあるかも。</p>
<p>&nbsp;</p>
<h3>メリット</h3>
<p>最大のメリットは、Sydney（シドニー）の機能を無料で使えるということです。有料テーマよりは見落とりはするものの、魅力的なトップページを作りこむことが可能。</p>
<ul>
<li>操作がシンプルで感覚的に使える</li>
<li>人気のテーマなのでカスタマイズ方法が検索でみつかる</li>
<li>PCでもスマホでもヘッダーのテキストがスライドして目立つ</li>
<li>無料なのでハードルが低い</li>
</ul>
<p>&nbsp;</p>
<h3>デメリット</h3>
<p>慣れてくれば簡単なことでもやはり初めて使う場合には少し難しく感じることもあると思います。</p>
<ul>
<li>編集項目が多くて複雑に見える</li>
<li>広告の設定ができない（プラグインで対応可能）</li>
<li>ヘッダーばかりが目に行って文章が読まれない可能性も</li>
<li>超初心者にとってはトップページ作成が難しい</li>
</ul>
<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">Sydneyは無料の中でも人気のワードプレスのテーマです。カスタマイズも慣れれば全く難しくありませんし、ブログ上級者も使っている方も見受けられます。初心者でもカスタマイズは迷わずできそうなので、目を引くサイトにしたい方にはこのテーマが良いでしょう。有料ほどではありませんが、高機能なサイトを作りたい方はこのテーマでOK！</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>WordPressテーマ「Sydney」インストール方法</h2>
<p>ここからは、テーマの導入方法を説明していきます。インストールは他のテーマと変わりません。</p>
<p>WordPressのデフォルトのテーマの中から「Sydney（シドニー）」を選びインストールして有効化するだけなので簡単です。</p>
<p>&nbsp;</p>
<h3><strong>具体的なインストール方法</strong></h3>
<p>ここからは具体的なインストール方法を説明します。</p>
<p><span style="color: #ff0000; background-color: #ffff99;">▼　外観　⇒　テーマ　⇒　新規追加　</span></p>
<p>検索窓に「Sydney」と入力すると出てきます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-8953 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/sy3-1.jpg" alt="Wordpress　Sydney（シドニー）のインストール入り口" width="500" height="288" srcset="https://blognote01.com/wp-content/uploads/2019/05/sy3-1.jpg 500w, https://blognote01.com/wp-content/uploads/2019/05/sy3-1-300x173.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />
<p>画像の上にカーソルをもっていくと文字が浮かび上がってきます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-8954 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/sy4-1.jpg" alt="Wordpress　Sydney（シドニー）のインストールボタン" width="300" height="239" />
<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-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><time class="time__date gf undo">2021.11.16</time></div></a></div>
<p>&nbsp;</p>
<p>Sydneyテーマをインストールできたらサイトの見栄えをよくするためにカスタマイズしていきましょう。</p>
<p>ここでは、Sydneyをどこよりもわかりやすく使い方やカスタマイズ方法を説明していきます。</p>
<p>&nbsp;</p>
<p><strong>↓　最新の人気のテーマ大集合！</strong><br />
<p>記事を取得できませんでした。記事IDをご確認ください。</p>
<p>&nbsp;</p>
<h2>Sydneyのカスタマイズ　【目次】</h2>
<p>Sydneyでは、以下の項目をカスタマイズ設定していくことが出来ます。</p>
<div class="supplement boader"><strong>項目別</strong></p>
<ol>
<li>一般</li>
<li>サイトのタイトル、タグライン、ロゴ</li>
<li>ヘッダーエリア</li>
<li>ブログ設定</li>
<li>フォント</li>
<li>フッター</li>
<li>色</li>
<li>背景画像</li>
<li>メニュー</li>
<li>ウィジット</li>
<li>ホームページ設定</li>
<li>テーマ情報</li>
<li>追加CSS</li>
</ol>
</div>
この内容を見ると、かなり複雑に見えますが、それぞれクリックしていくと簡単に修正できます。</p>
<p><span style="background-color: #ffcc00;"><strong></strong></span></p>
<div class="cbox is-style-yellow_box type_normal"><div class="cboxcomment"><i class="fas fa-check"></i> <span style="font-size: 14pt;"><strong>初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」</strong></span><br />
⇒　<a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored">THE THORの公式ページを確認する。</a></p>
<p>※今なら、8大購入特典をお付けしています！</div></div>

<p>&nbsp;</p>
<h2>Sydneyの便利な使い方</h2>
<p>カスタマイズの場所（コントロールパネル）を開くには、2つの方法があります。</p>
<ul>
<li>外観からコントロールパネルに行く方法</li>
<li>画像の鉛筆マークからコントロールパネルに行く方法</li>
</ul>
<p>&nbsp;</p>
<p>「ウィジット」「メニュー」「レイアウト」など言葉が難しくどの部分の編集をしているのかわかりづらい場合は画像を見て鉛筆マークをクリックして変更するのをおすすめします。</p>
<p>&nbsp;</p>
<div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/wordpress-oshare"><figure class="eyecatch of-cover thum"><img loading="lazy" decoding="async" width="485" height="300" src="https://blognote01.com/wp-content/uploads/2019/07/Wordpress-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>WordPressテーマおしゃれなもの厳選12選！【有料＆無料】かわいいブログテンプレートも。</div><time class="time__date gf undo">2023.07.11</time></div></a></div>
<p>&nbsp;</p>
<p>&nbsp;</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="Wordpressダッシュボードカスタマイズ" 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="Sydney（シドニー）のカスタマイザー" 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 decoding="async" src="https://blognote01.com/wp-content/uploads/2019/05/neve5-158x300.jpg" /><br />
</div>
<div class="column_2 child_column ">
<img decoding="async" src="https://blognote01.com/wp-content/uploads/2019/05/neve6-266x300.jpg" /><br />
</div>
</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>【Sydneyの使い方　ステップ　1】一般設定</h2>
<p>一般設定は文章部分の上の余白のサイズを変更します。</p>
<h3>一般設定までのアクセス方法</h3>
<p><span style="color: #ff0000; background-color: #ffff99;">▼「ダッシュボード」　⇒　「外観」　⇒　「カスタマイズ」　⇒　「一般設定」</span></p>
<p>&nbsp;</p>
<p>Sydneyでの一般設定は、余白の長さの設定です。</p>
<p>初期値は上が「83」下が「100」に設定されていますので、好きな長さに調整しながら設定してください。</p>
<p>&nbsp;</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-10471 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/sysy3.jpg" alt="Sydney（シドニー）の余白の調整" width="400" height="232" srcset="https://blognote01.com/wp-content/uploads/2019/05/sysy3.jpg 400w, https://blognote01.com/wp-content/uploads/2019/05/sysy3-300x174.jpg 300w" sizes="(max-width: 400px) 100vw, 400px" />
<div class="cbox intitle is-style-glay_box type_normal"><div class="box_title"><span class="span__box_title">初期値</span></div><div class="cboxcomment">
<p>上部・・・83<br />
下部・・・100</div></div>
[/box]
<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>ここでは、画像をみながらできるカスタマイズ方法をお伝えしていきます。</div></div>
<div class="cbox is-style-yellow_box type_normal"><div class="cboxcomment"><i class="fas fa-check"></i> <span style="font-size: 14pt;"><strong>初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」</strong></span><br />
⇒　<a href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1" rel="sponsored">THE THORの公式ページを確認する。</a></p>
<p>※今なら、8大購入特典をお付けしています！</div></div>

<h2>【Sydneyの使い方　ステップ　2】サイト基本情報</h2>
<p>一般的に「サイト基本情報」の部分がSydneyでいう「サイトのタイトル」「タグライン」「ロゴ」の部分です。<br />
変更できる項目は他の基本情報と変わりません。</p>
<div class="column-wrap ">
<div class="column_2 child_column ">
<img decoding="async" src="https://blognote01.com/wp-content/uploads/2019/05/sy6.jpg" /><br />
</div>
<div class="column_2 child_column ">
<ul>
<li>サイトタイトル設定</li>
<li>キャッチフレーズ設定</li>
<li>ロゴの設定</li>
<li>サイトアイコンの設定</li>
</ul>
</div>
</div>
<p>&nbsp;</p>
<h4>アクセス方法</h4>
<p><span style="color: #ff0000; background-color: #ffff99;">▼「外観」⇒「カスタマイズ」⇒「サイトのタイトル、タグライン、ロゴ」</span></p>
<p>&nbsp;</p>
<h3>ロゴの設定</h3>
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-232" src="https://blognote01.com/wp-content/uploads/2019/04/TS201-231x300.jpg" alt="Sydney（シドニー）ロゴ設定" width="231" height="300" srcset="https://blognote01.com/wp-content/uploads/2019/04/TS201-231x300.jpg 231w, https://blognote01.com/wp-content/uploads/2019/04/TS201.jpg 298w" sizes="(max-width: 231px) 100vw, 231px" />
<p>ロゴを選択ボタンを押すと、画像を選ぶ画面が現れます。そこからファイルをアップロードするとメディアボックスに画像が入りますので、好きなものを選んでください。</p>
<p>&nbsp;</p>
<p><strong>↓　Wordpressのテーマ最新情報！<br />
</strong><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><time class="time__date gf undo">2023.09.26</time></div></a></div>
<p>&nbsp;</p>
<h3>サイトタイトル・キャッチフレーズ設定</h3>
<p>サイトタイトル・キャッチフレーズはブログになにが書かれているかひと目でわかるようにするために設定するようにしましょう。</p>
<div class="voice cf l"><figure class="icon"><img loading="lazy" decoding="async" src="https://blognote01.com/wp-content/uploads/2019/05/nigaoemaker-e1558864804973.png" class="voice_icon__img" width="150" height="150"><figcaption class="name">なつ</figcaption></figure><div class="voicecomment">できれば、自分が集客したい内容に対するキーワードを盛り込んで考えてみてください。</div></div>
<p>&nbsp;</p>
<p>詳しくは以下の記事で解説しています。<br />
<div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/blogtitle-kimekata"><figure class="eyecatch of-cover thum"><img loading="lazy" decoding="async" width="485" height="273" src="https://blognote01.com/wp-content/uploads/2020/01/ブログタイトル-決め方.jpg" class="archives-eyecatch-image attachment-oc-post-thum wp-post-image" alt="" srcset="https://blognote01.com/wp-content/uploads/2020/01/ブログタイトル-決め方.jpg 560w, https://blognote01.com/wp-content/uploads/2020/01/ブログタイトル-決め方-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><time class="time__date gf undo">2022.08.03</time></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>好きなアイコン（マーク）を選びます。<br />
<span class="pink_line">サイズは512ピクセル×512ピクセル以上の正方形の大きさとしてください。</span></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" />
<h2>【Sydneyの使い方 step３】　ヘッダーエリア</h2>
<p>ヘッダーエリアの変更がSydney（シドニー）のキモになっている部分。ここで動的なヘッダーを作っていきます。</p>
<ul>
<li>ヘッダーの種類</li>
<li>ヘッダースライダー</li>
<li>ヘッダーメディア</li>
<li>メニュースタイル</li>
</ul>
<p>&nbsp;</p>
<h4>アクセス方法</h4>
<p><span style="color: #ff0000; background-color: #ffff99;">▼「外観」⇒「カスタマイズ」⇒「ヘッダーエリア」</span></p>
<p>&nbsp;</p>
<h3>ヘッダーの種類</h3>
<p>ここでヘッダーの種類を選びます。</p>
<ul>
<li>全画面スライダー</li>
<li>画像</li>
<li>動画</li>
<li>ヘッダーなし（メニューのみ）</li>
</ul>
<div class="column-wrap ">
<div class="column_3 child_column ">
<img decoding="async" src="https://blognote01.com/wp-content/uploads/2019/05/sy1.jpg" /><br />
↑全画面スライダー<br />
カラム1（左）</div>
<div class="column_3 child_column ">
<img decoding="async" src="https://blognote01.com/wp-content/uploads/2019/05/sy3.jpg" /><br />
↑画像<br />
</div>
<div class="column_3 child_column ">
<img decoding="async" src="https://blognote01.com/wp-content/uploads/2019/05/sy4.jpg" /><br />
↑ヘッダーなし（メニューのみ）<br />
</div>
</div>
<p>&nbsp;</p>
<h4>ヘッダーの種類のカスタマイズ</h4>
<p>この部分では大まかにどんなヘッダーにするのかを決める部分です。シンプルにしたい方はヘッダーなしを選んでください。</p>
<p><strong><span style="color: #be3144;">テキストをスライダーにしたい場合にはここで「全画面スライダー」を選びます。</span></strong></p>
<img loading="lazy" decoding="async" class="alignnone wp-image-1001 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/sy7.jpg" alt="Sydney（シドニー）テキストのスライダー" width="283" height="400" srcset="https://blognote01.com/wp-content/uploads/2019/05/sy7.jpg 283w, https://blognote01.com/wp-content/uploads/2019/05/sy7-212x300.jpg 212w" sizes="(max-width: 283px) 100vw, 283px" />
<div class="cbox is-style-pink_box type_normal"><div class="cboxcomment">
ヘッダーをスライダーにしたい場合は「全画面スライダー」にマーク<br />
</div></div>
<strong>↓　無料の画像をダウンロードできるサイトを集めました。<br />
</strong><div class="related_article typesimple"><a class="related_article__link no-icon" href="https://blognote01.com/blogillust-free"><figure class="eyecatch of-cover thum"><img loading="lazy" decoding="async" width="485" height="300" src="https://blognote01.com/wp-content/uploads/2020/01/ブログで使える-無料イラスト-1-485x300.jpg" class="archives-eyecatch-image attachment-oc-post-thum wp-post-image" alt="" /></figure><div class="related_article__meta archives_post__meta inbox"><div class="related_article__ttl ttl"><span class="labeltext">関連記事</span>ブログで使えるイラスト25選！フリー（無料）素材でサイトをパワーアップ！</div><time class="time__date gf undo">2022.08.08</time></div></a></div>
<p>&nbsp;</p>
<h3>ヘッダースライダー</h3>
<p>ヘッダースライダーの設定では、5つのスライドが設定できます。</p>
<p>コントロールパネルの一番上には、スライダーの速さを設置する部分がありますが、初期値「4000」となっています。</p>
<p>速さについては特に変更する必要はないでしょう。</p>
<p>&nbsp;</p>
<h4>スライダー部分のカスタマイズ</h4>
<img loading="lazy" decoding="async" class="alignnone wp-image-1003 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/sy8.jpg" alt="Sydney（シドニー）スライダータイトル入力" width="280" height="440" srcset="https://blognote01.com/wp-content/uploads/2019/05/sy8.jpg 280w, https://blognote01.com/wp-content/uploads/2019/05/sy8-191x300.jpg 191w" sizes="(max-width: 280px) 100vw, 280px" />
<p>画像のアップロード、タイトル、サブタイトまで設定すると以下のようになります。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-10467 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/sysy1.jpg" alt="Sydney（シドニー）スライダータイトル表示例" width="400" height="225" srcset="https://blognote01.com/wp-content/uploads/2019/05/sysy1.jpg 400w, https://blognote01.com/wp-content/uploads/2019/05/sysy1-300x169.jpg 300w" sizes="(max-width: 400px) 100vw, 400px" />
<p>&nbsp;</p>
<h4>行動喚起ボタン</h4>
<p>ヘッダーの真ん中にあるボタンの編集がこの項目の一番下にあります。運営するお店の場所やアフィリエイトで広告に飛ばすとか、見てほしいページにヘッダーから直接誘導するのがこちらの設定となります。</p>
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-1005" src="https://blognote01.com/wp-content/uploads/2019/05/sy9-249x300.jpg" alt="行動喚起ボタン" width="249" height="300" srcset="https://blognote01.com/wp-content/uploads/2019/05/sy9-249x300.jpg 249w, https://blognote01.com/wp-content/uploads/2019/05/sy9.jpg 279w" sizes="(max-width: 249px) 100vw, 249px" />
<p>アフィリエイトではいわゆるキラーページを作っておいてこのボタンで誘導するのも良いと思います。</p>
<p>&nbsp;</p>
<h3>メニュースタイル</h3>
<p>メニューの位置などを設定します。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-1006 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/sy10.jpg" alt="メニュースタイルの設定" width="640" height="276" srcset="https://blognote01.com/wp-content/uploads/2019/05/sy10.jpg 640w, https://blognote01.com/wp-content/uploads/2019/05/sy10-300x129.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" />
<h4>メニューの固定</h4>
<ol>
<li>先頭に固定表示</li>
<li>標準</li>
</ol>
<p>&nbsp;</p>
<ul>
<li>先頭に固定表示</li>
</ul>
<img loading="lazy" decoding="async" class="alignnone wp-image-1008 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/sy12.jpg" alt="メニュー先頭に固定表示" width="546" height="209" srcset="https://blognote01.com/wp-content/uploads/2019/05/sy12.jpg 546w, https://blognote01.com/wp-content/uploads/2019/05/sy12-300x115.jpg 300w" sizes="(max-width: 546px) 100vw, 546px" />
<p>画像をスライドしても右上にメニューが残ります。</p>
<ul>
<li>標準</li>
</ul>
<img loading="lazy" decoding="async" class="alignnone wp-image-1009 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/sy13.jpg" alt="メニュー標準表示" width="478" height="181" srcset="https://blognote01.com/wp-content/uploads/2019/05/sy13.jpg 478w, https://blognote01.com/wp-content/uploads/2019/05/sy13-300x114.jpg 300w" sizes="(max-width: 478px) 100vw, 478px" />
<p>標準なら、画像をスライドすると右上のメニューが消えてしまいます。</p>
<h4>メニュースタイル</h4>
<ol>
<li>インライン</li>
<li>中央揃え (メニューとサイトロゴ)</li>
</ol>
<p>&nbsp;</p>
<ul>
<li>インライン</li>
</ul>
<img loading="lazy" decoding="async" class="alignnone wp-image-1011 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/sy15.jpg" alt="メニュースタイルインライン" width="476" height="256" srcset="https://blognote01.com/wp-content/uploads/2019/05/sy15.jpg 476w, https://blognote01.com/wp-content/uploads/2019/05/sy15-300x161.jpg 300w" sizes="(max-width: 476px) 100vw, 476px" />
<p>&nbsp;</p>
<ul>
<li>中央揃え (メニューとサイトロゴ)</li>
</ul>
<img loading="lazy" decoding="async" class="alignnone wp-image-1010 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/sy14.jpg" alt="メニュースタイル中央揃え" width="572" height="288" srcset="https://blognote01.com/wp-content/uploads/2019/05/sy14.jpg 572w, https://blognote01.com/wp-content/uploads/2019/05/sy14-300x151.jpg 300w" sizes="(max-width: 572px) 100vw, 572px" />
<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>【Sydney使い方 ステップ　4】　ブログ設定</h2>
<p>各ブログページやアーカイブページのレイアウトやトップページに記事全文を載せるか載せないかなど細かな設定ができます。</p>
<ul>
<li>レイアウト</li>
<li>コンテンツ/抜粋</li>
<li>メタ情報</li>
<li>アイキャッチ画像</li>
</ul>
<p>&nbsp;</p>
<p>この項目でのカスタマイズは個別記事にアイキャッチを省く方法などの指示ができます。感覚的にカスタマイズできますので特に難しくはありません。</p>
<p>&nbsp;</p>
<h3>レイアウト</h3>
<ol>
<li>クラッシック</li>
<li>クラシック（代替）</li>
</ol>
<div class="column-wrap ">
<div class="column_2 child_column ">
<img loading="lazy" decoding="async" class="alignnone wp-image-1012 size-full" src="https://blognote01.com/wp-content/uploads/2019/05/sy16.jpg" alt="レイアウト「クラッシック」" width="600" height="329" srcset="https://blognote01.com/wp-content/uploads/2019/05/sy16.jpg 600w, https://blognote01.com/wp-content/uploads/2019/05/sy16-300x165.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" /><br />
↑クラシック<br />
</div>
<div class="column_2 child_column ">
<img decoding="async" src="https://blognote01.com/wp-content/uploads/2019/05/sy16.jpg" />↑クラシック（代替）<br />
</div>
</div>
<p>&nbsp;</p>
<p>トップページでヘッダーと個別アイキャッチの画像が重ならないようにこの部分で非表示にしたりするのもこの項目です。</p>
<div class="voice cf l"><figure class="icon"><img loading="lazy" decoding="async" src="https://blognote01.com/wp-content/uploads/2019/05/nigaoemaker-e1558864804973.png" class="voice_icon__img" width="150" height="150"><figcaption class="name">なつ</figcaption></figure><div class="voicecomment">立派なヘッダーをつけても、個別記事のページではアイキャッチの画像とダブってしまうことがあります。そこで、この項目でアイキャッチを「非表示」にするというカスタマイズをします。</div></div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p style="text-align: center;"><strong>↓　ステップ　5以降は「次のページ」をご覧ください　↓</strong></p>
]]></content:encoded>
					
					<wfw:commentRss>https://blognote01.com/sydney-customize/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">984</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>
	</channel>
</rss>
