インストールしたばかりのワードプレスは、塀も屋根も心もとない「まっさらな家」状態。
ここから自分の新築の家の「外装(テーマ)」「内装(カスタマイズ)」「セキュリティ」「便利機能(プラグイン)」などの設定を行っていきましょう。
この記事ではテーマの設定方法をお伝えします。
Contents
使用するテーマを選ぶ
テーマ(テンプレート)は、ウェブページの見た目・使いやすさ・管理のしやすさを左右する大切なものです。
ワードプレスのテーマは、数えきれないほどの会社や個人が開発したものが販売されています。
無料からお手頃価格、数万円するものまで種類は多種多様にあります。
無料・・・
メリット|無料なので気軽に始められる
デメリット①|サイトでのサポート等が充実していない場合がある
有料・・・
メリット①|デザイン性の高いブログが簡単に作れる
メリット②|あとからカスタマイズがしやすい
メリット③|販売サイトでの使い方のまとめやサポートが充実している
デメリット|購入に費用がかかる
色んな人が書いたテーマのまとめ記事が出てくるよ~
テーマはあとから変更することも可能です(設定の変更などの手間はかかります)
ご自分の現状や好みに合ったものを選びましょう。
代表的なテーマやおすすめテーマ
無料テーマ①Simplicity(シンプリシティー)
無料テーマで人気のあるSimplicity(シンプリシティー)
Simplicityには主に、以下の7つの特徴があります。
- シンプル
- 内部SEO施策済み
- 拡散のための仕掛けが施されている
- 端末に合わせた4つのレスポンシブスタイル
- 手軽に収益化
- ブログの主役はあくまで本文
- カスタマイズがしやすい
よく言えばシンプル、悪く言えば地味なテーマです。
余分な飾り気をすべて取り除き、ユーザーが自ら自由なスタイルで後からカスタマイズしやすい土台となるように考えて作りました。
デモサイトや使い方・ダウンロード方法などは、公式サイトで紹介されているので、使用する場合は案内されている情報に沿ってダウンロードしましょう。
無料テーマ②Cocoon(コクーン)
Simplicityの後継テーマとして公開されたCocoon。
テーマは新しくなりましたが、設計思想はSimplicityの時とほぼ同様です。
以下の7つが主な特徴となります。
- シンプル
- 内部SEO施策済み
- 完全なレスポンシブスタイル
- 手軽に収益化
- ブログの主役はあくまで本文
- 拡散のための仕掛けが施されている
- カスタマイズがしやすい
Cocoonでは、これらの基本的な考えは変えずに、Simplicityフォーラムに投稿された「約3500トピック」と「約23000の投稿」から、ご意見を出来る限り参考にさせていただいて、新しいテーマとして再構築しました。
Simplicityの進化版、Cocoon。デモサイトや使い方・ダウンロード方法などは、公式サイトから確認しましょう。
有料テーマ①ブロガー専用「Hummingbird(ハミングバード)」
ブロガー専用WordPressテーマ【OPENCAGE】シリーズの「ハミングバード」
外観のカスタマイズがしやすくて、夢中でいじった記憶があります。
参考:マイ助・旧ブログ【ミライナース】
有料テーマ②ブロガー専用「STORK(ストーク)」
ブロガー専用WordPressテーマ【OPENCAGE】シリーズの「ストーク」
スマートフォンでの使用感にとことんこだわり、見た目のインパクトよりも「使いやすさ」「読みやすさ」にこだわりました。見た目は当然のこと、機能的にも徹底的にモバイルファーストにこだわりました。
使いやすさ抜群です!
参考:マイ助・制作サイト【縁JOYナースの部屋】
丁寧に育てていきたい・オシャレにしたい・のちのち検索エンジンでヒットするようなサイトにしたい・・・という場合には、このテーマシリーズのシリーズ・OPENCAGEはオススメですね~
有料テーマ③JIN(ジン)
真の使いやすさを追求したWPテーマ【JIN】
オシャレだし、とにかくカスタマイズがラク♪少し値段は高いですが・・・めちゃくちゃ使いやすく、費用をかけるだけの価値があります。
テーマのインストール・注意点
使用するテーマが決まったら、インストール・アップロード、初期設定を行っていきます。
テーマをインストールする
テーマの使用には、各テーマの「親テーマ」と「子テーマ」が必要となります(※各テーマサイトに準備されています)
今回は無料テーマの「Cocoon」を使ってテーマの設定を行っていきます。
親テーマのインストール
各テーマサイトから、親テーマ(親と書かれていない場合は「テーマ」※各サイトの手順に沿って)を自分のPC・ローカル環境にダウンロードします。
「〇〇.zip」のファイルが保存されます。
子テーマのインストール
子テーマも同じようにダウンロードします。
大抵の場合、子テーマのあるページを発見することができます。
テーマをワードプレスにアップロード・設定する
自分のワードプレスのダッシュボードにログインし、【外観】→【テーマ】を選択。
テーマ→【新規追加】を選択。
テーマをアップロードの【ファイルを選択】より先ほどダウンロードした親テーマ・子テーマを順番にアップロードします。
インストール完了メッセージが表示されます。
テーマ一覧に親テーマ・子テーマがアップロードされているのを確認したらファイル名が【○○_child】【○○_custom】などになっている、子テーマを有効化してください。
設定をして自分のサイトを確認してみると・・・
(変更前のサイト・・・使用テーマ/ハミングバード)
(Cocoon設定後)
コクーンのデザイン、レイアウトに変更されました。
外観(レイアウト)のカスタマイズについて
見た目のデザイン(色や配置など)を変更する際は、【外観】→【カスタマイズ】を選択すると編集を行うことができます。
カスタマイズは上記見本(ハミングバード)ではヘッダーや見出しの色など、細かい設定の変更もできますが・・・
(クリックでカラーの微調整ができます)
Cocoonでは色の変更などはできず、カスタマイズできる範囲は限られています。
どれを使うかは調べて自分の納得のいくものを使ってくださいね。
カスタマイズ方法については、まずは各テーマの公式サイトを参照して確認しましょう。
また、同じテーマを使っている方がいればgoogleやyahooなどの検索エンジンで参考記事が出てくると思います。
「ワードプレス ○○(テーマ名) カスタマイズ」「ワードプレス ○○(テーマ名) ヘッダー編集」などの検索ワードで探せるはず。こうすることで、そのテーマを実際に使用している人のサイト(である可能性が高い)でどんなデザインにしているのかも学ぶことができます♪
今回も、お疲れさまでした♡
次で初期設定は最終章です!
ぜひ、ここまでやったご自分を褒めてあげてくださいね♪
*I for me♡マイセルフケア~あなたはあなたのために。私は私のために*