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

こんにちは、健房です。

今回は、WordPressの基礎構築と、「プラグイン」による機能の追加を行っていきます。

ここからは、人それぞれ、好みが分かれる内容になってきます。

ここでは、初めてWordPressを使用してホームページ作成する方向け

  • 無料で運用できる
  • 基礎的なSEO対策、セキュリティ対策が簡単にできる

内容をパッケージ化してご案内していきます。

WordPressに慣れてきて、

もっとこんな機能が欲しい

好みのデザインにしたい

など、こだわりが出てきましたら、カスタマイズしていただければと思います。

準備

(1)作業の流れを予習してください。

 

今回から、WordPress管理画面で作業を進めていきます。

健房おすすめのパッケージは下記の通り。

<テーマ>

  • Cocoon

<プラグイン(必須)>

  • EWWW Image Optimizer
  • No Self Pings
  • WP-CopyProtect [Protect your blog posts]
  • PuSHPress
  • XML Sitemaps

<プラグイン(任意)>

  • Classic Editor
  • Advanced Editor Tools (旧名 TinyMCE Advanced)
  • Akismet Anti-Spam (アンチスパム)
  • Contact Form 7

(2)パソコンでの作業をお願いします。

引き続き、パソコンを使用して作業を進めていきます。

WordPressはスマホアプリがあるため、記事の投稿などはスマホでできますが、基礎構築は現在パソコンでしかできません。

スマホでご覧いただいている方は、パソコンに切り替えてください。

(3)WordPressテーマのcocoonをダウンロードしておいてください。

※違うテーマを使用する予定の方はこの作業は不要です。

「親テーマ」と、「子テーマ」両方ともダウンロードをお願いします。

下記リンクの「Cocoonテーマのダウンロード」ページ内、「”Cocoonテーマ”をダウンロード」をクリックすると、zipファイルがダウンロードされます。

下記リンクの「Cocoonテーマのダウンロード」ページ内、「”Cocoon子テーマ”をダウンロード」をクリックすると、zipファイルがダウンロードされます。

Cocoonテーマのダウンロード

ダウンロードされたzipファイル2つは、お好きなところに保存しておいてください。

Windowsの場合は、「ダウンロード」のフォルダに一時保存されます。

(4)WordPress管理画面にログインしてください。

これで準備は完了です。

テーマのインストール

<引用元>https://wp-cocoon.com/downloads/

まずは、WordPressにテーマをインストールします。

テーマをインストールすると、あらかじめページのデザインなどがテンプレと設定されており、いちいち色やフォントなどをメンテナンスする必要がありません。

さらに、Cocoonは、

  • 無料である
  • 「スキン」という機能でホームページのデザインを好みの仕様にできる
  • SEO対策がしやすい
  • 利用者が多く、情報を入手しやすい

プラグインを使用したSEO対策などもありますが、Cocoonはあらかじめ実装されているものも多いので、プラグインも最小限で済みます。

特にこだわりが無ければ、Cocoonのインストールをお勧めします。

別に使いたいテーマがある場合は、この手順はスキップしていただいて大丈夫です。

親テーマのインストール

①WordPress管理画面の左側の「外観」をクリックしてください。

②「テーマ」をクリックしてください。

③「テーマ」の画面が表示されたら、「新規追加」をクリックしてください。

 

④「テーマの追加」画面が表示されたら、「テーマのアップロード」をクリックしてください。

 

⑤「ファイルを選択」をクリックしてください。

⑥準備の時にダウンロードして保存した、「cocoon-master」を選択してください。

⑦「開く」をクリックしてください。

⑧「今すぐインストール」をクリックしてください。

⑨「テーマのインストールが完了しました」と表示されたら完了です。

子テーマのインストール

親テーマのインストールと同様の手順で、次は「子テーマ」をインストールしてください。

※注意※⑥のインストールするテーマを選択する際は、「cocoon-child-master」を選択してください。

テーマの有効化

①テーマの画面に戻ってください。

※外観>テーマ

②Cocoon Childの「有効化」をクリックしてください。

これでテーマのインストールは完了です。