はじめに…

このコーナーはワードプレスをこれから始めようと思う方のための初心者向け解説となっています。例えば会社やお店のホームページを内製化したい。お金をいっさいかけず自分たちの力だけでホームページやブログを立ち上げたい。そんな方に読んでいただきたいコーナーです。
サイトの製作コンセプトは無料であることはもちろん、なるべくプラグインを使わず、なるべく簡単にカスタマイズが出来るように考えます。

使用するアイテム一覧

全て無料のアイテムです。

  1. ワードプレス(オープンソースのブログソフトウェア)
  2. ハローエレメンター(テーマ)
  3. エレメンター(ビジュアル編集用プラグイン)
  4. エッセンシャル(エレメンター用の追加プラグイン)
  5. コンタクトフォーム7(メールフォーム用プラグイン)
イラスト屋女性|リアルコミュニケーションズ

なんかプラグインの使用多くないですか?エレメンタープロを使ったら「エッセンシャル」も「コンタクトフォーム7」もいらないのでは?

そうなんです。ただ「エレメンタープロ」はお金がかかってしまうので、一番のコンセプトである「無料」に従って最小限必要なプラグインを追加しました。

イラスト屋男性|リアルコミュニケーションズ

見出し一覧

ワードプレスのインストール

ワードプレスのインストールはレンタルサーバーに行います。クリック一つで自動インストールされますのでここでは説明を省きます。まだレンタルサーバーの用意をしていない方は「Xサーバー」をお勧めします。弊社でも取り扱っていますのでご相談ください。

プラグインのインストール

ダッシュボード>プラグイン>新規追加

  1. Elementor Website Builder(人気欄にあります)
  2. Contact Form 7(人気欄にあります)
  3. Essential Addons for Elementor(elementorと入力して検索)
  4. 最初からインストールされている不要なプラグインを削除します。

Elementor Website Builder

エレメンターは、ワードプレス標準のブロックエディターでは難しいデザインフルなホームページも簡単に作成できるドラッグアンドドロップ可能なビジュアルエディターです。プロ(有料版)にアップグレーとすると、「ポスト」や「フォーム」「テンプレート」などの便利な機能が追加されます。

Contact Form 7

コンタクトフォーム7は複数のメールフォームを作成管理でき、複雑な入力にもする優秀なプラグインです。reCAPTCHAとも連携できるためページの信頼性アップにもつながります。

Essential Addons for Elementor

エッセンシャルは50以上のウィジェットをエレメンターに追加できるプラグインです。

プラグインについて

プラグインは WordPress に様々な機能を追加できる便利なツールですが、例えばテーマとプラグインが干渉して問題を引き起こしワードプレスにアクセスできないといったトラブルが少なからず起こります。またたくさんのプラグインはページ読み込み速度などにも影響するため、このコーナーでは最低限のプラグインでの運用を解説していきます。

テーマのインストール

ワードプレスをインストールしただけの状態では、デフォルトのテーマのトップページが表示されているのみで何が何だかわからないと思います。まずはこれから解説するテーマに変更しましょう。

ダッシュボード>外観>テーマ>新規追加

  1. Hello Elementor をインストールして有効化します。
  2. ハローエレメンターのサイトから子テーマをインストールして有効化します。
  3. 最初からインストールされている不要なテーマを削除します。

ここがポイント!

ハローエレメンター以外のテーマを選ぶ場合は「子テーマ」は必要ないかもしれません。ほとんどのカスタマイズが「追加CSS」のみで行えるからです。ですがこのテーマはサイドバーやウイジェットの存在すらなくカスタマイズするためには「functions.php」も触る必要があるため子テーマのインストールを推奨しています。