ウェブサービス コラム

月約3万pvの当サイトが使用しているプラグイン全15個を紹介する

投稿日:2017年8月19日 更新日:

wordpresslogo

このサイトはワードプレスで運営しています。

ワードプレスといえば、プラグイン!

プラグインを使えば、人気記事も関連記事も簡単に設置することが可能です。プラグインの数は相当なもので、サイトによって使っているものも違うでしょう。

 

今回はこのサイトで使用しているプラグイン全15個を紹介していきますよ。

使っているワードプレスプラグイン

AddQuicktag

スクリーンショット 2017-08-18 22.43.40

作ったcssをボタン一つで当てることができるようになるプラグイン。

例えば以下のように文字を灰色で囲むとしましょう。

Hello World!

このようなデザインにするためには、文字を書いてcssを書かないといけないけど、そのcssを予め登録しておくだけでボタン一つで適用することができるようになる。

スクリーンショット 2017-08-18 22.44.19

↑のようにボタンを押した時に適用するhtmlタグを書いて、それに対応するクラス(上の例で言えばbox1)のcssを書いておけば設定オッケー。

後は、記事の編集ページに登録したボタンが表示されるから、押すだけで適用したい箇所に適用できる。

cssまで書いている参考ページはあまりなさそうだけど、使ってみたい方はこのページを参考にするといいかも!

AddQuickTagの設定方法&使い方|便利なタグも紹介!

Advanced Ads

スクリーンショット 2017-08-18 23.02.58

これは、広告を表示するためのプラグイン。

見出しh2の上に広告を出したかったから使いました。別にh2の上じゃなくてもpやh3の上等柔軟に場所は設定できるから便利。

特定の見出しの上に広告を出したい!って思っている人にはおすすめ。

 

設定方法を知りたい人は以下の記事が見やすいから見てみると良いですよ。

広告を貼るプラグインAdvanced Adsがより使いやすい 

 

追記

Sandwich Adsenseに変更しました。こっちの方が簡単で使いやすいです。

 

All In One SEO Pack

スクリーンショット 2017-08-18 23.05.47

ワードプレスでSEO対策をするならこのプラグイン。

SEO対策どうしようかなーって思っている人はとりあえず入れてみたらいいんじゃないかと思う。

このプラグインの設定方法はバズの記事がかなり分かりやすいからおすすめ。

All in One SEO Pack の設定方法と使い方

AmazonJS

スクリーンショット 2017-08-19 11.48.12

amazonアソシエイトを使っているなら使っているかもしれない。

amazonの商品リンクを綺麗に貼るためのプラグイン。

標準のリンクじゃ味気ないけど、このプラグインを使うことによって以下のように表示させることができる。(↓画像です)

スクリーンショット 2017-08-18 23.07.37

かなり綺麗に表示することが出来ますよね。

標準のものを使っている人は、綺麗に表示することができるように使ってみるといいかもしれない。

設定方法は以下の記事を参考にすると良いでしょう。設定はけっこう面倒くさいです・・・

WordPressでアマゾン・アソシエイトを簡単設定!Amazon JSプラグイン

 

AmazonJSプラグイン検索しても出てきませんね・・・

ネットで検索すれば出てくるので、そこからダウンロードして入れるしかないかも。

AmazonJS

Contact Form 7

スクリーンショット 2017-08-19 11.44.59

スクリーンショット 2017-08-18 23.12.52

お問い合わせフォームを作ることができるプラグイン。

お問い合わせフォームがほしいなあと思ったら、このプラグインを使えば簡単に作ることができますよ。

Contact Form 7 の使い方

EWWW Image Optimizer

スクリーンショット 2017-08-19 11.49.03

画像を圧縮することができるプラグイン。

画像を圧縮しないでそのまま使うと、それだけそのページを表示するのには時間がかかってしまいます。これを回避するために画像を圧縮するこのプラグインを入れています。

インストールして有効化すれば、画像をアップロードしたら勝手にアップロードしてくれるからかなり便利。

GTmetrixとか使ってサイトの表示速度を調べると思うけど、結構画像関係で遅くなっていることはあるんじゃないかなーと思う。

まだインストールしていなかったら入れておくことをおすすめしたい。

EWWW Image Optimizer の設定方法と使い方

Google XML Sitemaps

スクリーンショット 2017-08-19 11.49.19

サイトマップを作ってGoogleに通知してくれるプラグイン。

記事を公開したらなるべく早く、Googleに知ってもらってインデックスしてもらいたいもの。そのためにサイトマップをしっかりと作成します。

ちょっと面倒くさいけど、絶対やっておいたほうが良いです。

Google XML Sitemapsの設定方法

Heatmap UserHeat

スクリーンショット 2017-08-19 11.49.31

全然使ってなかったけど、ヒートマップを見ることができるプラグインが入っていた。

データがたまらないとヒートマップみれないから放置していたんだろうなあ。

スクリーンショット 2017-08-18 23.29.35

ユーザーがどこでクリックしたかなどを可視化して確認することができる。

自分のサイトがどんなふうに見られているか知りたい時に便利。確か30万pvまで無料で使えるから、興味あったら使ってみるといいかもしれない。

WordPressにユーザーの動きを可視化するヒートマップツールの「User Heat」を導入してみた

Jetpack by WordPress.com

スクリーンショット 2017-08-19 11.49.45

アクセス解析や問い合わせフォーム、SNS自動共有など約30種の機能をパックにしたもの

これ一つでできることはかなり多い。

自分は確か以下の記事を見て、入れてみたような気がする。

CloudFlareよサヨナラ! WordPressの表示速度が改善するプラグイン「Photon」

表示速度を改善したかったら実際に使ってみて試してみると良いでしょう。ちなみに、上で紹介した記事のEnjilogはブログを書く上でかなり参考になるブログだから見てみるのがおすすめ。

Pz-HatenaBlogCard

スクリーンショット 2017-08-19 12.31.05

これはリンクをはてなブログで貼るようなリンクの形式にしてくれるやつですね。

リンクを以下のように表示させることができる。

vGOUQ
約4ヶ月WiMAXルーターを固定回線がわりに使ってみたよ
http://hikaku-choice.com/?p=6636
wifiルーターが欲しいけど、実際のところ使えるもんなのか、速度はどうなのか・・・ 気になる部分は色々あるでしょう。 実は、自分は固定回線がわりにWiMAXのwifiルーターを今まで約4ヶ月間使ってきたんです。 実際に使ってみてど...

ただのリンクはデザインが無いので、ちょっとオシャレ感だしたいなあって時に良いですね。

上で表示したリンクは下の記述です。

スクリーンショット 2017-08-18 23.49.44

urlとtitleを書くだけで、簡単にリンクをはてな風のおしゃれな感じにすることが出来ます。

Simple 301 Redirects

スクリーンショット 2017-08-19 12.31.20

リダイレクト設定するためのプラグイン。

確か、他のサイトから移行するときに使ったような気がする。移行しないで、同じ記事を公開したらペナルティを受ける可能性もありますからね。

ブログやサイトの移行の際にはリダイレクト設定をきちんとしておいた方が良いでしょう。

Simple 301 Redirectsプラグインの使い方

Table of Contents Plus

スクリーンショット 2017-08-19 12.31.33

目次を記事の冒頭に作ってくれるプラグイン。

スクリーンショット 2017-08-19 11.23.46

見出しを勝手に見出しにしてくれるから、一度設定してしまえばそれぞれの記事で何か設定をすることもなく便利。

それぞれの目次はリンクになっていてクリックすると、該当の箇所にとんでくれる。

Table of Contents Plus – 記事の目次を自動生成できるWordPressプラグイン

TinyMCE Advanced

スクリーンショット 2017-08-19 12.31.47

記事の編集画面で、簡単に文字のサイズを大きくしたりすることができるプラグイン。

デフォルトのままでは、ボタンを押すだけで表の挿入等はできないが、これを使うことによってクリックだけで挿入することができる。

スクリーンショット 2017-08-19 11.40.51

こんな風に記事の編集画面に項目がいろいろ追加される。

記事を格上でもはや必須のプラグインといっても良いでしょう。

TinyMCE Advanced の設定方法と使い方

WordPress Ping Optimizer

スクリーンショット 2017-08-19 12.32.01

ping送信を管理するためのプラグイン。

デフォルトの状態では、更新の際にもpingがとんでしまいます。何回もpingが送信されることによってスパム扱いされたら大変なので入れています。

2017年番!WordPress Ping Optimizerの設定と使い方

WordPress Popular Posts

スクリーンショット 2017-08-19 12.32.14

定番の人気記事を表示するためのプラグインですね。

このサイトでもサイドバーに人気記事を表示しています。プラグインをインストールするとウィジェットとして使えるから簡単に設置可能。

スクリーンショット 2017-08-19 11.31.48

サムネイルを表示することもできるからいいよね。

キャッシュは.htaccessに記述

キャッシュ系のプラグインを使おうと思ったんだけど、多くのプラグインはパーマリンクによって使えたり使えなかったりするみたいね。

このサイトのパーマリンクはp=1111のような設定になっていて使えん。

最初はパーマリンクなんて分からなかったからしょうがないけど、このパーマリンクの設定は完全にミスった。ちゃんとSEOに効果的な設定にすればよかった。

 

そんなこともあって、キャッシュは.htaccessをいじっています。

サーバーに入っていじるか、FTPで繋げていじるか、ローカルで編集してアップする等方法はあると思うけど、自分が使っているxserverは直接サーバーに入ってファイルいじれたので、それでやりました。

参考にした記事は↓

【サイト表示高速化】.htaccessでブラウザのキャッシュを有効化する

直でいじってもいいけど、ミスったらGTmetrixで計測できなかったりするからバックアップはちゃんと取っておきましょう。

関連記事はSTORK

関連記事も表示しているけど、これはSTORKというテーマに備わっているものを使っています。

値段はするけど、デザイン綺麗だから割と好き。

速度計測

GTmetrixの計測はこんな感じです。

スクリーンショット 2017-08-19 12.20.19

YahooがCとちょっと気になりますが、まあ良いでしょう。

まとめ

以上このサイトで使用しているプラグインの紹介でした。

ワードプレスプラグインありすぎて正直、どれ使っていいかわからないよね。誰か「これが最強のワードプレスプラグインセットだ!」みたいなの作って欲しい笑

-ウェブサービス, コラム

関連記事

firefox 3

IE・Chrome・Firefox 3大ブラウザを比較!どれを使ったらいいの?

ブラウザを変えたいけど、どれを使ったらいいのか? 普通に使っていてセキュリティは大丈夫なのか?様々な疑問がわくことでしょう。 Internet Explorer Chrome Firefox ユーザー …

スクリーンショット 2015-02-21 21.38.00

OneDriveの魅力は容量と互換性!使うメリットと使用方法を紹介

困っていました。 iosを8.1.3にアップデートしたくても、容量不足でずっとできませんでした。 なにが原因か調べて見ましたら、写真とビデオの容量が大半をしめておりました。 とくにビデオは娘の習い事の …

d4406f76bda21b50f67cac36a48478cb_400x400

nanapiワークスは本当に稼げるのか!?記事を書いてわかったこと

ライティングが得意な人ならnanapiで記事を書いて稼ごうと思ったことがあるかもしれません。 今回はnanapiで記事を書いてみて良かったことと残念だったことについてです。 きっかけは旅行の口コミサイ …

hulu 2

海外ドラマを見るならHuluがおすすめ

映画見たいな~ドラマ見たいな~けっこう思うことあるんじゃないでしょうか。   今やネットで映像を見ることができる世の中。 そういうサービスを使えば、映画なんて見放題。 さらにパソコン、スマホ …

medium_5621823622

最も美しく、かっこいいアルファベットは?全26のアルファベットを見てみたよ

みなさんアルファベットって何気に結構使いますよね。 そのアルファベットについてどれほどのことがわかっているでしょうか?   こんかいはどのアルファベットがどういう意味を持っているのか、どのア …