前回HP(webページ)の立ち上げ初心者でも簡単!Wordpress立ち上げ準備を紹介しました。
今回はWordpress立ち上げ後に設定しておきたい『Wordpressテーマの選び方』を説明および紹介していきたいと思います。
テーマの選び方でぐっと見栄えが変わるので参考にしてみてくださいね!
-立ち上げに必要なもの!②-300x157.png)
第2章 Wordpressのテーマってなぁに?
WordPress立ち上げに成功!
さてこの後はどうしたらいいのかな?と疑問になるのではないでしょうか?
登録したメールアドレスにWordpressの立ち上げが完了しましたと通知がきてログインしたはいいものの…???
この時点で?が生まれている方はまずWordPressテーマを設定して外観を整えていくのをお勧めします!
テーマを登録しておくことでブログを書くにもHPデザインを整えるにもぐんと作業しやすくなります!
テーマとは
HP(webサイト)のデザインと外観を制御するためのテンプレートファイルやスタイルシートがセットになった機能(テーマ)です。
- テンプレートファイル
-
ページ、投稿、カテゴリページ、アーカイブページなど、ウェブサイトの異なる部分ごとに異なるテンプレートファイルを持っています。これらのテンプレートファイルは、ウェブサイトの特定のページまたはセクションのレイアウトと構造を制御します。
Hiro各ページの外観部分のデザインとなるレイアウトの情報が取りまとめらている場所です!
- スタイルシート(SCC)
-
ウェブサイトのフォント、色、ボタンのスタイル、リンクのスタイルなど、外観とデザインに関するスタイル情報を定義します。これにより、テーマのデザインをカスタマイズできます。

Mei

通称SCC(Cascading Style Sheetsカスケーディングスタイルシート)と呼ばれていてHTML(Hypertext Markup Languageハイパーテキストマークアップ言語)を使ってwebページのデザインを表現することができるよ!
テーマを使うとHTMLの独自の埋め込みをしなくても簡易な設定で表現することが可能に!慣れてきたら追加スタイルシート(SCC)にHTMLを記入することでテーマを越えたオリジナルのwebページ表現が可能になるよ!



テーマのインストールを行うだけで『webサイトを作成するのって難しいことなのではないか?』という大きなハードルが少し低くなったと思いませんか?
聞き慣れない言葉が出てきているとは思いますがざっくりとテーマが大切なのが分かっていただけたかと思います。
では、テーマってどうやって入れていけばいいのでしょうか?
実はWordpressのテーマは種類が豊富!
無料テーマから有料テーマまで多くの種類があります!
『えっ、お金取るの!?』
っていう言葉が聞こえてきそうですが有料テーマには有料のかなり便利な機能やwebデザインの表現の幅が広がる機能が様々実装されていますのでテーマ別に紹介していけたらと思います!
テーマの設定箇所
無料有料問わず設定するのはWordpress管理画面ページから行いましょう!
管理画面ログイン後に左サイドバー外観にカーソルをあわせてガイドメニューの中からテーマを選択します。
-立ち上げに必要なもの!-3-1024x536.png)
-立ち上げに必要なもの!-3-1024x536.png)



先にサーバー登録時にWordpress簡単インストールと同時にテーマの登録をしている場合があるからこの時に自分のサイトのテーマ設定が何になっているのかチェックしてみてね!
テーマのダウンロードおよびインストールは2パターン存在します
手順1)新規追加からテーマを直接インストールする場合
無料テーマに多いワードプレス設定画面から直接インストールができる方法です。
テーマページの新規追加をタップすると追加ツールが表示されます。
詳細とプレビューで理想とするサイトページに近いテーマをみつけることが出来ます。
-立ち上げに必要なもの!-4-1024x536.png)
-立ち上げに必要なもの!-4-1024x536.png)
手順2)専用サイトから直接ダウンロードしてインストールする場合
専用サイトから直接ダウンロードして保存したzipファイル形式のテーマを選択してインストールする方法です。
テーマのアップロードを1クリックすると手順1と違いファイル選択のタブが表示されます。
ファイルの選択タブをクリックしダウンロードしたzipファイルをインストールしてください。
-立ち上げに必要なもの!-1024x536.jpg)
-立ち上げに必要なもの!-1024x536.jpg)
無料おすすめテーマ3選
無料テーマで個人的におすすめ3選を紹介します。サポートの充実さやブログ専用、サイト専用によりスタイルに合わせてテーマを選んでいくことをおすすめします!
おすすめ①Cocoon


- エックスサーバーと業務提携しているためサーバーとあわせてサポートが手厚い
- テーマ内SEO施策がされている
- ページ内最速化対応(Google最速化)
- モバイルページ最適化
- プラグインの追加が少なく済む
- その他収益化対策機能等実装
- デザインがシンプルなのでよりオシャレなデザインを好むなら有料テーマがおすすめ
- 多機能なぶん使いこなすのに時間がかかる可能性あり
本当に無料でいいんですか?って思うぐらい実装機能が多くサポートも手厚いので編集でつまづいた時でもすぐに解決しやすいテーマです。初めてのサイト制作で無料のテーマを使うならcocoonで間違いないと思います。デザインがシンプルでカスタマイズの充実さを加味すると有料テーマに劣るところから☆4としました。
cocoonテーマを使う場合は業務提携しているエックスサーバーを使うのが操作のスムーズさや作業の簡略化を実感できると思います。
契約時Wordpress簡単インストールに加えcocoonテーマのダウンロードも同時に行うことが出来るので簡単設定は圧倒的にエックスサーバーの利用がおすすめです!
おすすめ②Lightning


- スライドショーやレイアウトなど11種類の機能が搭載
- 困ったときのフォローアップサポートが充実
- WordPress内検索上位に表示される人気のテーマです
- 更に多機能なデザインが実装できるプラグインがオプションで設定可能
- カスタマイズのこだわりによりCSSのコード追加が必要
- 機能拡張プラグインの利用は年間ライセンス料が必要になるので更新料が発生します
cocoonと比べて実装されている機能を利用するには追加のプラグインのインストールが必要になりそうです。機能面や使いやすさをみて☆3.5としました。
おすすめ③Twenty Seventeen
・テーマを検索からDL可能(手順1)
・ビジネスサイト向き
・シンプルだけどスタイリッシュなイメージ!作りこみによっておしゃれな印象にカスタマイズ可能。


- 非常にシンプルなのでカスタマイズが比較的簡単にできる
- WordPress内検索上位に表示される人気のテーマです
- 非常にシンプルな作りのためプラグインの追加が必要
- カスタマイズのこだわりによりCSSのコード追加が必要
シンプル操作で作りこんでいくのが可能ですが、cocoonに比べて実装されている機能が少なくプラグインの追加が多く必要になるので☆3としました。
有料おすすめテーマ3選
無料のテーマに対して有料テーマは初心者でも凝ったデザインのカスタマイズやSEO対策、追加のCSSコードを使わなくても豊富なプラグインが最初から実装されています。
追加するプラグインも大幅に減らせるため作業効率も格段に向上します。
時間は限りあるものなので悩む時間を減らしてサイト運営を早く始めたい場合は有料テーマを検討してみるのもおすすめです。
おすすめ①SWELL


- 編集やカスタマイズがしやすいSWELL独自のブロックエディター搭載
- 広告管理やリンク等の個別管理ができる
- サイトページ内の配置選択が豊富
- LP(ランディングページ)専用機能が搭載
- 買い切り型なのでテーマ使用料は初回の購入のみ
- テーマを購入すると複数サイト管理する場合でもすべてのサイトに利用可能
- SEO対策機能搭載
- 高速化機能搭載
- SWELLユーザー限定で利用できるサービスあり
- サポート面充実
- 初回購入が必要
- 実装デザインが全体的にシンプルなぶん物足りなさを感じる場合も
個別プラグイン追加がほとんど必要ないのではないかと思わせるほど編集がスムーズで機能説明を読まなくても感覚で使いこなすことができるテーマです。無料のテーマと比べてプラグインをほとんど追加しなくても良いところがSWELLのすごいところ!難しいコードを書くプログラミングの作業が不要でサイト作り初心者にとって救世主といってもいいでしょう!ただ、ライセンス取得の初回の購入価格が他のテーマと比べて高額なところが検討材料の一つになるかもしれません。それを加味しても素晴らしいテーマであることは変わりないので☆4.5としています。
おすすめ②JIN


- JIN公式サイトのデモ一覧から好みのデザインをダウンロードして着せ替えができる
- 記事を書く際に使うブロックエディターのデザインパターンが豊富
- 広告等のアフェリエイトに特化した機能が豊富
- 買い切り型なのでテーマ使用料は初回の購入のみ
- テーマを購入すると複数サイト管理する場合でもすべてのサイトに利用可能
- SEO対策機能搭載
- JINユーザー限定で利用できるサービスあり
- サポート面充実
- 初回購入が必要
- 表示速度が比較的遅い
SWELLと比べるとブログを書くときに必要なブロックエディターの種類が豊富な分サイト型ページを制作するときに使える機能がかなり少ないように感じます。しかしながら有料テーマだけあって機能の豊富さや編集等悩みの軽減をしてくれそうです。また、利用していている人気のテーマでもあるので悩んだときに早く解決へ導いてくれそうです。JINはブログに特化したテーマということもありSWELLに比べるとカスタマイズ範囲や機能の充実さが変わるため☆3.5としています。
おすすめ③THE THOR


- SEO対策を強化、追求し上位表示を目指しやすい
- 集客・収益化支援システムを搭載
- 高水準で安定の表示速度を実現
- 同じテーマでも他サイトと被らない多数のデザインパターンが充実
- 買い切り型なのでテーマ使用料は初回の購入のみ(サーバーセットプランもあり)
- テーマを購入すると複数サイト管理する場合でもすべてのサイトに利用可能
- THE THORユーザー限定で利用できるサービスあり
- サポート面充実
- 初回購入が必要
- 多くの機能が実装されているので覚えるまでに時間がかかる
多機能かつサイト運営を行えるTHE THOR。デザインのカスタマイズや種類が豊富なことに加え適切なサイト運営で検索上位になる等SEO対策も十分!サイトに使う画像を簡単に編集できたりちょっとしたところに感動し愛用するユーザーも多いテーマになっています。0から1にサイトを育てていくということをサポートしてくれるかつサービスも十分。設定やカスタマイズの詳細設定に多少の時間がかかるようですが作業時間の効率化はみられるようです。個性的かつスタイリッシュなサイトデザインを目指すならTHE THORがおすすめ!☆4としました。
テーマ別簡単早見表
| SWELL | THE THOR | Cocoon | JIN | Lightning | Twenty Seventeen | |
|---|---|---|---|---|---|---|
| 評価 | ||||||
| 価格 | ¥17,600(税込) | ¥16,280(税込) | 無料 | ¥14,800(税込) | 無料 | 無料 |
| 価格形態 | 買い切り型 | 買い切り型/ サーバーセットプランあり | 完全無料 | 買い切り型/ 有料デザイン追加プラン有 | pro版に アップグレード可能 | 完全無料 |
| おすすめサイト傾向 | サイト/ブログ型 | サイト/ブログ型 | ブログ型 | ブログ型 | ブログ型 | サイト/ブログ型 |
| SEO対策 | ◎ 上位表示サイト多 | ◎ SEO対策優秀 | 〇 | 〇 | △ 追加プラグインが必要 | △ 追加プラグインが必要 |
| 編集機能 | ◎ オリジナル機能充実 | ◎ 集客支援機能が豊富 | 〇 | 〇 | 〇 | △ プラグイン必要な場合も |
| デザイン性 | ◎ 広範囲での設定可能 | ◎ レイアウト種類が豊富 | △ プラグイン必要な場合も | 〇 | △ プラグイン必要な場合も | △ プラグイン必要な場合も |
| 高速化機能 | 〇 | 〇 | 〇 | △ | △ | △ |
| LP機能 | ◎ 独自機能搭載 | ◎ 独自機能搭載 | - | - | - | - |
| サポート | ◎ 購入者専用サイト有 | ◎ 購入者専用サイト有 | 〇 専用サイト問い合わせ可能 | 〇 専用サイトガイド機能有 | 〇 専用サイトガイド機能有 | △ WordPress内ガイド機能はあるが質問するにはWordPress.org アカウントにログインが必要 |
| その他特別機能 | 購入者限定でSWELL独自のASPサイトの利用が可能に | 購入者限定ページ(パスワード機能等)の作成が可能に | - | 購入者限定オンラインコミュニティ「BLOG CAMP」で情報交換が可能に | - | - |
| DLする | DLする | DLする | DLする | DLする | DLする |
先に紹介したテーマの比較早見表を作成してみました。サイトの方向性によって特化したテーマもあるので参考にしていただければ幸いです。
テーマによって有料無料とありますが、有料テーマはプログラミングが苦手な方でもおしゃれなデザインが手間なく設定出来たり高度な機能を使うことが出来るので無駄な時間を使わずサイト運営に集中できます。
また、一度購入すると別サイトでも使用できるテーマが多いのでサイトのクオリティを上げたいとお考えの場合は以後のメンテナンスやテーマ替えの手間の軽減になるので検討するのをおすすめします。
まとめ
ワードプレスに必要なテーマについてと各種類の比較をしていきました。
私自身無料のテーマから導入し有料テーマ(SWELL)に移行し現在のサイト管理や編集を行っております。
思うことは無料のテーマで『この表示の仕方をするにはどうしたらいいのだろう?』と疑問に思うたび、解決方法にかなり時間を費やしました。
無料のテーマで表現するには限界を感じた頃にSWELLへの移行を検討し導入するに至りました。
その結果使い心地にかなり満足しており編集やデザインの機能拡張のためウェブ上での表現が大幅に広がったと思います。
時間は無限ではなく有限なので少しでも悩みを早く解決できるように少しでもお役に立てればと思います。
素敵な選択が出来ますように!
※本ページはプロモーションが含まれています
次回はWordpressの機能紹介をお伝えします。

-立ち上げに必要なもの!.png)



