Lightning「投稿」からコンテンツを増やすカスタマイズ方法

Lightningの「投稿」では、商品やサービスに関するお知らせや、SEO効果を狙いたいノウハウ系のコンテンツを作成することができます。ここからは、Lightningの「投稿」でコンテンツを増やすカスタマイズ方法について解説していきます。

「本文」と「タイトル」を入力する

WordPressの管理画面から、「投稿」→「新規追加」をクリックしてコンテンツを作成していきます。先に本文を入力して、本文をわかりやく要約したタイトルを決めると、タイトルを決めやすくなります。Lightningでは本文は文章だけではなく、画像や箇条書きなど複数のパーツ（ブロック）を組み合わせてコンテンツを作ることができます。エディタ左上にあるプラスボタン「ブロックを追加」をクリックすると、上部にブロックを検索できる検索窓がある他に、下部には「よく使うもの」として、「段落」や「画像」「見出し」などが表示されています。これらの中から、適切なブロックを使用してコンテンツを作ることで、ユーザーにとって読みやすく、見た目も美しいコンテンツにすることが可能です。

「画像」を挿入する

先ほどの「ブロックを追加」から「よく使うもの」→「画像」から、タイトル直下のサムネイル・アイキャッチになる画像や、大見出し直下の見出し画像を挿入していきましょう。もし「よく使うもの」に「画像」がなければ、スクロールして「一般ブロック」から「画像」を探します。「画像」をクリックすると、「アップロード」「メディアライブラリ」「URLから挿入」の3つが表示されるので、画像をWordPressのメディアライブラリにアップロードしていなければ、「アップロード」より画像をアップロードして使用します。画像をアップロードすると、右側にあるサイドバーで画像についてカスタマイズすることが可能です。「Altテキスト（代替テキスト）」では、キーワードを狙ったコンテンツの場合、キーワードを含めて画像について説明することで、検索エンジンの画像検索結果に表示されやすくなります。

「固定ページ」でコンテンツを作成してはいけない理由

「投稿」ではRSSが生成される他に、記事を投稿したカテゴリーごとに検索エンジンに評価されやすくなるので、SEO効果が期待できます。しかし「固定ページ」でコンテンツを作ってしまうと、他のカテゴリーと連動のない独立したページと判断されてしまうので、SEO効果が薄くなり、「投稿」で作成したコンテンツと比べると期待できなくなってしまいます。そのため、コンテンツを作るときは「投稿」で作るようにしましょう。

まとめ

WordPressの無料テーマ「Lightning」を使えば、簡単に費用をかけずにサイトを作ることができます。今回ご紹介した「投稿」のカスタマイズでは、SEO効果を狙いたいコンテンツを作る方法について解説しました。「固定ページ」でコンテンツを増やしてしまうと、他のカテゴリーと連動のない独立したページだと検索エンジンに判断されてしまうので、コンテンツを作るときは「投稿」で作るようにしましょう。

フロントページを固定ページでカスタマイズする方法

Lightningのフロントページでは、商品やサービス、ブログの特に訴求したいポイントを強くアピールすることができます。例えば、化粧品のサイトをLightningで作成する際は、「こんなお悩み、ありませんか？」と、ユーザーの悩みを代弁して興味を引きつけることができます。このフロントページは、WordPressの管理画面→「固定ページ」で編集することが可能です。

画像を編集する

テキストだけではなかなか目を引きにくいので、あなたが訴求したい内容に合った画像にカスタマイズしましょう。「フロントページ」に設定されている固定ページの「編集」をクリックしてカスタマイズしていきます。すでに表示されている画像をクリックすることで、「メディアライブラリを開く」もしくは「アップロード」で、適した画像に変更します。編集画面右側にある「ブロック」→「スタイル」から、画像を「円形」や「フォトフレーム」など、好みの形を選択します。

テキストを編集する

画像の右側にあるテキストも、必要に応じてカスタマイズすることが可能です。すでに入力されているサンプルテキストをクリックすることで編集することが可能。最後にプレビューで確認して、問題なければ「公開」をクリックして完了です。他の固定ページのコンテンツも、同じ要領で編集することでコンテンツを増やすことができます。Lightningでは、別の画面で作成した「お知らせ」が自動でトップページに表示される仕様になっているので、「お知らせ」機能そのものを削除しないように気をつけましょう。

「投稿」でコンテンツを増やすとSEO効果を狙うことができる

「投稿」作成したコンテンツは、RSSが生成される他に、作成したコンテンツに紐付けされているカテゴリーごと、コンテンツを増やせば増やすほど、検索エンジンからの評価を底上げすることができます。そのため、上位表示を狙いたいコンテンツは「投稿」で作成するようにしましょう。「投稿」のカスタマイズ方法については、以下の記事で詳しく解説しています。

フッターメニューを整える

WordPressテーマLightningで作成したホームページ下部には、フッターメニューをカスタマイズすることができます。このフッターメニューは、他のページでも同様に表示されるエリアになるので、会社概要や地図、プロフィール、SNSのタイムラインなどを表示させるといいでしょう。WordPress管理画面→「外観」→「カスタマイズ」から、「フッターウィジェットエディタ」に進み、「プロフィール用画像を選択」や、「プロフィールテキスト」をカスタマイズしていきます。Twitterアカウントを入力することで、タイムラインを表示させることも可能ですが、不要であれば「ブロックを削除」で削除しておきましょう。

まとめ

WordPressの無料テーマ「Lightning」では、サイト型のホームページを簡単にカスタマイズすることができます。今回ご紹介した、固定ページでフロントページを作る方法は非常に簡単に、ユーザーに商品やサービス・ブログ内容を訴求することができるので活用することをおすすめします。またフッターメニューにもこだわることで、ユーザーがどのページを見ても、スクロールすることで会社概要やプロフィール・SNSのタイムラインを表示させることが可能です。

WordPressのテーマ「Lightning」は、国産の無料テーマで、WordPressのテーマでは数少ないコーポレート型テーマです。

今回は、無料テーマ「Lightning」を使ったトップページ編として、おしゃれなサイトの作り方・カスタマイズ方法を解説していきます。

Lightningを使ってサイト型トップページを作るカスタマイズ方法

Lightningでサイト型トップページを作るには、「外観の編集」「固定ページの編集」「投稿の編集」の3つのカスタマイズが必要になります。

ここからは、WordPressテーマLightningを使って、サイト型トップページを作るカスタマイズ方法をわかりやすく解説していきます。

「外観」でホームページの基礎をカスタマイズする

ロゴの編集

1. 「外観」→「カスタマイズ」に進む
2. 上部の「鉛筆マーク」をクリックする
3. 「ヘッダーロゴ画像」で「画像を変更」する
4. 上部の「公開」をクリックする

ヘッダーメニューの編集

1. 「カスタマイズ」→「メニュー」に進む
2. 「Header navigation」をクリック
3. 名称を変更したいメニューをクリック
4. テキストを変更する
5. 「公開」をクリックする

スライドの変更

1. 「カスタマイズ」→「Lightningトップページスライドショー」に進む
2. 「スライド画像」をクリックして、「画像を変更」
3. 推奨画像サイズ縦1900×横600pxで画像を作成してアップロードする
4. 必要であればスライドのテキストを変更する
5. 「公開」をクリックして完了

Lightningの設定が完了したら、WordPressの管理画面から「外観」→「カスタマイズ」に進み、上記3つの設定を自分好みにカスタマイズすることで、オリジナルトップページの外観を作ることができます。

「固定ページ」でコンテンツを作る

「固定ページ」は、トップページに表示させることができ、固定ページ同士で親子関係を設定することができるので、会社概要やプロフィール、プライバシーポリシーなどを作成するときに適しています。

またLightningでは、スライド直下にフロントページを設定できるので、フロントページを編集することで、商品やサービス・ブログをより魅力的に訴求することができます。

固定ページでフロントページをカスタマイズする方法については、以下の記事で詳しく解説しています。

「投稿」で記事を投稿する

「投稿」は、WordPressで作成したブログ内で「記事一覧」に表示される記事を作成できる機能で、カテゴリーやタグなどを設定でき、RSSで配信されるので、SEO効果を狙いたいブログ記事やお知らせなどを投稿するのに適しています。

Lightningでは、投稿を使って営業時間の変更や、新商品・新サービスの発表などのお知らせの他に、ユーザーにとって有益な情報となるノウハウ系記事の投稿などを行うことができます。

投稿でコンテンツを作る方法については、以下の記事で詳しく解説しています。

Lightningを利用する際のポイント

LightningをWordPressにインストールして有効化したら、Lightningを正常に動作させるために必要な「必須プラグイン」を必ずインストールしましょう。

必須プラグインは「VK All in one Expansion Unit(Free)」というプラグインで、「テーマ」画面の上部に表示されているメッセージ内にある「プラグインのインストールを開始」をクリックしてインストールします。

プラグインをインストールしたら、必ずプラグインを有効化するようにしましょう。

有効化すると、WordPressの管理画面上部のメニュー画面に「ExUnit」というメニューが表示されるようになります。

このメニューにカーソルを合わせると「有効化設定」を表示できるので、どのような機能があるのか確認してみましょう。

無効化されている機能もありますが、デフォルトの状態でLightningは問題なく動作するので、必要でなければそのままで問題ありません。

プラグインについてはこちらの記事も参考にしてみてください。

まとめ

WordPressテーマ「Lightning」では、無料で簡単にホームページを作ることができます。

トップページのカスタマイズだけではなく、固定ページや投稿も簡単にカスタマイズできるので、WordPress初心者の方がサイトを作りたい場合は、Lightningがおすすめです。

今回は、固定ページにタイトルを表示させない方法と、作成した固定ページをトップページに設定する方法、固定ページで記事を作成してはいけない理由の3点を解説していきます。

Cocoonでサイト型トップページを作る際の固定ページのカスタマイズ

作成したサイト型トップページの固定ページを、WordPressに設定していきます。

ここからは、タイトルを表示させないCSSと、WordPressでサイト型トップページを設定する方法について解説していきます。

CSSコードを追加してタイトルを削除する

前回の記事では、Cocoonでサイト型トップページを作成する際に、目次と広告を削除する方法についても解説していました。

目次と広告のように、トップページにタイトルが表示されていると不自然なので、タイトルはCSSを追加して削除していきます。

WordPress管理画面から、「外観」→「カスタマイズ」に進み、「追加CSS」をクリックして、一番下に以下のコードを貼り付けます。

上記のコードを入力したら、右上にある「公開」をクリックします。

サイト型トップページにする固定ページを確認して、タイトルが表示されていなければ完了です。

記事を公開してトップページを固定ページに設定する

Cocoonでサイト型トップページにする固定ページに戻り、プレビューで表示や動作を確認します。

問題なければ「公開」をクリックして、サイト型トップページにする固定ページを公開します。

公開するだけではあなたのCocoonブログをサイト型トップページにはできないので、WordPressの管理画面から、「設定」→「表示設定」に進み、「ホームページの表示」→「固定ページ」を選択します。

「ホームページ」の右側のドロップボックスで、作成したサイト型トップページ用の固定ページを指定する。

ここまで設定することで、先ほど作成したサイト型トップページ用の固定ページが、あなたのブログのトップページになります。

記事もサイト型にしたい！固定ページにしてはいけない理由

WordPressには、先ほど使用した「固定ページ」の他に、これまで記事を投稿する際に使用してきた「投稿」ページがあります。

サイト型トップページを作成したら、記事もブログではなくサイト型にしたいと考えるかたも居るかもしれませんが、記事はこれまで同様に「投稿」で作成し投稿することをおすすめします。

これは、固定ページで記事を作成して投稿してしまうと、連動のない独立したページを作る機能のことで、投稿で作成するRSSが生成されません。

問い合わせページやプロフィールなどを作成するには固定ページが適していますが、SEO効果を狙う記事を投稿したい場合は、その記事に紐付くカテゴリーページのSEO効果が向上される「投稿」に投稿するようにしましょう。

まとめ

WordPress初心者が、Cocoonというテーマを使用してサイト型トップページを作成する方法について、3回にわけて解説していきました。

Cocoonにはショートコードが備わっているので、専門的な知識がなくても比較的簡単に設定することが可能です。

記事数が50記事を超えたら、Cocoonでサイト型トップページをカスタマイズしていきましょう。

今回は、WordPress初心者の方がつまずきやすい「2カラム表示」と「もっと見るボタン」の設定方法について詳しく解説します。

固定ページのカスタマイズ方法

Cocoonでサイト型トップページを作る際の固定ページのカスタマイズ方法を解説します。

固定ページの作成

Cocoonで「固定ページ」→「新規追加」で固定ページを作成する

1. 見出しタイトル（トップページ名）の作成
2. お知らせ欄の作成
3. 2カラム表示で新着・人気記事欄の作成
4. 2カラム表示で各カテゴリー欄の作成
5. 「もっと見る」ボタンの設置
6. ナビカードの設置

Cocoonでサイト型トップページを作る際は、上記6つのカスタマイズを固定ページに行う必要があります。

2カラム表示のカスタマイズ方法

カテゴリーごとに記事を表示するために、新着記事と人気記事一覧を2カラム表示にします。

ブロックエディターで「2カラム」を探した後に、2つに分かれたそれぞれの先頭に<h3>～</h3>で見出し名を設定します。この際、オリジナルの画像を見出しに設定しても構いません。

見出しを設定したら「段落」をクリックして、「ショートコード」→「新着記事（人気記事）一覧」を選択することで、以下のコードが表示されます。

上記のデフォルト状態のショートコードを、以下のようにあなた好みにカスタマイズしていきましょう。

新着記事・人気記事共に、上記のようにショートコードをカスタマイズしてカラム表示にしてみましょう。

「もっと見る」ボタンのカスタマイズ方法

ブロックエディターで、「COCOONブロック」→「ボタン」を選択して、「もっと見る」などの表示したい文字を入力します。

「中央揃え」に設定することで見栄えがよくなります。

また、右側に表示されている「ブロックタブ」→「ボタン設定」の項目では、以下のように設定していきます。

上記のように設定することで、「もっと見る」ボタンを表示させてカテゴリー一覧をユーザーに見てもらうことが可能です。

尚、ブロックエディタが使いにくい場合は、プラグインでクラシックエディタに変更することもできます。クラシックエディタにする方法はこちらをご確認ください。

固定ページを作成する際の注意点

固定ページで作成したトップページに、広告や目次が表示されていると不自然なので、固定ページの編集ページ右側にある「固定ページ」に進み、以下のように設定しておきましょう。

• 広告…除外するにチェックを入れる
• ページ設定…目次を表示しないにチェックを入れる

これで広告と目次が表示されなくなり、よりサイト型トップページが整います。

まとめ

Cocoonでサイト型トップページを作る際は、固定ページのカスタマイズが大きな影響を与えるので、時間をかけてしっかりカスタマイズしていきましょう。

CocoonはWordPressのブログテーマなので、あらかじめ搭載されているスキン各種はすべて、ブログ型サイト用のスキンになっています。

ブログ型サイトは、過去の記事が新しい記事を投稿するたびに、どんどん埋もれてしまうというデメリットがあります。

そのため「ある程度」ブログ記事を投稿できたら、「サイト型トップページ」を作成する方が多いです。

そこで今回は、Cocoonを使用するWordPress初心者向けに、サイト型トップページの作り方と、いつ頃サイト型トップページに切り替えればいいのかについて解説していきます。

Cocoonでサイト型トップページにカスタマイズする方法

サイト型トップページとはその名の通り、ブログをホームページのようなサイトにカスタマイズする方法のことです。

さまざまなメリットを得られることから、ブログ初心者もある程度記事数がたまったら切り替える方が多く、カスタマイズ方法も比較的簡単です。

サイト型トップページのメリット

ここからは、Cocoonでサイト型トップページを作るメリットと、サイト型トップページの作り方をご紹介いたします。

• 読んでほしい記事を自由に表示できる
• お知らせ欄など記事以外の情報を追加できる
• ユーザーは最短で適切な情報にアクセスしやすくなる

通常のCocoonでは、新しい記事を投稿すればするほど、古い記事が埋もれてしまいます。

サイト型トップページを作ることで、あなたが読んでほしい記事を自由にトップページに固定表示できる他に、ユーザーは早く自分が読みたい情報にアクセスできるので、双方にメリットがあります。

サイト型トップページのカスタマイズ方法

サイト型トップページのカスタマイズ方法は以下の手順を参考に進めてみてください。

1.固定ページの作成

Cocoonで「固定ページ」→「新規追加」で以下の手順で固定ページを作成する。

1. 見出しタイトル（トップページ名）の作成
2. お知らせ欄の作成
3. 2カラム表示で新着・人気記事欄の作成
4. 2カラム表示で各カテゴリー欄の作成
5. 「もっと見る」ボタンの設置
6. ナビカードの設置

2.記事を公開する

プレビューで作成した固定ページに問題なければ「投稿」する

3.トップページを固定ページに設定する

1. WordPress管理画面「設定」から「表示設定」を選択
2. 「ホームページの表示」「固定ページ」を選択

サイト型トップページの肝となる「固定ページの作成」で設定が必要な1～6は、すべてCocoonのショートコードで簡単に設置することが可能です。

2カラム表示にした際は、自動で「cont」は10となっています。

「type」はdefaultが表示されていますが、表示させたい記事数に応じて数値を変更したり、記事カードの上下に区切り線を入れたいなどカスタマイズしたい場合は以下のように変更してみましょう。

• border_partition（or1)：カードの上下に区切り線を入れる
• border_spuare（or2）：カードに枠線を表示する
• large_rhumb：大きなサムネイル表示
• large_thumb_on：大きなサムネイルにタイトルを重ねる

また、「cats」がallと表示されており、このままでは全てのカテゴリーが表示されてしまうので、「投稿」→「カテゴリー」から、各カテゴリーにカーソルを当ててIDを表示させ、表示のIDの数値を入力することで指定したカテゴリーのみ表示させることができます。

Cocoon制作者のわいひら氏によると、固定ページでサイト型トップページを作成するタイミングは、投稿した記事数が50記事を突破した頃とのこと。

WordPress初心者の方は、Cocoonでブログを始めて約半年程度で50記事を突破するかと思いますので、よりアクセス数を増やす方法としてサイト型トップページを作成してみましょう。

まとめ

Cocoonでサイト型トップページを作成することで、あなたはユーザーに読んで欲しい記事を自由に表示させることができ、ユーザーは最短で適切な記事にアクセスすることができるようになります。

WordPress初心者の方は、Cocoonでブログを始めて、記事数が50記事を突破したらサイト型トップページに切り替えてみましょう。

プラグイン（Plug-in）とは

プラグインは、Wordpressと付き合う中で必須級のソフトウェアです。ソフトウェアには、外部からプログラムを追加することで、その機能を拡張できるものがあり、「拡張機能」「アドオン」「エクステンション」などとほぼ同じ意味です。Googleの各種サービス（ドキュメントやスプレッドシート等）を始め、多くの利用者がいるソフトウェアは、それだけプラグインの種類も豊富であることが多く、Wordpressもその最たるものの1つです。…わかりにくかった方は、「追加するとサイト作ったり管理したりするときに便利な機能が備わるやつ」とおぼえてもらえれば良いと思います。プラグインを導入することで、面倒な学習やコーディングをすることなく、自分の理想のサイトを制作することができるようになります。例えば、「サイトを見に来てくれたユーザーの声を聞くためにお問い合わせフォームを作りたい」「（デフォルトの）Wordpressの管理画面だと記事が書きにくいから機能を増やしたい」等の課題がある場合に、プラグインを使えば簡単に解決します。

プラグインの選び方

プラグインはさまざまな種類が存在し、また同じような機能をもつものも複数存在します。そんなとき、どのプラグインを追加したらよいのか気になりますよね。プラグインは、次の３つ条件に合致するものを選ぶようにしましょう。

①使っているWordpressのバージョンと互換性があること（重要度：★★★）

②更新頻度が高いこと（重要度：★★）

③信頼できる開発者によって提供されていること（重要度：★★★）

①使っているWordpressのバージョンと互換性があること

まずは、あなたが使っているWordpressのバージョンと互換性があるかどうかを確認します。互換性がある場合は、そのプラグインをインストールしても問題なく機能します。互換性がない場合、もしくはWordpressのバージョンで互換性が検証されていない場合、単体で上手く機能しないか、他のプラグインと干渉して上手く機能しなくなる可能性があります。もちろん、必ず問題が発生するとは限りませんが、そのリスクがあることは把握しておきましょう。（何かあった場合は無効化すればよいので）

②更新頻度が高いこと

こちらは、互換性ほどではないにしろ、注意しておきたい項目です。WordPressはもちろん、使っているテーマ、PHPのバージョンは時間が経つとアップデートされ、場合によってはこれまで正常に動作していたプラグインが機能しなくなることがあります。プラグインをインストールする前に（もしくは有効化するまえに）最終更新日を確認するようにしましょう。年単位で更新されていない場合は、事前にしっかり調べてから導入することを推奨します。

③信頼できる開発者によって提供されていること

基本的にはどの開発者も使いやすい機能を追求してプラグインを開発していらっしゃると思うのですが、それでも評価が異常に低いプラグインが存在することも確かです。そのため、導入するまえに一度レビューを確認し、一定以上の評価を得ているかどうか確認することを推奨します。具体的に何点以上なら安心.....という指標は無いですが、レビュー数が多く、評価の高いものを選ぶようにしましょう。

プラグインの導入方法

プラグインの導入方法はとても簡単です。手順は次の5ステップです。

①Wordpressの管理画面にログイン

ご利用のワードプレスアカウントにログインします。

②「プラグイン」タブ▶︎「新規追加」をクリック

WordPressの管理画面から「プラグイン」を選択肢、「新規追加」をクリックします。

③使いたいプラグインの名称を検索

本記事を参考に、導入するためのプラグインの名称を検索します。画面右上に「プラグインの検索...」と検索窓があるため、そこにプラグインの名称を入力します。どんなプラグインが使用したいかは事前に調べておくと良いです。

④「今すぐインストール」をクリック

プラグインをインストールします。また、検索結果が表示された場合、前項の「プラグインの選び方」を参考に、自分の運営するサイトにとって適切なプラグインかどうかをチェックします。

⑤「有効化」をクリック（以上！）

ダウンロードしたプラグインを有効化します。「有効化」をクリックすると、使っているテーマにプラグインが反映されます。その後は「プラグイン」タブの「インストール済みプラグイン」から確認ができます。

目的別おすすめのプラグイン33選

公式サイトやブログを目的として、Webサイトを作る中で有用なプラグインをご紹介します。今回掲載しているプラグインは全て利用することを推奨するものではありません。あくまで、自分の利用目的や必要に応じて選択するようにしてくださいね。

セキュリティ関連の機能：8選

運用するWebサイトのセキュリティを高めるためのプラグインです。

1. Akismet：スパムからのコメント防止
2. All in one SEO：統合型SEO対策プラグイン
3. BackWPup：バックアップをとることができる
4. UpdraftPlus：サイトのデータを丸ごとバックアップ・復元
5. Passward protected；パスワード保護に関するプラグイン
6. Jetpack：WordPressのサイトの安全性を高め、高速化し、トラフィックを増やすことができる24時間の自動セキュリティ
7. PHP Compatibility Checker：テーマやプラグインのPHPバージョン互換性をチェック
8. wpdoctor：ファイル改ざん検知・セキュリティ強化

サイト制作時に役立つ機能：12選

Webサイトに特定の機能を追加したり、Webサイトの運用・改善を容易にするためのプラグインです。

1. Contact Form 7：お問い合わせフォーム作成
2. Advanced Editor Tools：エディタ拡張
3. Classic Editor：旧式のエディタに戻すことができる
4. TinyMCE Advanced：投稿画面のカスタマイズをおこなうことができる
5. Regenerate Thumbnails：画像サイズの再生成
6. Smart Slider 3：スライダーを生成
7. Page Builder by SiteOrigin：サイトのレイアウト作成
8. Word Balloon：コンテンツ内に吹き出し
9. TablePress：コンテンツ内に表を生成
10. Inline Google Spreadsheet Viewer：スプレッドシートで作成した表を埋め込む
11. WooSidebars：サイドバー編集
12. EWWW Image Optimizer：画像圧縮

記事ライティングに役立つ機能：5選

ブログを始める方向けの記事ライティングに役立つプラグインです。

1. Yoast Duplicate Post：投稿を複製
2. YARPP：Yet Another Related Posts Plugin　関連記事表示
3. WordPress Popular Posts：人気記事の表示
4. Table of Contents Plus：記事内に目次を生成
5. VK Post Author Display：記事下に投稿者情報を表示

SEO/SXO改善に役立つ機能：6選

Webサイトを公開した後、Google検索での順位改善やWebサイトを訪問したユーザーのサイト内の体験を最適化するのに役立つプラグインです。

1. Broken Link Checker：リンク切れを通知
2. WebSub：コンテンツをより早くインデックスする
3. PubSubHubbub：新着記事を検索エンジンに通知
4. Search Regex：過去に投稿した記事内の文字を一括検索して置換できる
5. Show Article Map：内部リンクの構造を可視化する
6. Site Kit by Google：Googleツール連携用

収益化で役立つ機能：2選

アフィリエイトを行い、広告を掲載することで収益化を行うためのプラグインです。

1. AmazonJS：Amazonアソシエイトの広告をきれいに表示できる
2. WPアソシエイトポストR2：Amazonや楽天などの広告リンクを挿入できる

まとめ

WordPressでは、さまざまなプラグインが導入でき、多くの機能を追加することができます。それによって、サイトの管理が楽になったり、便利な機能を追加できたりとWebサイトの運用をする上で役立つものも多いです。しかし、たくさん導入しすぎると

• サーバーに負荷がかかる
• 導入したプラグインの管理が面倒（使えなくなったりするので）

などが考えられます。本当に使いたい機能のみをしっかり選別してプラグインを導入するようにしましょう。

Webサイトの構成

WordPressを使ってWebサイトを作る前に、始めにWebサイトの構成について考えます。皆さんが普段利用している多くのWebサイトは、階層構造と呼ばれる「縦」の構造とデザインや機能などの「面」の構造が制作段階でしっかり練られています。また、Webサイトを利用する上でのルールがある程度共通しています。

• 「ホーム」ボタンを押すとどのページを見ていてもWebサイトのトップに戻る
• 最近投稿された記事はサイドバーに表示されていることが多い

こういった経験を踏まえ、初めて訪れるWebサイトでもユーザーは違和感なく、感覚的にサイトを利用することができるのです。（もちろんWebサイトが整っている前提です）ではまず、Webサイトの「縦」と「面」の構造について解説します。

縦の構造（サイトの階層構造）

ここでは想像しやすいように縦の構造と呼んでいますが、一般的には階層構造と呼ばれるものです。Webサイトは階層構造の考え方に基づいてデータが整理されています。まず、ある化粧品販売会社のECサイトに訪れた架空のユーザー（Aさん）の行動を想像してみましょう。

この時の流れをまとめると、次のようになります。

1. Google検索で調べる🔍
2. ECサイトを訪れる（トップページ）
3. 商品紹介ページを閲覧
4. 会社概要ページを閲覧
5. 購入フォームへ進み、購入

Aさんの一連の行動は、『ECサイトへの入り口（Googleの検索結果に表示されたURL）から、次第にWebサイトの階層を下っていき、最下層のCVポイント（商品購入フォームなど）に辿り着いた』と言い換えることができます。Webサイトが

• Webサイト全体のトップページ（1）
• 商品紹介のトップページ（2）
• 各商品紹介ページ（3）
• 会社概要ページ（2）
• お問い合わせページ（2）
• ...

※（）内は階層を示すで構成されている場合（かなり簡易的ですが）、下の画像のような階層構造になっています。このように、Webサイトはサイト全体のトップページを第一階層として構成されるのが基本です。ユーザーは過去の経験から、知らぬ間に左から右へ（第一階層から最下層へ）進めば良いというルールを理解しているため、どのWebサイトでもどこを見れば良いのか、どう行動すれば良いのかが感覚的にわかるのです。そのため、Webサイトを設計する際の課題としては、「いかにユーザーがストレスなく最下層にあるCV（購入、資料請求、問い合わせ、予約など）ボタンを押すことができるか」になります。（個人的には、サイトの階層構造は映画「インセプション」の「夢の中で夢を見、更にその夢の中で夢を見る...」という考え方と非常に似通っているな、と思っています。）ちなみに、この階層はWebサイトのURLからも知ることができます。

（例）

「/（スラッシュ）」によって、サイトの各階層が表現されており、この表記に慣れてくるとURLを見ただけで、自分が今どの階層のページを見ているのか、何に関するページを見ているのかわかるようになります。Webサイトの目的によっては、かなり深い階層構造を取ることもあり、5階層、6階層の構造にもなると、それだけサイト自体の複雑さが増します。そのため、Webサイトを作成する場合は、それがどういった目的であれ、ユーザーの縦の動き、すなわち階層構造をしっかりと意識して制作に着手する前に計画を立てる必要があります。

面の構造（デザインや動きなど）

Webサイトを制作する際は、テキストを表示するだけでなく、ページごとに異なるレイアウトやデザインについても考えなければなりません。トップページを始め、場合によってはスライダーで情報に動きを与えたり、ユーザーの選択したボタンによって異なる画面を表示することもあります。これらはHTMLやCSS以外の特別なプログラミング言語によって生成することができます。例えば、スライダー（スライドショーやカルーセルとも呼ばれます）とは、一定時間経つと画像が次々と切り替わるものです。左右上下にスライドしたり、回転やクロスフェードなどの複雑な動きをしたりなど種類はさまざまです。こういった動きはJavaScriptと呼ばれる言語によって作成されます。スライダー以外にも、マップやメッセージボックスなどもJavaScriptによって作られます。他にも、お問い合わせフォームやショッピングカート、掲示板などを設置しWebサイトへの訪問ユーザーに行動を促すこともあります。これらはPHPと呼ばれる言語によって作成することができます。自分で、理想のWebサイトを制作するのであれば、HTMLやCSSはもちろん、これらの言語についても学ばなければなりません。WordPressでは、次のようなページの構造になっています。画像例ではトップページのテンプレート構成になっています。動きがあったり、便利な機能があるWebページはこのようにいくつかのファイルの組み合わせによって成り立っているのです。このように、WordPressのテーマでは、あらかじめPHPファイルが用意されているため、言語学習やコーディングは必要ありません。

まとめ

まとめると、Webサイトは次の画像のような構造になります。Webサイトを0から作るとなると、さまざまな知識が必要になります。専門知識がない方は、CMSを使わずにWebサイトを作るのはかなりハードルが高いです。WordPressでは、テーマと呼ばれる、あらかじめWebサイトのデザインや機能が備わったテンプレートが利用できます。種類も豊富で、自分の目的に応じて選ぶことで、簡単にWebサイトを作ることができます。Webサイトを作ることが目的ではなく、Webサイトで情報を発信することが目的の方にとっては途中の過程をスキップできるのは嬉しいですね。

WordPress（ワードプレス）とは

まず初めに、WordPressとは何か、わかりやすく解説します。WordPress（ワードプレス、WP）というのは、誰でも簡単にWebサイトを作ることができる仕組みのことです。（正確にはCMSと呼ばれるシステムに分類されますが、これは後ほど詳しく解説します。）そのため、サイト制作に関する知見がない初心者から、サイト制作や管理で生活する専門家まで幅広い層に利用されており、国内外問わず圧倒的なシェアを誇ります。全Webサイトの4割超がWordPressを使って作られているとも言われており、それだけでどれほど人気があるか、お分かりいただけるでしょう。Google 検索で見られるあらゆるホームページやブログサイトがWordPressを使って作られているのです。「is it wp」というサイトを使うと、気になるあのサイトのURLを入力するだけでそのサイトがWordPressを使って作られているかどうか確認することができます。Google Chromeの拡張機能「Wappalyzer」でもWordPressを使ってサイトを作っているかどうか調べることができるようなので併せて確認してみてください。

CMSとは？

CMS（Content Management System）とは、コンテンツ管理システムのことで、Webサイトの、コンテンツを構成している画像やテキスト、文字フォントや色、テキストの配置などのデザイン、ページ全体のレイアウトなどを保存し、管理することができるものです。通常、Webサイトを作ったり、Webサイト上に新たに記事を追加するなどの情報更新をする時は

• HTML（HyperText Markup Language、Webサイトを構成する代表的なマークアップ言語の一つ）
• CSS（Cascading Style Sheets、HTMLの装飾に使われる代表的なマークアップ言語の一つ）

などを用いて1ページずつコードを記述し、作成していく必要があります。上記の言語だけではかなり質素なWebサイトしか作れないため、必要に応じてJavaScriptやPHPなどの言語を用いてWebサイトに動きを与えたり、状況に応じて適切なページを表示をすることになります。そうなってくると、最低でも4言語を習得しないとWebサイトを作れないことになり、サイトを作って個人ブログを立ち上げる、経営している店舗の公式HPを作ること自体が知識のない方にはかなりハードルが高くなります。そこで登場するのがCMSです。CMSを使えば、上記のようなプログラミング言語を学ばなくとも、ある程度（＝かなり高レベルな）のWebサイトを簡単に作ることができます。WordPressは、代表的なCMSの一つです。WordPressを使えば、Webサイトを作り、記事を投稿し、デザインを管理し、必要に応じて各種SNS（Twitter、Instagram、LINE）やメールと連携して販促活動に利用することができるようになります。現在、世の中に存在するすべてのCMSシェアのうち6〜7割、国内では8割以上をWordPressが占めていると言われています。

WordPress（ワードプレス）の特徴

これだけ多くの方が利用する「WordPress」には、次のような特徴があります。

• 専門知識がなくてもWebサイトの作成・管理ができる
• テーマが豊富である
• 必要に応じてカスタマイズできる
• 多くの利用者がいるため、あらゆる情報がインターネット上に存在している

それぞれ解説します。

専門知識がなくてもWebサイトの作成・管理ができる

前述の通り、WordPressはCMSです。そのため、面倒なプログラミング言語や複雑なWebサイトの仕組みへの知識がなくてもWebサイトを作ることができます。WordPress（CMS）を導入しない場合だと、テキストを一文修正するだけでもHTMLの知識が必要になってくるため、副業としてのWebサイト制作を考えている方は断然、WordPressを利用した方が楽です。

テーマが豊富である

WordPressには「テーマ」と呼ばれるものがあります。テーマというのは、Webサイトそのもののデザインの型、テンプレートのことです。Webサイトを作るときに、WordPressのようなCMSを利用しない場合、「お店の外観写真をホームページのトップに配置して...」「会社の概要（ABOUT）ページと商品紹介ページへのリンクボタンをここに配置して...」のように、画像とテキストの配置のデザインから考えなければいけません。WordPressを利用すると、あらかじめ用意されたこのデザインのテンプレートの中から、気に入ったもの、自分の作りたいWebサイトの目的に合致するものを選択して利用することができるためデザイン自体を考える必要はありません。WordPressの利用者はもちろん、このデザインテンプレートを考案してくださる開発者の方も世界に多くいらっしゃるため、さまざまな種類のテーマが無料で利用できます。

必要に応じてカスタマイズできる

Webサイトを作りたい方と言ってもその目的はさまざまでしょう。

• 上司から会社のWebサイトを作るよう言われた

⇨お客様の声を収集したい、セッション数やWebサイト経由のCV数を計測したい

• 自分のお店の公式サイトを作って問い合わせ数を増やしたい

⇨問い合わせフォームを作りたい、Webサイトを上位表示させてみんなに知ってほしい

• 副業としてブログを始めたい

⇨自分の趣味を図やチャット形式でわかりやすく伝えたい、SNSと連携して購読者を伸ばしたいWordPressでは、「プラグイン」という機能追加のためのプログラムがあります。自分の目的に応じてプラグインをダウンロードするだけで簡単にWebサイトをカスタマイズすることができます。ダウンロードするだけなので専門知識は不要です。複雑な学習と必要とせず、自由度高くWebサイトをカスタマイズできるのがWordPressを利用するメリットの一つでもあります。

多くの利用者がいるため、あらゆる情報がインターネット上に存在している

文字通り、利用者が多いため、WordPressに関するあらゆる情報がインターネット上の至る所に存在します。レンタルサーバー契約についても同じことを述べましたが、WordPressにおいても同じことが言えます。WordPressは国内外で最も利用されているCMSですので、

• 問題が発生したケースとその打開策
• WordPressの利用方法に関するハウツー

この2点に関する情報は、Google 検索で調べれば山ほど出てきます。また、利用者が多いということは、サービスを提供している企業も多いということ。そのため、「今よりもっと複雑なデザインを追求したい」「利便性を向上したいがGoogle 検索で調べても限度がある」などの場合は、頼める制作会社も多いということです。（逆に言うと、謎のマイナーCMSを導入してしまうとサイトのリニューアルを外注する際費用が高額になってしまうこともあります）サイト制作になるべく費用をかけたくない方や、自分の力でコツコツWebサイトを育てていきたい方にはWordPressは適したシステムであると言えるでしょう。