ワードプレスではブログ運営のためのテーマ（テンプレート）が無料で用意されています。

今回は、ビジネス特化型の「Storefront」というワードプレスのおすすめテーマの使い方やカスタマイズ方法をお伝えしていきます。

　2023年、話題のワードプレステーマ「THE THOR」
⇒　THE・THORの公式ページを確認する。

※　今なら、8大購入特典をプレゼント！

関連記事【THE THORの評判】実際使ってみた口コミとレビュー。

WordPressテーマ「Storefront」とは。

Storefrontとは、ワードプレスのディレクトリにあるWordpressテーマです。Storefront（ストアーフロント）とあるように、Eコマーズや商品を扱うビジネス向けに作られたものです。

もちろん、一般のブログ等でも使えるように最低限のカスタマイズもできますが、 WooCommerce（ウーコマーズ）というプラグインを利用すればいわゆるネットショップのような販売サイトにもなります。

売りたい商品やサービスがある方にとってはとても便利なテーマです。ここではプラグインWooCommerceを使った簡単なサイト構築を説明していきます。

THE THORオリジナルデザインプレゼント中！

当ブログのTHE THORオリジナルテンプレート！

このブログからTHE THORをご購入くださった方にマニュアルをプレゼントしています。

追加特典「綿毛」

特典「シンプル」

追加特典「ai」

※他のデザインは以下の記事で見れますので覧ください。
⇒【簡単】THE THORデザインの事例集6選！初心者でも作れるアレンジを紹介！

特典付きでTHE THORを購入する

／／今なら、なつ特製オリジナルデザインマニュアル付き！＼＼
※ヘッダーの画像は、写真ACとイラストACのイラストレーターさん方の作品です。特典内でURLをお伝えしています。

Storefrontの特徴　【Wordpressテーマ】

Storefrontのおおまかな特徴をお伝えすると以下のようになります。基本的には、ネットショップのように何かを売る時などに便利なWordpressテーマです。

• レスポンシブ・スマホ対応
• Eコマーズ対応
• ネットショップ構築
• カスタムカラー機能
• SEO対策
• 簡単にPC画面とスマホ画面を確認できる

使ってみた感想

WooCommerce　For　Japanの公式動画を観ると、このテーマはプラグインWooCommerceのために作ったテーマだと言えます。

ビジネス用の支払いや送料設定など細かな設定ができる反面、初心者には扱いが難しいです。もちろんWooCommerce抜きで考えるとかなりシンプルなので使えないことはありませんが、かなりシンプルなので一般の趣味ブログやアドセンスなら他テーマでも良いと思います。

ビジネスにおすすめな点

• ビジネス用のツールがそろっている
• 支払い管理・購入管理なども網羅している
• 1つ1つの商品管理
• ワンクリックでスマホ画面やタブレット画面などを呼び出せる
• メニューにブログも追加できるため店のアピールも可能

商品やサービスを売るためのすべての構成ができます。商品管理、支払い管理、購入後管理までビジネスをしたい人が比較的に簡単にブログ導入できるテーマ。

ネットショップサービスなどで高いお金を使うことなく自分自身で完結してしまうのでマスターすれば経費節減になります。

StorefrontにWooCommerceを導入することで拡張し思い通りのネットショップが作れます。ただし、Storefrontテーマをダウンロードするだけでは、シンプルなサイトしか作れませんのでWooCommerceの導入とカスタマイズが若干難しく感じるかもしれません。

WooCommerceではツールも多く用意されているのですが、まずここでは基本の設定をご紹介します。

初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」！
⇒THE THORの公式ページを確認する
※今なら、8大購入特典をお付けしています！

関連記事【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）

↓　ビジネスにも個人ブログにも使える日本のテーマを調べています！

関連記事【2023年最新】WordPress日本語おすすめテーマまとめ！初心者向け有料＆無料も！

Storefrontのメリット・デメリット　【Wordpressテーマ】

Storefrontは無料で導入できるWordpressテーマです。なにか商品があれば気軽にネットショップを作れるので予算がない場合などには重宝します。

メリット

• ネットビジネス用の一通りのツールがある
• WordPressの人気のテーマ
• 売るもの・売るサービスがある人に最適
• 無料で導入できる

デメリット

• WooCommerceの設定が詳細で煩わしい
• 広告の設定ができない（プラグインで対応可能）
• アドセンスやアフィリエイトは向いていない
• 個人ブログには向いていない
• 細かな部分は自分自身で対応しなければいけない（マニュアルがない）
• 外国の方が作っているので基本は英語対応

Storefrontは無料で使えるので手軽に導入できます。慣れていけば使えるのですがやはりたまに英語が出てくると驚きますし、なにか不具合があった場合はおそらく焦るだろうなというのが率直な感想です。

WordPressテーマをインストールする方法

この章からは、実際にStorefrontを使ってカスタマイズをしてみたいと思います。自分の好きなテーマが決まったら、テーマを導入していきます。

インストール方法

• ダッシュボードを開く　→　外観　→　テーマ好きなテーマを選ぶ　→　インストール　→　有効化　→　完了！

詳しいインストール方法は、以下の記事を参考にしてください。

関連記事WordPressのテーマをインストールする方法を解説！

WooCommerceのインストール

Storefrontテーマをインストールできたらダッシュボードに以下のようなメッセージが出てきます。WooCommerce（プラグイン）のインストールをします。

インストールができたら「有効化」をクリックします。

【Storefrontカスタマイズ設定方法 step1】　プラグインWooCommerceの初期設定

WooCommerceでは、最初の設定として国や通貨、お店の住所や配送料などビジネスで必要な項目を入力していきます。

WooCommerceをインストールすると管理メニューに「WooCommerce」の文字が現れます。ここからカスタマイズや設定をしていきます。

▼「WooCommerce」⇒「設定ウィザードを開始」

お店の場所の設定

デフォルトでは「イギリス」になっています。日本に変更をし、店の住所などを入力。

支払い方法の設定

住所の入力の次の画面では、購入後の支払い方法の設定をします。

ここではオンライン決済の「stripe」と「paipal」が選べます。初期設定ではどちらもONになっていますので、使わない場合にはOFFにしてください。

決済はその他オフラインでも指定可能です。

• stripe
• paipal（ペイパル）
• 小切手支払い
• 銀行振込支払い
• 代金引換

送料

送料の画面では、一律送料にするのか無料なのかなどの指定ができます。送料は1つのみ設定でき詳細に分けることはできません。

ここでは例として以下のように設定します。

おすすめ設定

MailchimpとFacebookへの設定です。

ストアを Jetpack に連携する

Jetpack に連携しない場合にはスキップ。

ここまでで完了です。

商品を1品ごとに設定もできますし、CSVでまとめてインポートすることもできます。

【Storefrontカスタマイズ設定方法 step2】　WooCommerceカテゴリー設定

ここからは、WooCommerceでの商品等の設定をしていきます。まずは商品のカテゴリー分けをしてみます。

▼「商品」⇒「カテゴリー」

カテゴリー名を入力し「新しいカテゴリー」ボタンをクリック

【Storefrontカスタマイズ設定方法 step2】　商品を設定

商品を1品ずつ設定していきます。

▼「商品」⇒「新規追加」

この画面を開くと、一般の投稿画面のような画面が出てきます。必要事項を入力し商品画像を設定します。

この画面では、商品の標準価格や送料や在庫などが入力できます。

商品画像を設定し、必要事項を入力し「プレビュー」で確認すると・・・

商品写真は複数設置可能なので、靴の別角度からの写真、素材のアップ、裏地など見てほしい画像を増やしていけます。

「公開」をするとショップの項目に商品が追加されていきます。blogも個別に残るので例えばお店の内容などを発信するために発信していくこともできます。

商品を追加するだけでネットショップのようなサイトができるのと、お店と読者の距離を縮める意味でも店のブログを作って宣伝も1つのWordpressブログでできるのでとても便利。

人気記事ガチ比較！おすすめのワードプレステーマSEO効果が強いのはコレだ。

商品の管理

商品が入力できたら、一覧表で管理できます。

▼「商品」⇒「すべての商品」

商品に関するほとんどの管理項目は個別ページで入力しておけばできるのでとても便利。右の☆マークは「おすすめ」かどうかの区別です。

ダッシュボードの下部には、以下のような販売の管理画面も現れます。

ここでいくつ売れたのかなどの利益管理もできますので、商品を持っている人には至れり尽くせりのテーマだといえます。

Storefront（Wordpressテーマ）基本項目カスタマイズ　一覧

Storefrontの基本部分、以下の項目のカスタマイズ設定を見ていきましょう。

【Storefrontカスタマイズ設定方法 step1】　カスタマイズへのアクセス

カスタマイズをするためにコントロールパネルを出します。

▼「ダッシュボード」　⇒　「外観」　⇒　「カスタマイズ」

【Storefrontカスタマイズ設定方法 step２】サイト基本情報

サイト基本情報でできること。

• サイトタイトル設定
• キャッチフレーズ設定
• ロゴの設定
• サイトアイコンの設定

ロゴの設定

ロゴを選択ボタンを押すと、画像を選ぶ画面が現れます。そこからファイルをアップロードするとメディアボックスに画像が入りますので、好きなものを選んでください。

（※以下の画面はTwenty Seventeenですが、構成ややり方はStorefrontと同じです）

サイトタイトル・キャッチフレーズ設定

▼「外観」　⇒　「カスタマイズ」　⇒　「サイト基本情報」　⇒　サイトタイトルとキャッチフレーズを設定

詳しくは以下の記事で解説していますので参考にしてください。

関連記事ワードプレスのタイトル・キャッチフレーズの設定を解説

サイトアイコンの設定

サイト基本情報ではサイトアイコンの設定もできます。サイトアイコンとは、サイトを見ると上に出てくる小さなマークのようなものです。

↑

こんなのです。

好きなアイコン（マーク）を選びます。
サイズは512ピクセル　×　512ピクセル以上の正方形の大きさとしてください。

▼「サイトの基本情報」　⇒　「画像の変更」　⇒　画像を選ぶ

【Storefrontカスタマイズ設定方法 step３】　ヘッダー

ヘッダー画像（ブログの上部分）の編集がここでできます。

• ヘッダー画像の設定
• 背景色
• テキスト色
• リンク色

変更できるものは、ブログの背景の色とヘッダーのテキストの色そしてラインやボタンのマウスオーバーした時の色をまとめて設定できます。

▼「外観」　⇒　「カスタマイズ」　⇒　「ヘッダー」

「新規画像を追加」をクリックするとメディアがでてきます。ヘッダーにしたい画像を選ぶとどの部分で切り取るかがでてきますので指定してください。

ヘッダーの画像の推奨の大きさが1950×500ピクセルです

【Storefrontカスタマイズ設定方法 step4】　フッター

このセクションで編集できるのは以下の通りです。

• フッター背景色
• フッター見出し色
• フッターテキスト色
• フッターリンク色

【Storefrontカスタマイズ設定方法 step5】　背景

背景のカスタマイズもとてもシンプルです。

コントロールパネルの「画像を選択」をクリックし背景にしたい画像を設定すると背景設定ができます。コンテナがない分テキストが見えづらくなりますので背景はない方が見えやすいです。

【Storefrontカスタマイズ設定方法 step6】　タイポグラフィ・ボタン

ここでは、タイポグラフィ（サイト内の文字）とボタンの色の設定ができます。

色の設定は同じ作業ですので好きな色を合わせてみてください。色を設定後に「公開」をクリックするとサイトに反映されます。

【Storefrontカスタマイズ設定方法 step7】　レイアウト

blog部分やお問い合わせなどのサイドバー変更が可能です。

こちらもとてもシンプル、右サイドバーにするのか左サイドバーにするのかの変更です。

【Storefrontカスタマイズ設定方法 step8】　メニュー

Storefrontでは、公開されているナビゲーションメニューなどの設定も「メニュー」で簡単にできます。これまで公開してきた重要記事などをリンクをつけて読者の目を引く部分に設置することが可能。

メニューが配置されるのはサイトの上部

例えば、サイトの上部やフッター部分にナビゲーションメニューを入れたい時にこのメニューの項目で変更していきます。

• ナビゲーションメニューの作成・編集
• メニューの位置編集

Storefrontの特有のカスタマイズ、商品部分のカテゴリー変更もここで指定できます。

商品カテゴリーの親子関係もこの画面のドラッグ＆ドロップでできます。Storefrontでは一番上のメニューで商品やカートなどを出す必要がありますので、メニュー部分で追加しておいてください。

▼「外観」　⇒　「カスタマイズ」　⇒　「メニュー」　⇒　「メニューを新規作成」

今回、「ワードプレス」というタイトルにしました。「項目の追加」をクリックすると右に展開します。カスタムリンク、投稿、カテゴリー、タグ、フォーマットからメニューに入れたいものを選んでクリック。

その他、自分が任意に入れたいURLがあれば「カスタムリンク」で指定できます。

詳しいメニュー設定方法については、以下の記事を参考にしてください。

関連記事WordPressのメニューの設定をわかりやすく解説！

【Storefrontカスタマイズ設定方法9】　　ウィジット

Storefrontでは、サイドバーとヘッダーの下、フッター1～4の調整ができます。

▼「外観」　⇒　「カスタマイズ」　⇒　「ウィジット」

サイドバーとフッター1にギャラリー（画像）を追加してみましょう。

ブログサイドバーを選び、ウィジットの追加をクリック。

（※Twenty Seventeenの画像ですが設定はほぼ同じです）

ギャラリーをクリックするとギャラリーの編集画面が出てきます。

ギャラリーに画像を追加していきます。順番を替えるには画像をドラッグしていけばOK。順序を逆にするボタンで右と左を変更することも可能。

「ギャラリーに追加」をクリックすると編集画面に飛びますが、メディアにある画像や新しい画像を選ぶこともできます。

好きな画像を選んだら公開をクリック。

サイドバーにギャラリーとカレンダーを追加した場合の完成図はコチラ

詳しいウィジットのカスタマイズ方法は以下の記事が参考になります。

関連記事WordPressのウィジェットのカスタマイズ！初心者にもわかりやすく！

画面確認が簡単

作業をしている最中に、あ・・・これってスマホ画面ならどんな風に見えているのかな？と考えたことはありませんか？

有料のテーマなどでは簡単に画面表示を替えるボタンがありますがTwenty Seventeenでもその機能があります。

コントロールパネルの左下にそのポイントがありますので作業している時にクリックすると「PC画面」「タブレット画面」「スマホ画面」と変更していけますのでとても便利です。

なつの独自５段階評価　　Wordpressテーマ「Storefront」

Storefrontについて、なつの独自５段階評価しました！

ワードプレスから配布される無料のテーマStorefrontは、ネットショップなどのビジネスをする上でとても便利なテーマです。

初心者の場合は若干迷う部分もあるかもしれませんが、慣れるとそれほど複雑ではなくウィザードに添って入力していけば簡単に商品の設定ができます。

ビジネス中心で考えるならとても使いやすいテーマです。

ビジネス向けテーマでブログや日記を始めるなら、Hestiaのカスタマイズ方法を丁寧に解説記事も読んでみてください。

↓　当ブログからWordpressテーマTHE THORを購入くださった方に特典をプレゼントしています。

関連記事【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）

初心者だからこそWordpress有料テーマ を使うべき理由

無料テーマを使うことで時間の無駄遣いをしていませんか？

• 思い通りのデザインにできない・・・
• なかなか稼げない・・・
• アクセス数が増えない・・・

こんな悩みを抱えていませんか？
 

稼ぐブログにしろ趣味ブログにしろ検索の上位にこなければなかなか読んでもらえません。もしあなたが稼ぐブログを作りたいなら、初心者の時に初期投資することはとても大事なことです。

 

Wordpressの有料テーマができる５つのこと

1. 検索上位を目指せる
2. 見た目が綺麗でおしゃれになる
3. 機能が豊富で出来ることが多い
4. 会員フォームなどのサポート
5. 有名ブロガーも有料テーマを使っている

 

これまでにあげた5つの有料テーマの特徴を説明していきます。

1.　検索上位を目指せる

ブログを運営していく上で対策をしていかなければいけないのがSEO対策です。検索エンジンのことを考えてブログを最適に合わせていくということがSEO（SearchEngine Optimizationの略）です。

• 情報の信頼性
• ユーザーへの役立つ情報であるか？
• スマホ・PCなどでストレスなく使える

 

などたくさんの要因がありますが、ブログを訪問した人があなたのブログの多くの記事を読んでくれるようなテンプレートの仕組みも有料テーマでは細やかに考えられています。

 

2.　見た目が無料テーマ以上に綺麗になる

シンプルが良いか、綺麗なテーマが良いのかそれぞれの好みによります。無料テーマは必要最低限のものを備えていますがやはりシンプルすぎていずれつまらなくなってしまいます。

有料テーマはデザイン性が高く自分の好きなデザインにもカスタマイズしやすいです。

出典：THE THOR 着せ替え「01」

↓　クリックで拡大します
出典：特製THE THORオリジナルアレンジ

 

3.　機能が豊富でできることが多い

今現在新しい機能として出てきたのが「着せ替え機能」です。過去にも賢威などにはベース色とパターンがありましたが最近ではアフィリなどはっきりと違った用途で使えるように作りこんでいます。

4.　会員フォーラムなどのサポート

なにかわからないことがあった場合、相談できる場所があるだけで安心できます。ここが無料テーマと一番違う部分、有料テーマでは売りっぱなしにしない工夫がされています。

5.　有名ブロガーも多数使用

稼いている有名ブロガーと言われる人のほとんどは有料テーマを使っています。ブログ造りでは内容も非常に大事ですが、文章や扱っている分野が同じ程度ならやはり最後の勝負はテーマの構造などになります。

もしあなたが稼ぐブログを作りたいと考えているならば「有料」テーマも検討してみてください。

カスタマイズで悩んでいる時間、ブログの完成度、上位に表示するメリットなど考えると有料テーマはあなたのお役にたちます。

当ブログおすすめWordpressテーマ！

WordPressテーマ「THE・THOR」

• 高機能の最新テーマで有名ブロガーも使用
• 着せ替え機能でいろんな用途に使える
• 複数のブログに使える（本人のブログ）
• 会員フォーラムやマニュアル完備

THE THORの8大特典を見てみる！

WordPressを導入すると、デフォルトでテンプレートが用意されている他、ユーザーが作った無料のテーマも多く登録されていてインストールして使えるようになっています。

その中でも、定番の人気を誇っているのがSydneyという無料のテーマ。

高機能な「Sydney（シドニー）」というWordpressおすすめテーマのカスタマイズ方法などをお伝えしていきます。

　2023年、話題のワードプレステーマ「THE THOR」
⇒　THE・THORの公式ページを確認する。

※　今なら、8大購入特典をプレゼント！

関連記事【THE THORの評判】実際使ってみた口コミとレビュー。

Sydney（シドニー）ってどんなWordPressテーマ？

トップページのデザインが、THE THORやSTORK19、AFFINGERのように真ん中にボタンを配置できるものになっています。

Sydneyとは、ワードプレスにあるテーマ（テンプレート）です。一番の特徴はヘッダー部分のテキストのスライド機能でしょう。

カスタマイズもしやすく、初心者でも扱いやすい印象があります。さらにデザインも有料とひけをとらないので人気もあります。

機能の特徴としては、有料テーマでもよく見かける画像の真ん中にボタンを設置したりタイトルと説明文がスライドできるようになっていたりと豊富。

さほど難しくないので初心者の方でもカスタマイズしやすいこと、それなりに作りこむこともできますので上級者の方でも満足できるというテーマです。

※Sydneyも含めたおしゃれなWordpressテーマ12選！　←　今の流行りをチェック！！

【Wordpressテーマ】　Sydney（シドニー）の特徴

ヘッダーの設定も、テキストのスライドだけではなく画像のみや画像の全くないシンプルなヘッダーとすることもできます。

初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」！
⇒THE THORの公式ページを確認する
※今なら、8大購入特典をお付けしています！

関連記事【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）

Sydney（シドニー）を使ってみた感想

ブログで重要なトップページ。Sydney（シドニー）のトップページのヘッダーは、画像の上に誘導ボタンが配置されるとても見やすいデザインです。

今のスタンダードなWordpress有料テーマでもよくみられるデザインで、人気のTHE THORやAFFINGER6、Diver、JINなどでも同じようなトップページがあります。

Sydneyに似たTHE THORのトップページ

出典：THE THOR

その他、タイトルがスライドしてきて表示されるという動的なアプローチも使うことができます。趣味にもアフィリエイトなどにも万能で使えるテーマといえるでしょう。

ヘッダー部分は第5スライドまで画像とテキストが設定できますし、カテゴリーの多い分野のサイトなどにも対応できそうです。

しかも、難しい設定もせずプラグインも不要なので初心者にもやさしいテーマだと言えます。無料テーマなのに有料テーマに迫る機能を持っていることからおすすめです。

初心者におすすめな点

Sydney（シドニー）は無料なので、導入して試しやすいテーマです。無料であるものの設定を工夫することで有料に近づけることも可能。

• 高機能な部分も編集しやすい
• 画面から変更も可能
• ワンクリックでスマホ画面やタブレット画面などを呼び出せる
• ヘッダー部分のテキストスライド表示
• スマホでもテキストスライド表示
• ヘッダー部分に誘導ボタン設置
• お金がかからない

初心者におすすめする理由は、高機能だけども編集しやすいということがあげられます。

左のコントロールパネル（カスタマイズ項目）を見ながら操作でき右側に完成イメージが出てくることから、色設定やヘッダーなどどんな見え方をするのかなど1画面で確認できます。

さらに、画面の鉛筆マークをクリックすることで編集したいカスタマイズ項目にカーソルが飛んでくれるというのも初心者には優しい点。

Sydney（シドニー）の特徴である動的なヘッダーは使い方次第でかなり目をひくサイトになります。

↓　Wordpressテーマ「THE THOR」公式デザインに芸大卒なつのデザイン10種類追加！

Sydneyのメリット・デメリット

Sydney（シドニー）は使いやすいテンプレートです。無料ということもあり導入するのにもハードルが低いことが利点ですが、やはりトップページを作るのには多少知識が必要です。

ある程度ブログ作りに慣れた方は良いのですが初めてブログを作る方などは難しく感じることもあるかも。

メリット

最大のメリットは、Sydney（シドニー）の機能を無料で使えるということです。有料テーマよりは見落とりはするものの、魅力的なトップページを作りこむことが可能。

• 操作がシンプルで感覚的に使える
• 人気のテーマなのでカスタマイズ方法が検索でみつかる
• PCでもスマホでもヘッダーのテキストがスライドして目立つ
• 無料なのでハードルが低い

デメリット

慣れてくれば簡単なことでもやはり初めて使う場合には少し難しく感じることもあると思います。

• 編集項目が多くて複雑に見える
• 広告の設定ができない（プラグインで対応可能）
• ヘッダーばかりが目に行って文章が読まれない可能性も
• 超初心者にとってはトップページ作成が難しい

Sydneyは無料の中でも人気のワードプレスのテーマです。カスタマイズも慣れれば全く難しくありませんし、ブログ上級者も使っている方も見受けられます。初心者でもカスタマイズは迷わずできそうなので、目を引くサイトにしたい方にはこのテーマが良いでしょう。有料ほどではありませんが、高機能なサイトを作りたい方はこのテーマでOK！

WordPressテーマ「Sydney」インストール方法

ここからは、テーマの導入方法を説明していきます。インストールは他のテーマと変わりません。

WordPressのデフォルトのテーマの中から「Sydney（シドニー）」を選びインストールして有効化するだけなので簡単です。

具体的なインストール方法

ここからは具体的なインストール方法を説明します。

▼　外観　⇒　テーマ　⇒　新規追加　

検索窓に「Sydney」と入力すると出てきます。

画像の上にカーソルをもっていくと文字が浮かび上がってきます。

「インストール」を選びクリックしてから「有効化」すると完了です。

↓　詳しいインストール方法は、以下の記事も参考にしてください。

関連記事WordPressのテーマをインストールする方法を解説！

2021.11.16

Sydneyテーマをインストールできたらサイトの見栄えをよくするためにカスタマイズしていきましょう。

ここでは、Sydneyをどこよりもわかりやすく使い方やカスタマイズ方法を説明していきます。

↓　最新の人気のテーマ大集合！

記事を取得できませんでした。記事IDをご確認ください。

Sydneyのカスタマイズ　【目次】

Sydneyでは、以下の項目をカスタマイズ設定していくことが出来ます。

Sydneyの便利な使い方

カスタマイズの場所（コントロールパネル）を開くには、2つの方法があります。

• 外観からコントロールパネルに行く方法
• 画像の鉛筆マークからコントロールパネルに行く方法

「ウィジット」「メニュー」「レイアウト」など言葉が難しくどの部分の編集をしているのかわかりづらい場合は画像を見て鉛筆マークをクリックして変更するのをおすすめします。

関連記事WordPressテーマおしゃれなもの厳選12選！【有料＆無料】かわいいブログテンプレートも。

2023.07.11

外観から編集する方法

ダッシュボードの左側の管理メニューの部分から入って行きます。

WordPressにログインすると上のようなダッシュボードが出てきます。

「外観→カスタマイズ」に進むと実際カスタマイズするコントロールパネルが現れます。

左側に実際編集を指示するコントロールパネル、右側には確認する画面が現れますので、出来上がりを見ながら変更をしていくことが可能です。

鉛筆マークで編集する方法

画像の中に鉛筆マークがあります。

どのテーマでもこのマークがついている場合は、クリックすると編集したいコントロールパネルに飛んでくれるのでとても簡単に変更できます。

例えば、右のサイドバーのギャラリー（画像）を変更しようとした場合、マークを押さえると編集する画面が勝手に現れます。

カスタマイズの方法は、ダイレクトに修正画面に行く方法もありますが、完成イメージ図がないので初めのうちは画像を見ながら修正できる方法でカスタマイズした方が無駄がありません。

【Sydneyの使い方　ステップ　1】一般設定

一般設定は文章部分の上の余白のサイズを変更します。

一般設定までのアクセス方法

▼「ダッシュボード」　⇒　「外観」　⇒　「カスタマイズ」　⇒　「一般設定」

Sydneyでの一般設定は、余白の長さの設定です。

初期値は上が「83」下が「100」に設定されていますので、好きな長さに調整しながら設定してください。

カスタマイズの方法は、ダイレクトに修正画面に行く方法もありますが、完成イメージ図がありません。初めのうちは画像を見ながら修正できる方法でカスタマイズした方が無駄がありません。

ここでは、画像をみながらできるカスタマイズ方法をお伝えしていきます。

【Sydneyの使い方　ステップ　2】サイト基本情報

一般的に「サイト基本情報」の部分がSydneyでいう「サイトのタイトル」「タグライン」「ロゴ」の部分です。
変更できる項目は他の基本情報と変わりません。

• サイトタイトル設定
• キャッチフレーズ設定
• ロゴの設定
• サイトアイコンの設定

アクセス方法

▼「外観」⇒「カスタマイズ」⇒「サイトのタイトル、タグライン、ロゴ」

ロゴの設定

ロゴを選択ボタンを押すと、画像を選ぶ画面が現れます。そこからファイルをアップロードするとメディアボックスに画像が入りますので、好きなものを選んでください。

↓　Wordpressのテーマ最新情報！

関連記事【2023年最新】WordPress日本語おすすめテーマまとめ！初心者向け有料＆無料も！

2023.09.26

サイトタイトル・キャッチフレーズ設定

サイトタイトル・キャッチフレーズはブログになにが書かれているかひと目でわかるようにするために設定するようにしましょう。

できれば、自分が集客したい内容に対するキーワードを盛り込んで考えてみてください。

詳しくは以下の記事で解説しています。

関連記事ブログタイトル決め方の黄金ルール！例文と知っておきたい鉄則！

2022.08.03

サイトアイコンの設定

サイト基本情報ではサイトアイコンの設定もできます。サイトアイコンとは、サイトを見ると上に出てくる小さなマークのようなものです。

↑

こんなのです。

好きなアイコン（マーク）を選びます。
サイズは512ピクセル×512ピクセル以上の正方形の大きさとしてください。

【Sydneyの使い方 step３】　ヘッダーエリア

ヘッダーエリアの変更がSydney（シドニー）のキモになっている部分。ここで動的なヘッダーを作っていきます。

• ヘッダーの種類
• ヘッダースライダー
• ヘッダーメディア
• メニュースタイル

アクセス方法

▼「外観」⇒「カスタマイズ」⇒「ヘッダーエリア」

ヘッダーの種類

ここでヘッダーの種類を選びます。

• 全画面スライダー
• 画像
• 動画
• ヘッダーなし（メニューのみ）

↑全画面スライダー
カラム1（左）

↑画像

↑ヘッダーなし（メニューのみ）

ヘッダーの種類のカスタマイズ

この部分では大まかにどんなヘッダーにするのかを決める部分です。シンプルにしたい方はヘッダーなしを選んでください。

テキストをスライダーにしたい場合にはここで「全画面スライダー」を選びます。

関連記事ブログで使えるイラスト25選！フリー（無料）素材でサイトをパワーアップ！

2022.08.08

ヘッダースライダー

ヘッダースライダーの設定では、5つのスライドが設定できます。

コントロールパネルの一番上には、スライダーの速さを設置する部分がありますが、初期値「4000」となっています。

速さについては特に変更する必要はないでしょう。

スライダー部分のカスタマイズ

画像のアップロード、タイトル、サブタイトまで設定すると以下のようになります。

行動喚起ボタン

ヘッダーの真ん中にあるボタンの編集がこの項目の一番下にあります。運営するお店の場所やアフィリエイトで広告に飛ばすとか、見てほしいページにヘッダーから直接誘導するのがこちらの設定となります。

アフィリエイトではいわゆるキラーページを作っておいてこのボタンで誘導するのも良いと思います。

メニュースタイル

メニューの位置などを設定します。

メニューの固定

1. 先頭に固定表示
2. 標準

• 先頭に固定表示

画像をスライドしても右上にメニューが残ります。

• 標準

標準なら、画像をスライドすると右上のメニューが消えてしまいます。

メニュースタイル

1. インライン
2. 中央揃え (メニューとサイトロゴ)

• インライン

• 中央揃え (メニューとサイトロゴ)

初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」！
⇒THE THORの公式ページを確認する
※今なら、8大購入特典をお付けしています！

関連記事【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）

【Sydney使い方 ステップ　4】　ブログ設定

各ブログページやアーカイブページのレイアウトやトップページに記事全文を載せるか載せないかなど細かな設定ができます。

• レイアウト
• コンテンツ/抜粋
• メタ情報
• アイキャッチ画像

この項目でのカスタマイズは個別記事にアイキャッチを省く方法などの指示ができます。感覚的にカスタマイズできますので特に難しくはありません。

レイアウト

1. クラッシック
2. クラシック（代替）

↑クラシック

↑クラシック（代替）

トップページでヘッダーと個別アイキャッチの画像が重ならないようにこの部分で非表示にしたりするのもこの項目です。

立派なヘッダーをつけても、個別記事のページではアイキャッチの画像とダブってしまうことがあります。そこで、この項目でアイキャッチを「非表示」にするというカスタマイズをします。

↓　ステップ　5以降は「次のページ」をご覧ください　↓

ワードプレスを導入する場合、やはりサイトの見栄えが気になりますよね。

ワードプレスではブログ運営のためのテーマ（テンプレート）が無料で用意されています。

今回は、「Hestia」というワードプレスのおすすめテーマの使い方やカスタマイズ方法をお伝えしていきます。

　2023年、話題のワードプレステーマ「THE THOR」
⇒　THE・THORの公式ページを確認する。

※　今なら、8大購入特典をプレゼント！

関連記事【THE THORの評判】実際使ってみた口コミとレビュー。

HestiaってどんなWordPressテーマなの？

Hestiaとは、ワードプレスを導入すると使えるテーマ（テンプレート）です。

高機能でオシャレなテーマを無料で使用できますので、Wordpressのテーマの中でも人気ランキングの上位にきています。

トップページの構成が洗練されていてどちらかというとビジネスに向いていますが、カスタマイズ方法を順を追ってやっていけば決して難しいテーマではありません。

Hestiaには、Hestia Proという有料部分が用意されていますが、無料部分でも十分おしゃれなサイトが作れます。

THE THORオリジナルデザインプレゼント中！

当ブログのTHE THORオリジナルテンプレート！

このブログからTHE THORをご購入くださった方にマニュアルをプレゼントしています。

追加特典「綿毛」

特典「シンプル」

追加特典「ai」

※他のデザインは以下の記事で見れますので覧ください。
⇒【簡単】THE THORデザインの事例集6選！初心者でも作れるアレンジを紹介！

特典付きでTHE THORを購入する

／／今なら、なつ特製オリジナルデザインマニュアル付き！＼＼
※ヘッダーの画像は、写真ACとイラストACのイラストレーターさん方の作品です。特典内でURLをお伝えしています。

WordPress導入すると使えるテーマって何？

WordPressをダウンロードすると、Wordpressでほぼ毎年配布されるテーマがありますが、それ以外に、Wordpressに登録されたテーマが数千あります。

例えば、シドニーやLightingのような無料で使えるテーマを検索し、インストールすることで使用することができるようになっています。

Hestiaの特徴

使ってみた感想

Hestiaは、基本的な部分は備えつつ自分らしい個性的なサイトが作れるテーマだと思いました。一番印象に残ったのは、フロントページセクションです。

いわゆるトップページなのですが、細かく編集部分が区切られていて画像編集や任意のURLに誘導できるボタンなども備えているので、ビジネスと相性が良いと思いました。

Twenty Nineteenなどのシリーズテーマが物足りないと感じている人にとってはピッタリ。

デザイン的にはとにかくカッコいい！のでビジネス以外にも、文章の多い読み物ブログでも十分使えます。

しかし、ところどころ英語表示で動かない部分や英語のページに飛んでいくこともあり若干意味不明の画面が現れ不安になりました。

外国の方が作っているものは1部英語で何ができるかわからないものがあります。まだブログを初めて時間が経っていないなら有料テーマの方が煩わしい設定をすることなくブログ作りに集中できます。

お店やビジネスにおすすめな点

• 見た目がおしゃれ
• ページサイドバーレイアウトなど詳細な設定
• タイポグラフィー（文字設定）変更可能
• 完璧なフロントページができる

ビジネスにおすすめする理由は、カッコよく機能的なフロントページが編集できるという点です。任意のURLにスマートに飛ばせるボタンをさりげなく上部に配置でき、自分たちのお店の紹介やお問い合わせまで完結します。

Hestiaは細かい部分まで気を使って作りこめるのが魅力です。多少ワードプレスの知識があった方がなじみやすいですが、初心者でも感覚的に使えます。

Hestiaのメリットデメリット

メリット

• カッコいいサイトが作れる
• WordPressで人気のテーマ
• エディターで「PC画面」「タブレット画面」「スマホ画面」が見れる。

デメリット

• 詳細すぎて初心者には難しい
• 広告の設定ができない（プラグインで対応可能）
• ところどころ英語が出てきて不安になる

WordPressテーマをインストールする方法

自分の好きなテーマが決まったら、テーマを導入していきます。

インストール方法

• ダッシュボードを開く　→　外観　→　テーマ好きなテーマを選ぶ　→　インストール　→　有効化　→　完了！

詳しいインストール方法は、以下の記事を参考にしてください。

関連記事WordPressのテーマをインストールする方法を解説！

Hestiaをカスタマイズする前に【Orbit Fox Companionプラグイン導入】

Hestiaをダウンロードすると、以下のような画像がでてきます。

▼カスタマイズの前にテーマがおすすめするOrbit Fox Companionというプラグインの導入をしていきます。

▼メッセージが出てきますので、「テーマ設定へ移動」をクリックします。

▼おすすめ設定のタブをクリックすると以下のように展開します。

インストールと有効化をクリックするとプラグイン「Orbit Fox Companion」の導入が完了です。

Hestiaを使う上での必要なプラグインです。特になくても最低限のカスタマイズはできますが「特徴」「チーム」「お客様の声」のセクションを利用する方はダウンロードしてください。

基本的にHestiaのような無料テーマは簡単にカスタマイズできるようになっていますが、Hestiaではもっと高機能にするために有料に誘導するものもあります。

無料部分は使っているうちに飽きてくるので将来的に高機能にすることを見越し、日本製でサポートのある有料テーマを選んで作りこんだ方が後々便利です。

↓　日本語で有料と無料の優秀テーマをまとめています。

関連記事【2023年最新】WordPress日本語おすすめテーマまとめ！初心者向け有料＆無料も！

以下の項目をカスタマイズしていきます

Hestiaをダウンロードできたらサイトの見栄えをよくするためにカスタマイズしていきましょう。カスタマイズからできる設定は以下の通りです。

Hestiaは他のテーマとはガラリと違った個性的なテーマです。それ故に特別な変更がありますが、無料部分で繁栄するカスタマイズと反応しないカスタマイズがあるようです。

最初から設定されているものでも十分使えますので、難しく考えずに使ってみてください。

【Hestiaカスタマイズ設定方法 step1】サイト基本情報

サイト基本情報でできること。

• サイトタイトル設定
• キャッチフレーズ設定
• ロゴの設定
• サイトアイコンの設定

サイトタイトルは、どんなブログなのか読者に知ってもらう上でとても大事な設定です。キーワードを入れたり印象に残るタイトルを考えてください。

▼「外観」⇒「カスタマイズ」⇒各項目

ロゴの設定

サイトの上部に位置し、ワンポイントとして印象に残るロゴはここで設定します。

ロゴを選択ボタンを押すと、画像を選ぶ画面が現れます。そこからファイルをアップロードするとメディアボックスに画像が入りますので、好きなものを選んでください。

コントロールパネルに画像を追加すると完成の確認図の部分に出てきます。

サイトタイトル・キャッチフレーズ設定

▼「外観」⇒「カスタマイズ」⇒「サイト基本情報」⇒サイトタイトルとキャッチフレーズを設定

関連記事ブログタイトル決め方の黄金ルール！例文と知っておきたい鉄則！

サイトアイコンの設定

サイト基本情報ではサイトアイコンの設定もできます。サイトアイコンとは、サイトを見ると上に出てくる小さなマークのようなものです。

↑こんなのです。

好きなアイコン（マーク）を選びます。
サイズは512ピクセル　×　512ピクセル以上の正方形の大きさとしてください。

▼「サイトの基本情報」⇒「画像の変更」⇒画像を選ぶ

【Hestiaカスタマイズ設定方法 step２】　外観設定

ブログの全体的な見た目やレイアウトと色と背景などを編集するのが外観設定です。

一般設定

ページサイドバー・・・固定ページ
ブログサイドバー・・・投稿ページ

ブログ記事（投稿記事）のレイアウト

左・右・サイトバーなしを選べます。

かつては、右サイドバーの方が滞在率が高いなどといわれたことがありましたが、実際は右・左とあまり差はないようです。徐々に1カラム（サイドバーなし）に変わりつつありますので見た目で判断すれば良いでしょう。

タイポグラフィ

Hestiaでは、サイトの見出しと本文の書体を変更できます。

書体を変更することでブログのイメージも変わります。

デフォルトの書体と変更時の書体

デフォルトの書体です。

和風にすると見た目に繊細な雰囲気となりますので好みで変更してみてください。

色・背景画像

外観設定でできる色の変更は、「背景色」と「アクセント色」です。

色を変えたい場合、色の部分をクリックすると色相図が出てきますので見ながら変更するか、色の番号がわかっているならば記載すると設定できます。

【Hestiaカスタマイズ設定方法 step３】　　フロントページセクション

Hestiaの特有のフロントページを編集することがこの部分でできます。サイトの顔となるフロントページのヘッダー部分に個別にタイトルやサイトの説明、任意のURLに誘導できるボタン設置など無料テーマでも高機能なページを作れます。

大見出しセクション

▼「外観」⇒「カスタマイズ」⇒「フロントページセクション」

タイトル・テキスト・ボタンの文字列を入力すると以下のようになります。

フロントページの一番上にくるタイトルは読者が見てなにを表現したいのか理解できるタイトルを考えましょう。サイトの中身はどんなことが書いてあるのかひと目でわかるようにすると次の行動に誘導しやすくなり、滞在率も上がります。

フロントページは読者の目を引くためにとても重要です。綺麗な写真を選んで設定しましょう！もし、センスに悩んだら、最初から綺麗な有料テーマもおすすめです。

「私たちについて」セクション

トップページの途中にこのブログを作っている人は何者なのかを差し込む部分が「私たちについて」です。固定ページで編集しておけば初めのページに自分のプロフィールやどんな人が作っているのか明示できます。

↓↓↓トップページを下へスクロールしていくと・・・

「私たちについて」の編集

▼「外観」⇒「カスタマイズ」⇒「フロントページセクション」⇒「私たちのページセクション」

ブログを見ていて書いている人がどんな人なのか書いてあると読んでいる人も安心しますよね？なにか物を販売している場合はなおさら気になる部分です。

画像は元からインストールされていますが、好きな画像に変更もできます。文章を入れる場合は「（編集）」をクリック。

すると、固定ページの編集画面が出てきますので、自分のプロフィールなどをここで編集し「更新」をします。

書いている人がわかると親近感が増しますのでファンを増やしたい方、自分が売りたいサービスやASPなどにいずれ誘導したいと考えている方もここでしっかりと「自分」を示しておきましょう。

【Hestiaカスタマイズ設定方法 step４】メニュー

順番が前後しますが、ヘッダーオプションでここで設定するメニューを使いますので、先に説明いたします。メニューについては、どのWordpressテーマでも同じ操作になりますので、覚えておくと便利です。

関連記事WordPressのメニューの設定をわかりやすく解説！

メニューが設定できたら、どの位置に配置するのか指定をします。

【Hestiaカスタマイズ設定方法 step５】ヘッダーオプション

メニューが設定できたらヘッダーオプションで位置などを設定していきます。

カスタマイズ3で設定した「メニュー」をどこに設定するのかこちらのヘッダオプションで決めていきます。

今回は、メインメニューとフッターメニューの位置に設置してみます。

メインメニューに設定

トップページにメニューが加わりました。ページが変わってもこの部分が出てきますので、「お問い合わせ」など目立たせたいものをここに設置します。

【Hestiaカスタマイズ設定方法 step６】ウィジット

サイドバーやフッターなどに設置するウィジットの編集をここで行います。ウィジットを編集できるようになると記事のカテゴリーをわかりやすくしたり人気記事を配置できます。

• サイドバー
• フッター1
• フッター2
• フッター3

この操作をマスターするとサイドバー表示をわかりやすくできるなどユーザビリティのよいサイトが作れますのでマスターしておけば便利ですので以下の記事を参考にしてください。

記事を取得できませんでした。記事IDをご確認ください。

画面確認が簡単

作業をしている最中に、あ・・・これってスマホ画面ならどんな風に見えているのかな？と考えたことはありませんか？

有料のテーマなどでは簡単に画面表示を替えるボタンがありますがHestiaでもその機能があります。

コントロールパネルの左下にそのポイントがありますので作業している時にクリックすると「PC画面」「タブレット画面」「スマホ画面」と変更していけますのでとても便利です。

最近は、スマホでブログを訪問する人が多くモバイルのTOPページにも重点を置いていないと読んでもらえません。

とことんモバイルファーストにこだわった有料テーマもおすすめです。

なつの独自評価（５段階）

他のテーマと一線を画しているのは、凝ったトップページができることでしょう。全体像を見るとお店などのサイトに向いているテーマですが、凝った趣味ブログを作りたい方にも適しています。

外国の方が作っているテーマですが、日本語にも対応していてわかりやすくなっていますので初心者にも使えますので安心してください。

⇒高機能なテーマでブログや日記を始めるなら、OceanWPのカスタマイズ方法を丁寧に解説　記事も読んでみてください。

初心者だからこそWordpress有料テーマ を使うべき理由

無料テーマを使うことで時間の無駄遣いをしていませんか？

• 思い通りのデザインにできない・・・
• なかなか稼げない・・・
• アクセス数が増えない・・・

こんな悩みを抱えていませんか？
 

稼ぐブログにしろ趣味ブログにしろ検索の上位にこなければなかなか読んでもらえません。もしあなたが稼ぐブログを作りたいなら、初心者の時に初期投資することはとても大事なことです。

 

Wordpressの有料テーマができる５つのこと

1. 検索上位を目指せる
2. 見た目が綺麗でおしゃれになる
3. 機能が豊富で出来ることが多い
4. 会員フォームなどのサポート
5. 有名ブロガーも有料テーマを使っている

 

これまでにあげた5つの有料テーマの特徴を説明していきます。

1.　検索上位を目指せる

ブログを運営していく上で対策をしていかなければいけないのがSEO対策です。検索エンジンのことを考えてブログを最適に合わせていくということがSEO（SearchEngine Optimizationの略）です。

• 情報の信頼性
• ユーザーへの役立つ情報であるか？
• スマホ・PCなどでストレスなく使える

 

などたくさんの要因がありますが、ブログを訪問した人があなたのブログの多くの記事を読んでくれるようなテンプレートの仕組みも有料テーマでは細やかに考えられています。

 

2.　見た目が無料テーマ以上に綺麗になる

シンプルが良いか、綺麗なテーマが良いのかそれぞれの好みによります。無料テーマは必要最低限のものを備えていますがやはりシンプルすぎていずれつまらなくなってしまいます。

有料テーマはデザイン性が高く自分の好きなデザインにもカスタマイズしやすいです。

出典：THE THOR 着せ替え「01」

↓　クリックで拡大します
出典：特製THE THORオリジナルアレンジ

 

3.　機能が豊富でできることが多い

今現在新しい機能として出てきたのが「着せ替え機能」です。過去にも賢威などにはベース色とパターンがありましたが最近ではアフィリなどはっきりと違った用途で使えるように作りこんでいます。

4.　会員フォーラムなどのサポート

なにかわからないことがあった場合、相談できる場所があるだけで安心できます。ここが無料テーマと一番違う部分、有料テーマでは売りっぱなしにしない工夫がされています。

5.　有名ブロガーも多数使用

稼いている有名ブロガーと言われる人のほとんどは有料テーマを使っています。ブログ造りでは内容も非常に大事ですが、文章や扱っている分野が同じ程度ならやはり最後の勝負はテーマの構造などになります。

もしあなたが稼ぐブログを作りたいと考えているならば「有料」テーマも検討してみてください。

カスタマイズで悩んでいる時間、ブログの完成度、上位に表示するメリットなど考えると有料テーマはあなたのお役にたちます。

当ブログおすすめWordpressテーマ！

WordPressテーマ「THE・THOR」

• 高機能の最新テーマで有名ブロガーも使用
• 着せ替え機能でいろんな用途に使える
• 複数のブログに使える（本人のブログ）
• 会員フォーラムやマニュアル完備

THE THORの8大特典を見てみる！

ワードプレスではブログのためのテーマ（テンプレート）が無料で用意されています。

OceanWPというテーマは機能が多いので人気のあるテーマです。

今回は、高機能な「OceanWP」というワードプレスのおすすめテーマの使い方やカスタマイズ方法をお伝えしていきます。

　2023年、話題のワードプレステーマ「THE THOR」
⇒　THE・THORの公式ページを確認する。

※　今なら、8大購入特典をプレゼント！

関連記事【THE THORの評判】実際使ってみた口コミとレビュー。

OceanWPってどんなテーマなの？

出典：OceanWP

OceanWPとは、Wordpressで無料で使えるテーマ（テンプレート）です。今のWordpressデフォルトテーマはよりシンプルなデザインとなりますが、このOceanWPはより細やかな設定ができうようになっています。

外国の方が作っているテーマなのですが、日本語対応をしているので日本人でも使えるようになっていますが、詳しい内容等は英語ですので、ある程度操作ができる人の方がよいでしょう。

THE THORオリジナルデザインプレゼント中！

当ブログのTHE THORオリジナルテンプレート！

このブログからTHE THORをご購入くださった方にマニュアルをプレゼントしています。

追加特典「綿毛」

特典「シンプル」

追加特典「ai」

※他のデザインは以下の記事で見れますので覧ください。
⇒【簡単】THE THORデザインの事例集6選！初心者でも作れるアレンジを紹介！

特典付きでTHE THORを購入する

／／今なら、なつ特製オリジナルデザインマニュアル付き！＼＼
※ヘッダーの画像は、写真ACとイラストACのイラストレーターさん方の作品です。特典内でURLをお伝えしています。

OceanWPの特徴

OceanWPはより細かな設定が可能ですがその分複雑な部分もあります。実際つかってみればそれほど難しくはありませんが、無料という面とあまりマニュアル的な記事がないので自分でなんとかできることが肝心です。

• レスポンシブ（スマホ画面対応）
• 充実したカスタマイザー
• カスタムカラー機能
• 1カラム・2カラム・3カラム
• SEO対策
• 日本語対応（一部英語）
• 2019年人気上位のテーマ

使ってみた感想

OceanWPは細やかな設定ができます。タイポグラフィーの設定や大きさ、ヘッダーの画像の位置やカテゴリーの大きさや位置など他ではできないこともこのOceanWPでは可能なので自分がイメージするサイトができます。

デフォルトの設定だけでは物足りない方にはこのテーマは最適です。

しかし、その分若干細かすぎるため初心者の方にとってはカスタマイズが難しいというイメージです。しかしながら、初期設定の部分だけでも十分使えるほどスマートなテーマなので上級者に見えるサイトが作れます。

OceanWPは、カスタマイズが詳細すぎて完成するまで正直かなりの時間を要すると思います。あと、デザインが自分の頭に決まっていれば良いのですが、デザインなど考えながらやっていると相当なロスタイムです。

初心者のうちは、そのまま使っても綺麗で完成度の高いものがおすすめです。

初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」！
⇒THE THORの公式ページを確認する
※今なら、8大購入特典をお付けしています！

関連記事【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）

高機能な点

①　サイトの細部まで設定できる
②　タイポグラフィーの選定や位置やページ送りまで編集可能
③　ヘッダー画面のランダム表示可能
④　サイトカテゴリーとメインカテゴリーの横幅調整（レイアウト編集）
⑤　ページ送り・「トップへ戻る」まで細かく調整可能

ヘッダー・ロゴ・トップへスクロール・ソーシャルメニュー・ぺーージ送りなどの大きさ・位置・色などかなり細かく設定をしていくことができます。

OceanWPのメリットデメリット

メリット

・ロゴ・ヘッダー・タイポグラフィー・色など細部まで調整できる
・日本語対応なので編集しやすい
・エディターで「PC画面」「タブレット画面」「スマホ画面」が確認できる。
・カスタマイズ次第では見た目に凝ったサイトになる。
・他のサイトとの差別化ができる

デメリット

・設定が細かすぎて難しい部分もある
・カスタマイズの待ち時間が長い
・広告の設定ができない（プラグインで対応可能）
・バックアップがない

無料テーマはタダなのでカスタマーサービスや教えてくれるところがありません。自分でひたすら操作するのみなのである程度慣れている人向けだと思います。

わからなくなったときにすぐに教えてもらえる環境を用意している有料テーマは多少出費が必要ですがそれ以上のコスパがあります。

【OceanWPカスタマイズ方法 step1】タイトル設定

OceanWPをダウンロードできたらサイトの見栄えをよくするためにカスタマイズしていきましょう。ここでは、OceanWPをどこよりもわかりやすく使い方やカスタマイズ方法を説明していきます。

▼「ダッシュボード」　⇒　「外観」　⇒　「カスタマイズ」

すると下のような画面になります。

この画面では、2通りのカスタマイズ方法があります。

文章を見ながら順番にすすめたい方は①の文章を上から変えていく方法が良いですし、書いてある文章が見慣れなくて難しいという方は、②のように画像のブルーの鉛筆マークをクリックしながら修正をしていくことができます。

OceanWPの場合は、カスタマイズする項目が多いので、左のコントロールパネルをもとにして編集していく方が便利ですので慣れることをおすすめします。

【OceanWPカスタマイズ方法 step2】基本情報に添って変更

OceanWPで一番特徴的な部分は、カスタマイズの細分化です。展開すると以下のようになります。OceanWP特有の基本設定画像ですが、この部分だけでかなりの設定項目があるのがわかります。

細部までカスタマイズできる代わりに若干細かすぎてわかりづらかったり動作が遅くなったりもあるので、イライラするかもしれません。

カスタマイズできる項目の一覧表

OceanWPは細部までカスタマイズができるようになっています。カスタマイズに展開していくとかなり量が多いので、項目を一覧表にしてみました。

（※表の後に具体的なカスタマイズ方法があります）

一覧表でわかるように、かなり詳細に変更が可能です。ひとつひとつ触ってみて自分好みのサイトに仕上げてください。

関連記事【2023年最新】WordPress日本語おすすめテーマまとめ！初心者向け有料＆無料も！

OceanWPカスタマイズ１．　サイト基本情報

サイト基本情報でできることは以下の通りです。

• サイトタイトル設定
• キャッチフレーズ設定
• サイトアイコンの設定

サイトタイトル・キャッチフレーズ設定

サイトのタイトルとキャッチフレーズの設定は、サイト基本情報からできます。

▼「外観」　⇒　「カスタマイズ」　⇒　「サイト基本情報」

サイトアイコンの設定

サイト基本情報ではサイトアイコンの設定もできます。サイトアイコンとは、サイトを見ると上に出てくる小さなマークのようなものです。

↑こんな感じのマークです。

好きなアイコン（マーク）を選びます。
サイズは512ピクセル　×　512ピクセル以上の正方形の大きさとしてください。

▼「サイトの基本情報」　⇒　「画像の変更」　⇒　画像を選ぶ

好きな画像を選んで設定するとサンプルが出てきます。チェックして問題なければ「公開」をクリック。

メニューの変更追加

サイトの基本情報ではサイドバーやフッターなどに配置するメニューの編集ができます。

メニュー名「ワードプレス」と名付けたメニューに必要項目を入れていきます。ここで編集したものをサイドバーやフッターに配置していきます。

OceanWPではサイドバー以外にもフッター（サイト下部分）とメインなどにもこの項目で変更できるので自分が置きたい部分を探ってみてください。

OceanWPカスタマイズ２．　基本設定

OceanWPでは、「サイトの基本情報」とは別に「基本設定」があります。この「基本設定」以降が本格的なカスタマイズができる部分となります。

全体のスタイル

全体のスタイルでは、背景の色やリンクの色などの設定が可能です。たとえば、背景に自分の好きな画像を設定したい場合に設定したすることが可能です。

文章のブロックの背景を設定するとブロックが際立ちますので立体的なイメージとなりますのでおすすめです。

一般設定

この項目では、カラムの設定やページのスタイルの設定ができます。

スタイルの設定は有料でもここまでカスタマイズできるテーマは少ない部分。サイドバーと記事のブロックの比率まで変えてしまうことができますので、他と違ったブログを作りたい方には最適。

ただし、見る人のブラウザでも見方が変わる可能性もあるので大幅に変えた場合は確認が必要です。

ページタイトルの色

OceanWPでは色（背景色、文字色、リンク色、リンクのホバー色など）はそれぞれの項目から変更していきます。

細かく設定するので色だけ一気に変更するということができません。それぞれ変更したいカスタマイズ項目にいき、色を変更するという風にしてください。

今回は「サイトの基本情報」で入力したページタイトルを変更してみます。

▼「外観」　⇒　「カスタマイズ」　⇒　「基本設定」　⇒　「ページタイトル」

キャッチフレーズの文字を入れた帯の部分の変更やタグの選択などここでできます。どこに表示するのか、タグ（H1～H6）選択、中央寄せや背景の画像などもここでカスタマイズします。

トップへスクロール

ブログを読んでいくと左下に出てくる矢印マークがあります。その矢印マークもOceanWPでは細かく設定できます。

▼「外観」　⇒　「カスタマイズ」　⇒　「基本設定」　⇒　「トップへスクロール」

矢印のマークや大きさ、出てくる位置の微調整などはここで設定します。

矢印アイコンにはなにもありませんが、押さえていくといろんな形が出てきます。位置は左側も可能ですし、ボタンサイズやアイコンのサイズなど微調整してみてください。

OceanWPカスタマイズ３．　タイポグラフィー（文字部分）の編集

OceanWPで特徴的なカスタマイズといえばタイポグラフィーの設定です。

▼「外観」　⇒　「カスタマイズ」　⇒　「タイポグラフィー」

H2タグで書いた見出しのフォントを変更してみました。

その他、記事の文章全体や、ヘッダーなど変更したい部分をこのタイポグラフィーで指定をして好きな文字や大きさに調整できます。

OceanWPカスタマイズ４．　上部バー

ページの上部バーの調整も自分好みにできます。上部バーは不要な場合には「上部バー」を有効化のチェックを外すと消えますし、左寄り、中央寄せなどはここからカスタマイズします。

ボーダー色やスタイル（中央寄せなど）と背景色、ボーダー色なども変更できます。

表示の変更

作業をしている最中に、あ・・・これってスマホ画面ならどんな風に見えているのかな？と考えたことはありませんか？有料のテーマなどでは簡単に画面表示を替えるボタンがありますがOceanWPでもその機能があります。

コントロールパネルの左下にポイントがありますので作業している時にクリックすると「PC画面」「タブレット画面」「スマホ画面」と変更していけますのでとても便利です。

記事を作りながらスマホではどう見えるのかコントロールパネルから確認できるので文字の位置や差し込んだ画像なども1画面でチェックしていくことが可能です。

まとめ

OceanWPは、有料でもここまでないくらいのサイトの細かい調整ができるテーマです。

外国の方が作ったテーマですが日本語の対応もしていて私たちが導入してもちゃんとわかるようになっています。

かなり細かいカスタマイズが可能な分、多少ブログの経験があった方が使いこなせるイメージがあります。しかしながら、デフォルト（初期設定）だけでもスマートに見える設定を施してありますので不安はありません。

ワードプレスで配布されるテーマで人気上位に来るほどの内容ですので利用者も多く有料に近いカスタマイズをしたい人のためにとてもおすすめのテーマです。

↓　当ブログからWordpressテーマTHE THORを購入くださった方に特典をプレゼントしています。

関連記事【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）

初心者だからこそWordpress有料テーマ を使うべき理由

無料テーマを使うことで時間の無駄遣いをしていませんか？

• 思い通りのデザインにできない・・・
• なかなか稼げない・・・
• アクセス数が増えない・・・

こんな悩みを抱えていませんか？
 

稼ぐブログにしろ趣味ブログにしろ検索の上位にこなければなかなか読んでもらえません。もしあなたが稼ぐブログを作りたいなら、初心者の時に初期投資することはとても大事なことです。

 

Wordpressの有料テーマができる５つのこと

1. 検索上位を目指せる
2. 見た目が綺麗でおしゃれになる
3. 機能が豊富で出来ることが多い
4. 会員フォームなどのサポート
5. 有名ブロガーも有料テーマを使っている

 

これまでにあげた5つの有料テーマの特徴を説明していきます。

1.　検索上位を目指せる

ブログを運営していく上で対策をしていかなければいけないのがSEO対策です。検索エンジンのことを考えてブログを最適に合わせていくということがSEO（SearchEngine Optimizationの略）です。

• 情報の信頼性
• ユーザーへの役立つ情報であるか？
• スマホ・PCなどでストレスなく使える

 

などたくさんの要因がありますが、ブログを訪問した人があなたのブログの多くの記事を読んでくれるようなテンプレートの仕組みも有料テーマでは細やかに考えられています。

 

2.　見た目が無料テーマ以上に綺麗になる

シンプルが良いか、綺麗なテーマが良いのかそれぞれの好みによります。無料テーマは必要最低限のものを備えていますがやはりシンプルすぎていずれつまらなくなってしまいます。

有料テーマはデザイン性が高く自分の好きなデザインにもカスタマイズしやすいです。

出典：THE THOR 着せ替え「01」

↓　クリックで拡大します
出典：特製THE THORオリジナルアレンジ

 

3.　機能が豊富でできることが多い

今現在新しい機能として出てきたのが「着せ替え機能」です。過去にも賢威などにはベース色とパターンがありましたが最近ではアフィリなどはっきりと違った用途で使えるように作りこんでいます。

4.　会員フォーラムなどのサポート

なにかわからないことがあった場合、相談できる場所があるだけで安心できます。ここが無料テーマと一番違う部分、有料テーマでは売りっぱなしにしない工夫がされています。

5.　有名ブロガーも多数使用

稼いている有名ブロガーと言われる人のほとんどは有料テーマを使っています。ブログ造りでは内容も非常に大事ですが、文章や扱っている分野が同じ程度ならやはり最後の勝負はテーマの構造などになります。

もしあなたが稼ぐブログを作りたいと考えているならば「有料」テーマも検討してみてください。

カスタマイズで悩んでいる時間、ブログの完成度、上位に表示するメリットなど考えると有料テーマはあなたのお役にたちます。

当ブログおすすめWordpressテーマ！

WordPressテーマ「THE・THOR」

• 高機能の最新テーマで有名ブロガーも使用
• 着せ替え機能でいろんな用途に使える
• 複数のブログに使える（本人のブログ）
• 会員フォーラムやマニュアル完備

THE THORの8大特典を見てみる！

WordPressには、公式が配布しているテーマ（テンプレート）があります。ほぼ毎年新しいものが配布されますが、2019年に配布となったTwenty Nineteenは超シンプル。

ブロックエディターのGutenbergも対応となっていますので、苦手な方は旧エディターに戻すプラグインなどを使うとよいでしょう。

Twenty Nineteen（Wordpressテーマ）の使い方（Gutenberg）やカスタマイズ方法をお伝えしていきます。

　2023年、話題のワードプレステーマ「THE THOR」
⇒　THE・THORの公式ページを確認する。

※　今なら、8大購入特典をプレゼント！

関連記事【THE THORの評判】実際使ってみた口コミとレビュー。

Twenty Nineteenってどんなテーマなの？

Twenty Nineteenとは、ワードプレスに最初からデフォルトで入っているテーマです。Twenty Sixteen（2016）Twenty Fifteen（2015）年とほぼ毎年ワードプレスから配布されています。

カスタマイズもシンプルでサイトの装飾などもしやすいことから毎年更新されるごとに大人気となっているシリーズです。

初心者でも簡単にカスタマイズできるワードプレステーマ「THE・THOR」！
⇒THE THORの公式ページを確認する
※今なら、8大購入特典をお付けしています！

関連記事【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）

Twenty Nineteenの特徴

• レスポンシブ対応
• Gutenberg（グーテンベルク）対応
• カスタマイズがしやすい
• 1カラム
• SEO対策
• 簡単にPC画面とスマホ画面を確認できる

↓　このシリーズの2022年版「Twenty Twenty Two」も取り上げています。

関連記事Twenty Twenty-Twoの機能！WordPressのデフォルトテーマがパワーアップ！

2022.04.15

使ってみた感想

Twenty NineteenはWordPress5.0から変更となったブラウザGutenberg対応となっています。Gutenbergはまだ見慣れていないからか、記事投稿は若干使いづらいというイメージですが使ってみるとその良さを実感します。

インスタグラムを意識しているのか画像処理が高機能になっていて写真メインのブログにも対応できます。そして1カラムということもあってブログの基礎作りはとてもシンプルになりました。

投稿のエディターは既存のものとは大きくかわりますが、カスタマイズはこれまで通りのやり方をさらにシンプルにした感じなのでブログの設定は難しくありません。

特に、画像処理が素晴らしくこれまで別作業で作っていた画像への文字を入れ込んだりも投稿ページでやることができます。ビジネスにも個人ブログにも写真中心のブログにも重宝するブラウザです。

無料テーマでも画像が美しく仕上がりますが、有料テーマにすることによってさらにワンランク上のブログになります。

THE THORオリジナルデザインプレゼント中！

当ブログのTHE THORオリジナルテンプレート！

このブログからTHE THORをご購入くださった方にマニュアルをプレゼントしています。

追加特典「綿毛」

特典「シンプル」

追加特典「ai」

※他のデザインは以下の記事で見れますので覧ください。
⇒【簡単】THE THORデザインの事例集6選！初心者でも作れるアレンジを紹介！

特典付きでTHE THORを購入する

／／今なら、なつ特製オリジナルデザインマニュアル付き！＼＼
※ヘッダーの画像は、写真ACとイラストACのイラストレーターさん方の作品です。特典内でURLをお伝えしています。

初心者におすすめな点

①　とにかくカスタマイズしやすい
②　画像処理が簡単で高機能
③　各ブロックごとに編集できるので自由度が高い
④　カスタマイズはコントロールパネルと画面が一緒なのでイメージしやすい
⑤　ワンクリックでスマホ画面やタブレット画面などを呼び出せる

初心者におすすめする理由は、とにかく編集しやすいということがあげられます。左のコントロールパネル（カスタマイズ項目）を見ながら感覚的に操作でき、フッター部分にはyoutubeなどの動画も入れたり自分好みに作りこむことも可能！

関連記事WordPressテーマおしゃれなもの厳選12選！【有料＆無料】かわいいブログテンプレートも。

Twenty Nineteenのメリットデメリット

無料で使えるので、お試し程度に使ってみてもいいと思います。ただし、有料ほど装飾が使えるわけではありません。文章をわかりやすく表示する「ボックス」「ボタン」などは各自、自分で設定することになります。

シンプルはいいのですが、傾向として必要最低限のシンプルさなので、ちょっと物足りないかも。

メリット

• カスタマイズがシンプルで感覚的に使える
• 2019年無料テーマの中で一番人気
• 無料だが作りこむことで完成度が高くなる
• 目を引く画像処理ができる
• エディターで「PC画面」「タブレット画面」「スマホ画面」が切り替えられる
• サイドバーがない分読み手によそ見をせず文章を最後まで読んでもらえる

デメリット

• ブラウザが見慣れていないと難しく感じる
• 広告の設定ができない（プラグインで対応可能）
• サイドバーがないのでカテゴリーや最新記事が案内しづらい

Twenty Nineteen新エディタGutenbergの使い方

2018年12月6日にリリースとなったWordPress 5.0ですが、これに伴ってブラウザがガラリと変わりました。名前はGutenberg（グーテンベルグ）と言います。

この先、Gutenbergは従来のエディターとは違い、固定されている投稿メニューがなくなってブロック（見出し・画像・タイトル・文章など）ごとに編集していくというイメージです。

ブロックエディタGutenberg（グーテンベルグ）の画面

赤色で囲った部分は見出しや画像、文章をブロックとして積み上げていく部分です。右側のオレンジの部分は各ブロックを入力するときに自動的に変わっていきます。

見出しの場合は、「H2」「H3」「H4」・・・などタグが右側に出てきますのでその都度編集してください。

簡単にGutenberg（グーテンベルグ）のブロックエディタの使い方を説明していきます。

Gutenberg（グーテンベルグ）でのブログの作成の仕方

新規の画面を開き、エディタの左上にある「+」マークをクリックすると項目要素が出てきます。

タイトルや文章作成で出てくるのは以下のようなメニューです。

実際に記事を作成してみた

旧エディタで作った文章をGutenberg（グーテンベルグ）で同じように作成してみます。

これまでの旧エディタで記事を作ろうと思えば以下のようになります。

↓　クリックで拡大

これまで見慣れたテキストエディターなのでなんだか安心しますね・・・（笑）投稿のテキストエディターツールバーが固定されています。

同じ文章をGutenberg（グーテンベルグ）で編集すると以下のようになります。

Gutenbergの場合一見文字が大きくて見づらいので目が慣れるまではどうしてもやりづらく感じます。でも一度慣れてしまうと使い方によっては幅が広がる機能もあるので今のうちに練習するのも良いかもしれません。

見出し⇒文章⇒見出し⇒画像・・・

こんな感じで順を追って作っていくと考えるとわかりやすいです。

Gutenberg（グーテンベルグ）の操作方法

ここからは、Gutenberg（グーテンベルグ）の具体的なやり方を解説します。

見出しの入力

左上のプラスマーク「+」をクリックするとメニューが開きます。その中にある「見出し」をクリックすると編集する場所が現れます。

入力するスペースに文章を入力し「H2」などのタグを指定します。

タグの指示や文章の位置（右寄り、中央など）は右の管理メニューでもできるようになっています。

次に画像や文章を入れることになりますが、ここからがGutenberg（グーテンベルグ）の独特の操作方法があります。

左上の「+」マークでも展開しますが、見出し（直前の動作）を確定した後改行し、カーソル（矢印）を画面にもっていくと「+」マークが下に現れます。

「+」マークを選ぶとまたメニューが現れますので、次の動作をします。

画像を選ぶ

画像を選ぶとメディアを呼び込む画面が現れます。

メディアライブラリーで画像を選ぶかもしくは新しくアップロードしてください。メディアライブラリは旧エディターと同じなのでわかりやすいです。

画像を取り込んだらその場で装飾できるようになっています。キャプション（文章）を追加することもできますし画像の大きさの細かい調整も可能です。

このキャプションは画像の左上のクリックで縦書きの文章を入れたりもできますのでいろんな部分を触ってみて試していただくと自分なりにカスタマイズできますよ。

Gutenberg（グーテンベルグ）での画像の便利な編集方法

Gutenberg（グーテンベルグ）では画像に好きな色をかぶせることもできますしタイトルを入れて説明をすることも可能です。

こんな編集がワードプレスの投稿画面で一気にできるようになります。

完成イメージ図

「+」のクリックでブロック編集をして積み上げていき完成させます。

Gutenberg（グーテンベルグ）で編集後のプレビューは以下のようになります。

↓　クリックで拡大

投稿画面でほとんどのことが操作できてしまうGutenberg（グーテンベルグ）は、慣れてしまうとこれまでよりも高機能の作業が画面で一度にできてしまうという革新的なブラウザです！

ただ、Twenty Nineteen自体がシンプルなテーマなのでカスタマイズも大きくはできません。もし見た目にも美しいブログを作ろうと思えば有料テーマも視野に入れてみてください。

関連記事【2023年最新】WordPress日本語おすすめテーマまとめ！初心者向け有料＆無料も！

Twenty Nineteenカスタマイズ方法 step1 タイトル設定

さて、ここからはTwenty Nineteenの見栄えをよくするためのカスタマイズです。Twenty Nineteenをどこよりもわかりやすく使い方を説明していきます。

▼「ダッシュボード」　⇒　「外観」　⇒　「カスタマイズ」

すると下のような画面になります。

この画面では、2通りのカスタマイズ方法があります。

文章を見ながら順番にすすめたい方は①の文章を上から変えていく方法が良いですし、書いてある文章が見慣れなくて難しいという方は、②のように画像のブルーの鉛筆マークをクリックしながら修正をしていくとよいでしょう。

鉛筆マークをクリックするとコントロールパネルの編集部分に飛びます.

【Twenty Nineteenカスタマイズ方法step2】基本情報に添って変更

ここからはサイドにあるコントロールパネルの順番に添って説明していきます。

Twenty Nineteenカスタマイズ1. サイト基本情報

サイト基本情報でできること。

・サイトタイトル設定
・キャッチフレーズ設定
・ロゴの設定
・サイトアイコンの設定

ロゴとキャッチフレーズの設定

▼「外観」　⇒「カスタマイズ」　⇒　「サイト基本情報」

サイトのタイトルとサイトのキャッチフレーズをコントロールパネルに入力すると右の確認画面に出てきます。

ロゴについては、ロゴを選択ボタンを押すと、画像を選ぶ画面が現れます。新しいロゴを入れたい場合「ファイルをアップロード」をクリックし引き込んでください。

そこからファイルをアップロードするとメディアボックスに画像が入りますので、好きなものを選んでください。

コントロールパネルに自分が選んだ画像が出てきます。右のスペースでどんな見え方をするのか確認できますので調整していってください。

サイトアイコンの設定

サイト基本情報ではサイトアイコンの設定もできます。サイトアイコンとは、サイトを見ると上に出てくる小さなマークのようなものです。

↑こんなのです。

好きなアイコン（マーク）を選びます。

サイズは512ピクセル　×　512ピクセル以上の正方形の大きさとしてください。

ロゴ設定と同じ画面の下にスクロールしていくとサイトアイコンを選ぶ画面が出てきます。ロゴ設定と同じ要領で画像を選ぶと下のように完成イメージ図が出てきます。

サイト基本設定では、「ロゴ」「サイトタイトル」「キャッチフレーズ」「サイトアイコン」の設定ができます。

↓　あなたのブログが飛躍的に変わります！大人気のテーマ

Twenty Nineteenカスタマイズ2. 色

Twenty Nineteenの色の変更ができる部分は2点

・ヘッダーのテキスト色
・アイキャッチのイメージカラー

▼「カスタマイズ」　⇒　「外観」　⇒　「色」

ヘッダーのテキスト

ヘッダーのテキストは、デフォルト以外の色にする場合にはカスタムのラジオマークにチェックを入れると選択できる場所がでてきます。

その他の色

アイキャッチの画像に、選んだイメージカラーをかぶせることもできます。色を選んだ下のチェックボックスにチェックを入れると自分が設定をした画像にイメージカラーをかけ合わせます。

同じ系統の色に設定することになるので、統一感のあるアイキャッチになります。

色を選んだら右上の「公開」をクリック。

Twenty Nineteenカスタマイズ3.  メニュー

Twenty Nineteenでは、公開されているナビゲーションメニューの設定も「メニュー」で簡単にできます。

・ナビゲーションメニューの作成・編集
・メニューの位置編集

▼「外観」　⇒　「カスタマイズ」　⇒　「メニュー」　⇒　「メニューを新規作成」

メニュー名を入力し「項目を追加」をクリックするとカスタムリンクや関連ページなどの項目が出てきます。これを選ぶと左のメニューの下に追加されていきます。

今回はホーム、お問い合わせ、カテゴリーから未分類を選んでみました。

次に位置の設定です。メイン画面もしくはフッターなのかを選びます。今回はメイン画面に設置してみました。

それぞれ設定したら「公開」をクリックして決定します。

Twenty Nineteenカスタマイズ4. ウィジット

Twenty Nineteenではサイドバーとフッターのウィジットは別々に編集します。まずは、フッターのウィジットのやり方です。

フッターの設定

▼「外観」　⇒　「カスタマイズ」　⇒　「ウィジット」　⇒　「フッター」

「ウィジットを追加」をクリックしてフッターに追加したい部分を選びます。今回はカレンダーと画像（ギャラリー）を選んでみましょう。

メディアから好きな画像を選ぶか、新規でアップロードすることも可能。

完成図です。実際に設定するとこんな感じになります。

フッター部分が読者の次のアクションにつながりやすいともいわれていますので、ここにカテゴリーを入れ次の記事に繋げても良いですし、任意のテキストなどで広告も入れることができます。

関連記事【2023年最新】WordPress有料テーマおすすめ8選比較まとめ！ カッコイイブログに変えるテンプレ！

Twenty Nineteenカスタマイズ5. ホームページ設定

このカスタマイズでできることはトップにくる記事の設定です。

▼「外観」　⇒　「カスタマイズ」　⇒　「ホームページ設定」

最新の投稿ページもしくは固定ページかどちらかを選びます。

固定ページですでに投稿しているページを選ぶとその画面が一番最初に出てきます。

画面確認が簡単

作業をしている最中に、あ・・・これってスマホ画面ならどんな風に見えているのかな？と考えたことはありませんか？

有料のテーマなどでは簡単に画面表示を替えるボタンがありますがTwenty Nineteenでもその機能があります。

コントロールパネルの左下にそのポイントがありますので作業している時にクリックすると「PC画面」「タブレット画面」「スマホ画面」と変更していけますのでとても便利です。

なつの独自５段階評価

Twenty Nineteenについて、なつの独自５段階評価しました！

ワードプレスから配布される無料のテーマTwenty Nineteenは、ブログを始める上で必要最低限の機能は備えていますしこれからのブラウザGutenberg対応となっています。

超初心者がTwenty Nineteenを練習用に使うのは良いのですが、飾りもなくサイドバーもないので途中で飽きることは間違いないと思います。

趣味のうちならOKですが、もし将来にマネタイズすることを考えておられるなら最初から有料テーマ1択だと思います。特に初心者の方には高機能で意外と使いやすい着せ替えデザインがある「THE THOR」がおすすめです。

↓　当ブログからWordpressテーマTHE THORを購入くださった方に特典をプレゼントしています。

関連記事【THE THORの8大特典！】ザ・トールの購入時の割引も調査。（WordPressテーマ）

日本語対応で優秀な無料テーマなら「ワードプレスの日本語テーマで優秀なもの10選！ 有料vs無料とビジネス向けも調査！ 」の記事もどうぞ。

初心者だからこそWordpress有料テーマ を使うべき理由

無料テーマを使うことで時間の無駄遣いをしていませんか？

• 思い通りのデザインにできない・・・
• なかなか稼げない・・・
• アクセス数が増えない・・・

こんな悩みを抱えていませんか？
 

稼ぐブログにしろ趣味ブログにしろ検索の上位にこなければなかなか読んでもらえません。もしあなたが稼ぐブログを作りたいなら、初心者の時に初期投資することはとても大事なことです。

 

Wordpressの有料テーマができる５つのこと

1. 検索上位を目指せる
2. 見た目が綺麗でおしゃれになる
3. 機能が豊富で出来ることが多い
4. 会員フォームなどのサポート
5. 有名ブロガーも有料テーマを使っている

 

これまでにあげた5つの有料テーマの特徴を説明していきます。

1.　検索上位を目指せる

ブログを運営していく上で対策をしていかなければいけないのがSEO対策です。検索エンジンのことを考えてブログを最適に合わせていくということがSEO（SearchEngine Optimizationの略）です。

• 情報の信頼性
• ユーザーへの役立つ情報であるか？
• スマホ・PCなどでストレスなく使える

 

などたくさんの要因がありますが、ブログを訪問した人があなたのブログの多くの記事を読んでくれるようなテンプレートの仕組みも有料テーマでは細やかに考えられています。

 

2.　見た目が無料テーマ以上に綺麗になる

シンプルが良いか、綺麗なテーマが良いのかそれぞれの好みによります。無料テーマは必要最低限のものを備えていますがやはりシンプルすぎていずれつまらなくなってしまいます。

有料テーマはデザイン性が高く自分の好きなデザインにもカスタマイズしやすいです。

出典：THE THOR 着せ替え「01」

↓　クリックで拡大します
出典：特製THE THORオリジナルアレンジ

 

3.　機能が豊富でできることが多い

今現在新しい機能として出てきたのが「着せ替え機能」です。過去にも賢威などにはベース色とパターンがありましたが最近ではアフィリなどはっきりと違った用途で使えるように作りこんでいます。

4.　会員フォーラムなどのサポート

なにかわからないことがあった場合、相談できる場所があるだけで安心できます。ここが無料テーマと一番違う部分、有料テーマでは売りっぱなしにしない工夫がされています。

5.　有名ブロガーも多数使用

稼いている有名ブロガーと言われる人のほとんどは有料テーマを使っています。ブログ造りでは内容も非常に大事ですが、文章や扱っている分野が同じ程度ならやはり最後の勝負はテーマの構造などになります。

もしあなたが稼ぐブログを作りたいと考えているならば「有料」テーマも検討してみてください。

カスタマイズで悩んでいる時間、ブログの完成度、上位に表示するメリットなど考えると有料テーマはあなたのお役にたちます。

当ブログおすすめWordpressテーマ！

WordPressテーマ「THE・THOR」

• 高機能の最新テーマで有名ブロガーも使用
• 着せ替え機能でいろんな用途に使える
• 複数のブログに使える（本人のブログ）
• 会員フォーラムやマニュアル完備

THE THORの8大特典を見てみる！