WordPressのプラグインはどれを入れたら良い？とりあえず最初に導入をオススメするプラグイン一覧

WordPressにはプラグインという機能があり、プラグインを導入することで簡単に機能を追加できます。

しかしプラグインはかなり膨大な数ありますし、WordPressをはじめたばかりの人からすると「何を入れたらいいかわからない」のが正直なところです。

今回は自分がこのブログを開設してすぐに導入したプラグインを紹介します。
ぜひWordPress初心者の方は参考にしてみてください。

プラグインってなに？

プラグインとは、簡単に説明すると拡張機能を追加できるプログラムのことです。

プラグインとは、差し込む、差込口などの意味を持つ英単語。ITの分野では、ソフトウェアに機能を追加する小さなプログラムのことを指す場合が多い。
多くのソフトウェアには外部のプログラムを追加することで機能を拡張できるような機構を備えており、追加するソフトウェアのことをプラグイン（プラグインソフトウェア）という。ほとんどのプラグインは単体では動作せず、本体のソフトウェアに追加しなければ機能しない。プラグインはソフトウェア製作者が提供する場合もあるが、仕様が公開され、第三者が自由にプラグインを開発・公開できるようになっていることも多い。
プラグインとは – e-words より

サービスやアプリケーションを更に使いやすいものにするのがプラグイン。
つまりWordPressのプラグインを導入すると、WordPressがさらに便利で使いやすいものになるのです。

ただしプラグインを導入しすぎると今度はサイトが重くなったり、相性の悪いプラグインがあったりしてサイトに不具合が生じたりもするので注意が必要です。

プラグインの導入方法

プラグインの導入方法ですが、2種類の方法があります。

1つはWordPress管理画面の［プラグイン］→［新規追加］から検索してインストールする方法です。
ページの右上に検索窓があるので、そこで検索をかけて目的のプラグインをインストールして「有効化」します。

もう1つの方法は、同じく［プラグイン］→［新規追加］のタイトル横にある「プラグインの追加」と書かれたボタンを押して、プラグインのzipファイルを読み込む方法です。

プラグインのzipファイルは「WordPress.orgのplugins」からダウンロードできますし、非公式で個人が出しているプラグインや有料のプラグインは、この方法でインストールします。
ただし非公式のプラグインには、悪意あるプログラムが組み込まれたものもあるので注意が必要です。

wordpress.org

WordPress Plugins — Plugins extend and expand the functionality of Word...

https://wordpress.org/plugins/

インストールしたプラグインは「インストール済みプラグイン」から一覧で確認でき、そこからそれぞれのプラグインの設定画面へ行ったり、プラグインの停止や削除ができます。

すぐに導入したプラグイン

有名なプラグインばかりですが、自分がWordPressをはじめてすぐにインストールしたプラグインです。

Akismet

WordPress.org 日本語

Akismet Anti-Spam

https://ja.wordpress.org/plugins/akismet/

Akismet はコメントをチェックし、迷惑なコンテンツからあなたとサイトを守るために、グローバルなスパムデータベースに対して問合せフォームに連絡します。

Akismetはスパムと思われるコメントやトラックバックを防止するプラグインです。

このプラグインはインストール後、有効化するだけでなくAPIキーを設定する必要があります。

プラグインを有効化するとインストールプラグインの一覧画面の上に、「Akismetアカウントを有効化」ボタンが表示されます。

このボタンをクリックすると、ページが切り替わります。

下記の流れで設定できます。

「APIキーを取得」ボタンをクリックしてAkismetのサイトを開き、WordPress.com用のアカウントでログインしてAPIキーを取得する
APIキーを上の画像の入力欄にペーストして「このキーを使用」をクリックする

「APIキーを取得」をクリックすると、上の画像のページに飛びます。
ここで「GET AN AKISMET API KEY （Akismet APIキーを取得する）」をクリックするとメールアドレスを入力する画面へ飛びます。

すでにWordPress.comのアカウントを持っている場合は「I already have a WordPress.com account」を押してログインしてください。

ちなみにWordPressには、インストールして使用するWordPress.orgと、アメブロやはてなブログのようなブログサービスであるWordPress.comの2種類があります。

必要事項の入力ができたら「Sign up →」をクリックします。

「Pick your plan」ページに飛ばされます。
今回は無料のプランを使用するので1番左の「Get Basic」をクリックします。

一見有料のように見えますが、金額が書いてあるバーを一番左にすると無料で使得ます。

カード情報等の入力画面が消えて名前の入力のみになります。
入力したら「CONTINUE」をクリックしましょう。

アカウントのページに辿り着き、ここでようやくAPIキーを取得できます。
「********」と非表示になっていますが、右にある目のアイコンをクリックすると表示されます。

ちなみに登録したメールの方にもAPIキーは届いているので、確認しておきましょう。

最初のページに戻ってAPIキーを入力して「このキーを使用」をクリックして設定完了です。

APIキーを入力したあとは、Akismetの設定画面になります。

Jetpack by WordPress.com

WordPress.org 日本語

Jetpack by WordPress.com

https://ja.wordpress.org/plugins/jetpack/

Jetpack by WordPress.comはWordPressを、利用するにあたってあると便利な機能が詰め込まれたプラグインです。

こちらもAkismet同様にWordpress.comのアカウントが必要になってきます。
登録しておくと、WordPress.comの方にはある便利な機能が使用できるようになります。

プラグインをインストールした後にプラグインの一覧画面を開くと、上の画像のようなメッセージが付いています。
「WordPress.comと連携」をクリックします。

さきほどのAkismet登録時に、WordPress.comのアカウントを作成してあるので、あとはJetpackと連携するだけです。

連携したらプランの選択画面に移動するので「Select Free」ボタンをクリックしましょう。

これでJetpackとWordPress.comの連携は完了です。
Jetpackには色んな機能があるので、見ていくとおもしろいです。

ただテーマによっては、使えない機能もあるので気をつけましょう。

AddQuicktag

WordPress.org 日本語

AddQuicktag

https://ja.wordpress.org/plugins/addquicktag/

AddQuicktag は HTML エディター・ビジュアルエディターへのクイックタグの追加を容易にします。

AddQuicktagはWordPressの記事編集には欠かせない機能で、予め自分がよく使うHTMLタグを設定しておけば記事編集画面でクリックするだけで使用できます。
開始タグと終了タグを設定できるので、囲み枠やオリジナルのclass付きdivタグを記事内に設置する時に便利です。

プラグインのインストールが完了したら[設定]の[AddQuicktag]へ行きましょう。

クイックタグの追加と削除

AddQuicktagの設定画面を開くと、まず一番上にクイックタグの追加と削除という項目が表示されます。
(なんか右の方の表示が物凄いですけども…)

基本的な登録方法は、ボタン名とラベル名はそれぞれ自分が分かりやすい名前を入力して、開始タグと終了タグにはその名の通りタグを入力します。アクセスキーと注文は特に設定しなくて大丈夫なので一番右のチェックマークの下の四角を押して「変更を保存」を押せば登録完了。

ここで、自分の好きなタグを設定しておけば記事の編集画面に、設定したタグのボタンが表示されるようになります。
これによってdivタグを作って囲み枠を記事内に簡単に追加できたり、spanタグを登録して文字の装飾を簡単にしたりできるようになるわけです。

Disqus Comment System

WordPress.org 日本語

Disqus Comment System

https://ja.wordpress.org/plugins/disqus-comment-system/

Disqus is the web's most popular comment system. Use Disqus to increase engagement, retain readers, and grow your audience.

Disqusというコメント欄を設置するプラグインです。Disqusはコメント欄に画像を添付して投稿できたりかなり高機能なのと、ビジュアルが綺麗で個人的に気に入っているとの理由から、このブログのコメント欄はDisqusにする事にしました。

プラグインをインストールしたら「インストール済みプラグイン」のページを開いてDisqus Comment Systemの下にある「Configure」というリンクをクリックします。

Install Disqus Commentsというページに移動します。
僕はDisqusのアカウントを持っていないので「don’t have a Disqus Profile yet?」をクリックしてアカウントの作成を行います。

「Facebook」「Twitter」「Google+」の三大SNSを使用してアカウントの作成も可能ですが、今回はメールアドレスで登録することにします。名前とメールアドレス、パスワードを入力して下の「Sign up」を押します。

アカウントの作成は完了しました。
お次はDisqusで何をしたいか聞かれます。
今回は自分のサイトにDisqusをインストールしたいので下の「I want to install Disqus on my site」を選択しましょう。

「Create a new site」というページに飛ばされるので、ここでサイトの設定を行います。

まず「Website Name」には自分のサイトの名前をつけるのですが、この名前にdisqus.comをつけたURLがDisqusで使用されます。僕の場合はこのブログのURLと同様にsitrine1997にしておきました。つまりDisqusで使用されるURLはsitrine1997.disqus.comになるわけです。

次に「Category」ですが、自分のサイトにあったカテゴリーを選択してください。
ちなみにカテゴリーは10種類あります。

最後に「Language」ですが元から「Japanese」になっていると思うので、そのままで大丈夫です。
万が一Japaneseになってなかったら変更してください。

この三項目が入力できたら下の「Create Site」をクリックします。

「Welcome to Disqus!」ということで「Let’s get started」をクリックします。

プラットホームを選択する画面になるので、一番左上にある「WordPress」を選択しましょう。
さあ、あともう少しです。

プラグインを入力する手順が出てきますが、プラグインはもう既にインストールしてあるので、スキップします。最後の⑤番の括弧で囲まれてるIDは念のため覚えておいてください。

覚えたら画面の右下にある「Configure」というボタンを押します。

最後の設定です。入力し終わったら「Complete Setup」を押します。

さて、WordPressの画面に戻りまして先ほど登録したユーザーネームとパスワードを入力。そして「Next >>」をクリックしましょう。

自分が登録したサイトを選択して「Next>>」をクリックします。

これでDisqusの設定は完了です。
自分のサイトのコメント欄がちゃんとDisqusに変わっているか確認しておきましょう。

Google XML Sitemaps

WordPress.org 日本語

Google XML Sitemaps

https://ja.wordpress.org/plugins/google-sitemap-generator/

This plugin will improve SEO by helping search enginess better index your site using sitemaps.

これはサイトマップを自動で生成してくれるプラグインです。
自分の作ったコンテンツをきちんとGoogleさんに認識してもらうためにサイトマップという、その名の通りサイトの地図を作成しなければなりません。

しかしブログの場合はどんどん記事が追加されていきます。通常のWebサイトなら手動でも可能でしょうが、ブログとなると手動でするのは物凄く面倒くさい。

そんなわけで導入しました。

Kraken Image Optimizer

WordPress.org 日本語

Kraken.io Image Optimizer

https://ja.wordpress.org/plugins/kraken-image-optimizer/

This plugin allows you to optimize your WordPress images through the Kraken.io API, the world's most advanced image optimization and resizing API …

画像の圧縮プラグインですね。画像圧縮プラグインだと「EWWW Image Optimizer」や「WP Smush.it」というのが有名なのですが、僕が利用しているWPblogというサービスではどうやらこの2つのプラグインは使えず、ネット上を探し回った結果このプラグインにたどり着きました。

このプラグインも、APIを取得しなければならないので面倒ですが、画像の圧縮はかならず必要です。
画像はサイトを重くする原因の第一位と言っても過言ではありません。一枚一枚圧縮していく手間を考えるとAPIの取得なんて楽に感じます。

APIの取得ですが、まずはKraken.ioのアカウントを作成するところから始めます。
Kraken.ioのSign upページへ行きましょう。

メールアドレスとパスワードを入力して「Sign Up」をクリックします。
「Sign Up」をクリックすると登録したメールアドレス宛にメールが届くので、メールの方を確認して承認しておきましょう。メールアドレスの確認作業が終了していないと、APIは取得できないので注意が必要です。メールの確認が終わったら、アカウントページの左のメニューバーから「API Dashboard」をクリックしてAPIダッシュボードに移動しましょう。

API KeyとAPI Secretという2種類の文字列が表示されていると思います。
この2種類とも後で必要になってくるのでメモするなり、ページを閉じないでそのままにしておくなりしましょう。

WordPressのプラグイン一覧からKraken.ioのSettingsをクリックして設定画面へ移動します。

Kraken.io Settingsの一番上の項目にはAPI Keyを、そして次の項目にはAPI Secretを入力します。

一応これでAPIの登録は完了です。細かい設定が色々できますが、長くなってしまうので今回は割愛します。僕は「Optimization mode」の所を「Intelligent Lossy」から「Lossless」に変更しただけでそれ以外はいじっていません。
Intelligent Lossyというのは非可逆圧縮という意味で、後から元の画質に戻すことのできない圧縮方法で、Losslessというのは可逆圧縮という意味で、後からでも元の画質に戻すことのできる圧縮方法のことです(ただし、圧縮率は低い)。

念のため可逆圧縮にしておこうかなという事で、そこだけ変更しています。

Pz-LinkCard

WordPress.org 日本語

Pz-LinkCard

https://ja.wordpress.org/plugins/pz-linkcard/

このプラグインは、ブログカード形式のリンクを表示することができます。テキストのみのリンクにさようなら。

これは、リンクカードをWordPressで設置できるようにするプラグインです。
リンクカードといえばはてなブログですが、はてなブログのリンクカードってお洒落ですよね。

僕のブログでも表示させたくて導入しまして、この記事でも先ほどから何度か使用しています。
デフォルトの状態だとあまりにブログカードが浮いてしまって記事本文が目立たなくなるかなと思いましたし、出来る限りはてなブログに寄せたいと思い、CSSを弄ってはてなブログに寄せました。

使い方は簡単で、記事の表示させたい部分に下記の文字列を記事編集ページに貼り付けるだけです。

［blogcard url="ここにURL"］

CSSを触らなくても幾つかテンプレートが用意されているので、初心者の人でも簡単に利用する事ができます。

Table of Contents Plus

WordPress.org 日本語

Table of Contents Plus

https://ja.wordpress.org/plugins/table-of-contents-plus/

目次を自動で生成する、強力でユーザーフレンドリーなプラグインです。全てのページとカテゴリーリストを表示するサイトマップも出力することができます。

これは見出し(hタグ)から目次を自動的に生成してくれるプラグインです。
今回のように、少し長めの記事になると、どんな内容でどんな風に記事が進んでいくのか一目で把握できた方が見に来てくれた人には親切ですよね。
目次はリンクになっていて、クリックすればその見出しまで飛んでいってくれます。

自分でわざわざ作るとなると面倒ですが、自動で生成してくれますし、見出しの数が一定を超えないと生成されないように設定する事も可能です。僕の場合は5つ以上の見出し(hタグ)がある場合に、目次を自動で生成する設定にしています。

WordPress Popular Posts

WordPress.org 日本語

WordPress Popular Posts

https://ja.wordpress.org/plugins/wordpress-popular-posts/

高度にカスタマイズ可能で、使いやすい投稿ウィジェットです。

名前の通り人気記事一覧を表示してくれるプラグインです。
ウィジェットとして使用する事ができるので、ウィジェットの管理画面に行って、「WordPress Popular Posts」を追加すれば完了です。

順位の決め方や表示する記事数等の細かい設定もウィジェットの管理画面から変更する事ができます。
あとデフォルトの状態だと味気ないので、CSSを使って軽く調節した方がいいですね。

WP-Appbox

WordPress.org 日本語

WP-Appbox

https://ja.wordpress.org/plugins/wp-appbox/

With WP-Appbox you can add beautiful mobile app badges to your WordPress posts and pages simply by adding a shortcode.

最後はWP-Appboxというプラグイン。
この記事で何度も使用しているのですが、このプラグインはスマホアプリやChrome拡張機能、WordPressのウィジェット等をブログで紹介したい時に、記事に綺麗なダウンロードリンクを貼り付ける事ができるようになります。

綺麗ですし、スマホの表示にもきちんと対応しています。

使い方はPz-LinkCardと同様にショートコードを使用するのですが、WP-Appboxの場合は記事編集画面のツールバーにショートコードを呼び出すボタンが付くようになるので、それを押すとショートコードが記事内に挿入されるようになります。

WP-AppboxはPz-LinkCardと違ってアプリのURLをそのままURLに付ければいいのではなくて、アプリのURLの一部(ID)をショートコードの末尾に付けなければなりません。
WP-AppboxのSettingページの「help」には、アプリごとにURLのどの部分を入力すればいいのか一覧になっているので、目を通すようにしておきましょう。

1度目を通せばIDがURLのどの部分の事を指しているのか大体分かると思います。