<?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>Twenty Twenty &#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/twenty-twenty/feed" rel="self" type="application/rss+xml" />
	<link>https://blognote01.com</link>
	<description>Wordpressテーマの評判や感想、機能を解説</description>
	<lastBuildDate>Thu, 06 Jan 2022 09:32:50 +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>Twenty Twenty &#8211; 初心者のためのワードプレステーマ教室｜評判・感想も丁寧に解説！</title>
	<link>https://blognote01.com</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Twenty Twenty（WordPressテーマ）の特徴と機能！カスタマイズもやってみた！</title>
		<link>https://blognote01.com/twentytwenty%e2%80%90tokuchou</link>
					<comments>https://blognote01.com/twentytwenty%e2%80%90tokuchou#comments</comments>
		
		<dc:creator><![CDATA[なつ]]></dc:creator>
		<pubDate>Tue, 24 Dec 2019 09:16:20 +0000</pubDate>
				<category><![CDATA[Twenty Twenty]]></category>
		<category><![CDATA[無料Wordpressテーマ【評判・感想】]]></category>
		<guid isPermaLink="false">https://blognote01.com/?p=6525</guid>

					<description><![CDATA[こんにちは！ブログ運営半年で月20万超の元サラリーマンブロガーなつです。 WordPress公式のテーマは毎年配布されていて、当ブログでもTwentynineteenを取り上げたのですが、その次の新しいテーマとしてTwe...]]></description>
										<content:encoded><![CDATA[<p>こんにちは！ブログ運営半年で月20万超の元サラリーマンブロガーなつです。</p>
<p>WordPress公式のテーマは毎年配布されていて、当ブログでもTwentynineteenを取り上げたのですが、その次の新しいテーマとしてTwenty Twentyが公開されました。</p>
<p>Twenty Twentyの基本的な機能やどんなことができるのかお伝えしていきます。</p>
<p>&nbsp;</p>
<p><strong>↓　初心者さん必見！人気のWordpressテーマ「THE THOR」</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 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 Twentyとは？　（Wordpressデフォルトテーマ）</h2>
<p>Twenty Twentyは、ブロックエディタ（Gutenberg）が活用しやすいように作られたWordpress公式のデフォルトテーマです。Wordpressでは一般で作られた多くのデフォルトテーマがありますが、毎年Wordpress公式が配布しているのが西暦の名前のついたTwenty Twentyのようなテンプレートです。</p>
<p>今回は以下のような特徴があります。</p>
<ul>
<li>ダイナミックなランディングページ</li>
<li>カスタマイザーで背景色やアクセントカラーを変更</li>
<li>投稿前にコンテンツがどのようになるのか確認できる</li>
</ul>
<p>&nbsp;</p>
<p><strong>↓　圧倒的な機能に完璧なSEO対策！</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>初心者でも簡単にカスタマイズできるワードプレステーマ「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>Twenty Twentyの機能　（Wordpressデフォルトテーマ）</h2>
<p>Twenty Twentyの機能は、Twentynineteenに引き続きとてもシンプルです。初心者でもすぐに使いこなせるほどの設定項目の少なさなので難易度は低めです。</p>
<ul>
<li>ロゴ設定</li>
<li>タイトル・キャッチフレーズ設定</li>
<li>サイトアイコン設定</li>
<li>背景色・メイン色・ヘッダーフッターの色設定</li>
<li>アーカイブページの全文章もしくは要約設定</li>
<li>背景固定＆オーバーレイ設定</li>
<li>背景画像設定</li>
<li>メニュー機能</li>
<li>ウィジェット機能</li>
</ul>
<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 decoding="async" class="alignnone size-medium wp-image-9544" src="https://blognote01.com/wp-content/uploads/2020/04/torlwata-300x221.jpg" alt="THE THOR特典デザイン「綿毛」" width="300" height="221" srcset="https://blognote01.com/wp-content/uploads/2020/04/torlwata-300x221.jpg 300w, https://blognote01.com/wp-content/uploads/2020/04/torlwata.jpg 500w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
追加特典「<a href="http://blognote01.com/cafe/" target="_blank" rel="noopener">綿毛</a>」</div><br />
<div class="column_3 child_column "><a href="http://blognote01.com/thethorsimple" target="_blank" rel="noopener"><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-5560" src="https://blognote01.com/wp-content/uploads/2019/11/sinpuru2-300x263.jpg" alt="THE THOR特典デザイン「シンプル」" width="300" height="263" srcset="https://blognote01.com/wp-content/uploads/2019/11/sinpuru2-300x263.jpg 300w, https://blognote01.com/wp-content/uploads/2019/11/sinpuru2.jpg 648w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
特典「<a href="http://blognote01.com/thethorsimple" target="_blank" rel="noopener">シンプル</a>」</div><br />
<div class="column_3 child_column "><a href="http://blognote01.com/restaurant/" target="_blank" rel="noopener"><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-9541" src="https://blognote01.com/wp-content/uploads/2020/04/torlresut-300x226.jpg" alt="THE" width="300" height="226" srcset="https://blognote01.com/wp-content/uploads/2020/04/torlresut-300x226.jpg 300w, https://blognote01.com/wp-content/uploads/2020/04/torlresut.jpg 500w" sizes="(max-width: 300px) 100vw, 300px" /></a><br />
追加特典「<a href="http://blognote01.com/restaurant/" target="_blank" rel="noopener">ai</a>」</div> </div></p>
<p>※他のデザインは以下の記事で見れますので覧ください。<br />
⇒<a href="https://blognote01.com/thethor-design6" target="_blank" rel="noopener noreferrer">【簡単】THE THORデザインの事例集6選！初心者でも作れるアレンジを紹介！</a></p>
<p><div class="wp-block-button btn-wrap aligncenter big is-style-rich_pink"><a class="btn__link btn__link-primary wp-block-button__link" href="https://www.infotop.jp/click.php?aid=271209&amp;iid=79208&amp;pfg=1">特典付きでTHE THORを購入する</a></div></p>
<p><center>／／今なら、なつ特製オリジナルデザインマニュアル付き！＼＼</center><center></center><center></center><center></center><br />
<span style="font-size: 10pt;">※ヘッダーの画像は、写真ACとイラストACのイラストレーターさん方の作品です。特典内でURLをお伝えしています。</span></div></div>

<p>&nbsp;</p>
<h2>Twenty Twentyをカスタマイズ（Wordpressデフォルトテーマ）　設定編</h2>
<p>ここからは、Twenty Twentyを使ってどんなことができるのかカスタマイズをしてみたいと思います。ブロックエディタ（Gutenberg）の柔軟性をできる限り引き出して使うためのテーマだと説明されていますが、実際まだGutenbergを使われていない方も多いと思いますので、両方で使ってみてどんな風なのかお伝えしていきます。</p>
<h3>カスタマイザーの項目</h3>
<p>ダッシュボードからカスタマイズをしていきますが、設定項目はそれほど多くありません。以下のようなカスタマイザーがでてきます。</p>
<h3>カスタマイザーまでのアクセス</h3>
<p>&nbsp;</p>
<p><span style="background-color: #ffc6d1;">▼　外観　⇒　カスタマイズ</span></p>
<p>&nbsp;</p>
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-6532" src="https://blognote01.com/wp-content/uploads/2019/12/twenty1-254x300.jpg" alt="" width="254" height="300" srcset="https://blognote01.com/wp-content/uploads/2019/12/twenty1-254x300.jpg 254w, https://blognote01.com/wp-content/uploads/2019/12/twenty1.jpg 373w" sizes="(max-width: 254px) 100vw, 254px" />
<ol>
<li>サイト基本情報</li>
<li>色</li>
<li>テーマオプション</li>
<li>カバーテンプレート</li>
<li>背景画像</li>
<li>メニュー</li>
<li>ウィジェット</li>
<li>ホームページ設定</li>
</ol>
<p>このカスタマイザーの項目順にブログを編集していきます。</p>
<h3>1.　サイト基本情報</h3>
<p>サイト基本情報はタイトル等の設定ができます。ロゴについては、あらかじめ小さ目の画像（透過画像の方が良いです）を取り込んでおいてください。</p>
<div class="cbox intitle is-style-glay_box type_normal"><div class="box_title"><span class="span__box_title">サイト基本情報でできること</span></div><div class="cboxcomment">
<ul>
<li>ロゴ設定</li>
<li>サイトタイトル設定</li>
<li>キャッチフレーズ</li>
<li>サイトアイコン</li>
</ul>
</div></div>
&nbsp;</p>
<h4>ロゴ設定</h4>
<ol>
<li>「ロゴを選択」をクリック</li>
<li>メディアライブラリより画像を選択する</li>
<li>画像切り抜き＆切り抜かないを選択</li>
<li>公開をクリック</li>
</ol>
<p>&nbsp;</p>
<p>ロゴを選択をクリックするとメディアが開きます。好きな画像を選んでクリックすると以下のように出てきますので、画像がすべて入るようにドラッグアンドドロップで枠を広げていきます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-6533 size-full" src="https://blognote01.com/wp-content/uploads/2019/12/twenty3.jpg" alt="" width="382" height="300" srcset="https://blognote01.com/wp-content/uploads/2019/12/twenty3.jpg 382w, https://blognote01.com/wp-content/uploads/2019/12/twenty3-300x236.jpg 300w" sizes="(max-width: 382px) 100vw, 382px" />
<p>画像切り抜きをクリックすると上部キャッチフレーズの左にロゴが入ります。</p>
<p><img loading="lazy" decoding="async" class="alignnone size-medium wp-image-6534" src="https://blognote01.com/wp-content/uploads/2019/12/twenty4-300x136.jpg" alt="" width="300" height="136" srcset="https://blognote01.com/wp-content/uploads/2019/12/twenty4-300x136.jpg 300w, https://blognote01.com/wp-content/uploads/2019/12/twenty4-768x347.jpg 768w, https://blognote01.com/wp-content/uploads/2019/12/twenty4.jpg 913w" sizes="(max-width: 300px) 100vw, 300px" /><br />
<div class="supplement warning"><strong>注意</strong><br />
ロゴを設定すると、タイトルが消えてしまうのでタイトルを含んだロゴを設定した方がよさそうです。</p>
<img loading="lazy" decoding="async" class="alignnone size-medium wp-image-6536" src="https://blognote01.com/wp-content/uploads/2019/12/twenty5-300x149.jpg" alt="" width="300" height="149" srcset="https://blognote01.com/wp-content/uploads/2019/12/twenty5-300x149.jpg 300w, https://blognote01.com/wp-content/uploads/2019/12/twenty5-768x381.jpg 768w, https://blognote01.com/wp-content/uploads/2019/12/twenty5.jpg 903w" sizes="(max-width: 300px) 100vw, 300px" />
</div>
&nbsp;</p>
<p><strong>↓　アクセス集めしんどくない？54もの機能でライバルと差をつけよう。<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>

<h4>サイトタイトルとキャッチフレーズ</h4>
<p>サイトタイトルとキャッチフレーズの部分に入力します。</p>
<h4>サイトアイコン</h4>
<p>サイトアイコンは、パソコン上部に出てくるタブの部分のアイコンのことです。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-6538 size-full" src="https://blognote01.com/wp-content/uploads/2019/12/twenty6.jpg" alt="" width="482" height="108" srcset="https://blognote01.com/wp-content/uploads/2019/12/twenty6.jpg 482w, https://blognote01.com/wp-content/uploads/2019/12/twenty6-300x67.jpg 300w" sizes="(max-width: 482px) 100vw, 482px" />
<p>&nbsp;</p>
<ol>
<li>サイトアイコンを選択をクリック</li>
<li>メディアライブラリより画像を選択する</li>
<li>画像切り抜き＆切り抜かないを選択</li>
<li>公開をクリック</li>
</ol>
<p>こちらも、ロゴ設定と同じです。メディアから画像を呼び込み画像調整（切り抜きor切り抜かない）をして「公開」します。</p>
<div class="supplement "><strong>補足</strong><br />
512 × 512ピクセル以上の大きさの画像が推奨<br />
</div>
&nbsp;</p>
<h3>2.　色</h3>
<p>デフォルトの色は、背景は淡いピンクでヘッダーとフッターは白です。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-6540 size-full" src="https://blognote01.com/wp-content/uploads/2019/12/twenty7.jpg" alt="" width="600" height="295" srcset="https://blognote01.com/wp-content/uploads/2019/12/twenty7.jpg 600w, https://blognote01.com/wp-content/uploads/2019/12/twenty7-300x148.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<p>この部分で変更できるのは、<strong><span style="color: #be3144;">背景とヘッダーフッターとメインカラー</span></strong>です。</p>
<p>背景とヘッダー・フッターは、そいれぞれの部分で色変更します。その他、メインカラーの変更は1段階多い作業ですので下記で説明します。</p>
<p>メインカラーとは、以下のようなテキストやポイントのカラーです。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-6541 size-full" src="https://blognote01.com/wp-content/uploads/2019/12/twenty8.jpg" alt="" width="500" height="310" srcset="https://blognote01.com/wp-content/uploads/2019/12/twenty8.jpg 500w, https://blognote01.com/wp-content/uploads/2019/12/twenty8-300x186.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />
<h4>メインカラーの変更の手順</h4>
<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>3.　テーマオプション</h3>
<p>テーマオプションでは、ヘッダーの上の検索（虫眼鏡）の部分の表示・非表示やアーカイブページの全文表示or要約表示などを設定できます。</p>
<h3>4.　カバーテンプレート</h3>
<p>カバーテンプレートでは、オーバーレイの背景色や、テキスト、不透明さなどの設定ができます。</p>
<h3>5.　背景画像</h3>
<p>ここではバックの画像を追加できます。画像を選択をクリックしメディアから画像を設定します。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-6543 size-full" src="https://blognote01.com/wp-content/uploads/2019/12/twenty9.jpg" alt="" width="500" height="263" srcset="https://blognote01.com/wp-content/uploads/2019/12/twenty9.jpg 500w, https://blognote01.com/wp-content/uploads/2019/12/twenty9-300x158.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" />
<h3>6.　メニュー</h3>
<p>メニューの設定では、メニューの内容と配置する位置の設定ができます。</p>
<ul>
<li>メニューの新規追加をクリック</li>
<li>メニュー名を入力</li>
<li>メニューの位置を設定</li>
<li>項目を追加をクリック</li>
<li>右側からメニューに入れたいものを選択</li>
<li>公開をクリック</li>
</ul>
<p>&nbsp;</p>
<p><strong>↓　意外と簡単！初心者にも使ってほしいテーマ</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>初心者でも簡単にカスタマイズできるワードプレステーマ「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>
<img loading="lazy" decoding="async" class="alignnone wp-image-6544 size-medium" src="https://blognote01.com/wp-content/uploads/2019/12/twenty10-145x300.jpg" alt="" width="145" height="300" srcset="https://blognote01.com/wp-content/uploads/2019/12/twenty10-145x300.jpg 145w, https://blognote01.com/wp-content/uploads/2019/12/twenty10.jpg 364w" sizes="(max-width: 145px) 100vw, 145px" />
<p>メニューの位置を指定します。</p>
<ul>
<li>デスクトップ水平メニュー</li>
<li>デスクトップ展開メニュー</li>
<li>モバイルメニュー</li>
<li>フッターメニュー</li>
<li>ソーシャルメニュー</li>
</ul>
<p>&nbsp;</p>
<p>指定できたら「次へ」をクリック。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-10462 size-full" src="https://blognote01.com/wp-content/uploads/2019/12/twtw1.jpg" alt="" width="400" height="474" srcset="https://blognote01.com/wp-content/uploads/2019/12/twtw1.jpg 400w, https://blognote01.com/wp-content/uploads/2019/12/twtw1-253x300.jpg 253w" sizes="(max-width: 400px) 100vw, 400px" />
<p>&nbsp;</p>
<p>メニューに組み込みたい項目を右で選びます。</p>
<p>すべて入力ができたら「公開」をクリック。</p>
<p>&nbsp;</p>
<p><strong>↓　このブログから大人気のTHE THOR（ザ・トール）を購入くださった方に特典をプレゼントしています。</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>初心者でも簡単にカスタマイズできるワードプレステーマ「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>7.　ウィジェット</h3>
<p>ここではフッターに追加する項目を選びます。</p>
<ul>
<li>フッター1・・・左側</li>
<li>フッター2・・・右側</li>
</ul>
<p>ウィジェットの部分からどちらを編集するか選びます。</p>
<p>ウィジェットの追加をクリックし追加したい項目を選びます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-10463 size-full" src="https://blognote01.com/wp-content/uploads/2019/12/twtw2.jpg" alt="" width="400" height="423" srcset="https://blognote01.com/wp-content/uploads/2019/12/twtw2.jpg 400w, https://blognote01.com/wp-content/uploads/2019/12/twtw2-284x300.jpg 284w" sizes="(max-width: 400px) 100vw, 400px" />
<p>&nbsp;</p>
<p>選び終わったら「公開」をクリック。</p>
<p>&nbsp;</p>
<h3>8.　ホームページ設定</h3>
<p>ここでは、ブログを開いて一番最初にどのページが出てくるのかを設定します。</p>
<ul>
<li>最近の投稿</li>
<li>固定ページ</li>
</ul>
<p>上記どちらか選んでください。</p>
<p>&nbsp;</p>
<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>
<h2>Twenty Twentyの投稿ページ（Wordpressデフォルトテーマ）　Gutenberg編</h2>
<p>WordPress5.0から導入されたブロックエディターのGutenberg。画像処理などができるので重宝する部分もありますが、実際のところ使いこなしている方はまだ半分くらいではないでしょうか。</p>
<p>私も一度は導入しましたが、classic editorというプラグインで旧エディターで作業をしています。将来旧エディターはなくなるのでしょうが、やはり見慣れたエディターがやりやすいと考えている方もおられるのではないでしょうか？</p>
<p>twentynineteenから対応となっているGutenbergは、このTwenty Twentyでも対応となっていますので、どんな風に編集するのか簡単に説明しておきます。</p>
<p>&nbsp;</p>
<h3>投稿ページの新規追加</h3>
<img loading="lazy" decoding="async" class="alignnone wp-image-6548 size-full" src="https://blognote01.com/wp-content/uploads/2019/12/twenty13.jpg" alt="" width="600" height="271" srcset="https://blognote01.com/wp-content/uploads/2019/12/twenty13.jpg 600w, https://blognote01.com/wp-content/uploads/2019/12/twenty13-300x136.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<p>画面上に出てくる「+」をクリックするとブロックのメニューが出ます。ここで「画像」や「見出し」「テキスト」などを選びます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-6549 size-full" src="https://blognote01.com/wp-content/uploads/2019/12/twenty14.jpg" alt="" width="600" height="335" srcset="https://blognote01.com/wp-content/uploads/2019/12/twenty14.jpg 600w, https://blognote01.com/wp-content/uploads/2019/12/twenty14-300x168.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<p>画像を取り入れる場合、「画像」をクリックすると以下のようなブロックが出てきます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-6550 size-full" src="https://blognote01.com/wp-content/uploads/2019/12/twenty15.jpg" alt="" width="600" height="322" srcset="https://blognote01.com/wp-content/uploads/2019/12/twenty15.jpg 600w, https://blognote01.com/wp-content/uploads/2019/12/twenty15-300x161.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<p>取り込んだ画像はこのように表示され、画像の上についた青い小さな丸をドラッグアンドドロップで引っ張ると大きくなったり小さくなったりします。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-10464 size-full" src="https://blognote01.com/wp-content/uploads/2019/12/twtw3.jpg" alt="" width="400" height="325" srcset="https://blognote01.com/wp-content/uploads/2019/12/twtw3.jpg 400w, https://blognote01.com/wp-content/uploads/2019/12/twtw3-300x244.jpg 300w" sizes="(max-width: 400px) 100vw, 400px" />
<p>&nbsp;</p>
<p>見出しを入れたいときは以下の通り。ここで見出しのサイズも一緒に選べます。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-6552 size-full" src="https://blognote01.com/wp-content/uploads/2019/12/twenty18.jpg" alt="" width="600" height="179" srcset="https://blognote01.com/wp-content/uploads/2019/12/twenty18.jpg 600w, https://blognote01.com/wp-content/uploads/2019/12/twenty18-300x90.jpg 300w" sizes="(max-width: 600px) 100vw, 600px" />
<p>記事の文章を入力する場合には、「段落」をクリックすると以下のようなブロックが追加されますのでテキストを入力します。</p>
<img loading="lazy" decoding="async" class="alignnone wp-image-6553 size-full" src="https://blognote01.com/wp-content/uploads/2019/12/twenty19.jpg" alt="" width="600" height="151" srcset="https://blognote01.com/wp-content/uploads/2019/12/twenty19.jpg 600w, https://blognote01.com/wp-content/uploads/2019/12/twenty19-300x76.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 Twentyを使ってみた感想　（Wordpressデフォルトテーマ）</h2>
<p>Twenty TwentyはTwentynineteenと同じく1カラムなので、サイドバーがありません。文章を読み進んでもらえるという利点はありますが、カテゴリーなど整理して見せたい場合には、フッターまで読んでもらわないといけません。</p>
<p>その他、色合いについては少し変化がみられTwentynineteenの白一色でぼんやりしていたものよりも見やすくなったと思います。カスタマイズも別段難しくないですし、項目が少ない分基本部分だけなのでまだブログを始めたばかりの方でも使いこなせます。</p>
<p>このテーマは趣味の範囲内で使い、アドセンスやアフィリエイトにはあまり向かないと感じました。</p>
<h2>なつの独自５段階評価</h2>
<p>Twenty Twentyについて、なつの独自５段階評価しました！</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="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="1"></span> 星1</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p>Twenty Twentyは、WordpressやGutenbergの練習用には良いですし、趣味なら問題なく使えると思います。少し背景が追加されたことで奥行きが出て見た目にも変化があるので使い方によっては面白いかなと。</p>
<p>ただ、Wordpressに慣れたあとは単調なので飽きるかもしれません。</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 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/twentytwenty%e2%80%90tokuchou/feed</wfw:commentRss>
			<slash:comments>8</slash:comments>
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">6525</post-id>	</item>
	</channel>
</rss>
