CG・映像デザイナー技術ブログ

【WordPress】ブログを始めるなら入れておきたい!おすすめのプラグインまとめ

assistant すいみん

こちらのCGメソッドの記事では技術ブログ「CGメソッド」でよく使う!ブログを始めるなら入れておきたい!おすすめのWordPressのプラグインを紹介します!プラグインを入れすぎると表示が重くなる可能性があるので最低限です!

assistant すいみん

プラグインの入れ方はダッシュボード>プラグイン>新規追加ボタンから下記に書いてあるプラグインを検索していれてみてください。

タップできるもくじ

この記事の著者
CGブロガー すいみん

CGブロガー

すいみん

Suimin

プロフィール

某美大の油絵科を卒業後、大手CG映像プロダクションに入社。
その後ゲーム業界に転職。
現在は技術系のCGデザイナーをしています。 書籍:Unity デザイナーズ・バイブル
プロフィール詳細はこちら

環境構築系WordPressのプラグインまとめ

初めから入れておくべきプラグインを紹介します!

[文字化け防止] WP Multibyte Patch(マルチバイト パッチ)

日本語版のワードプレスの日本語表示の不具合を修正してくれます。文字化けも防ぎます。
設定は簡単で有効化するだけです。
参考 WordPressを使うなら最初に「WP Multibyte Patch」を有効にしよう!cmblog

assistant すいみん

最初から入れているので文字化けで困ったことが無いです!

[セキュリティ] Akismet Anti-Spam (アンチスパム)

コメントやお問い合わせなどのスパムを防いでくれるので必須のプラグインです。
参考 Akismetの最新の設定方法を紹介バズ部

assistant すいみん

一度外したことがあるのですが、お問い合わせフォームから大量にスパムが届きました!

[Google用サイトマップ] Google XML Sitemaps

Google用にサイトマップを生成します。検索順位を影響するのでSEO対策で一番大事なプラグインです。
参考 サイトマップ作成からSearch Console登録までの全手順サルワカ

assistant すいみん

初めて入れたときは見た目に関係なかったので必要なの?と思ってましたが、SEOのことを勉強して必要さを痛感しました

[リンク切れ通知] Broken Link Checker

ブログ記事内のリンク切れを教えてくれます。
リンク切れは見る人にも不親切で、下手をすると記事の価値がなくなるので改善。
参考 Broken Link Checkerプラグインの使い方AdminWeb

assistant すいみん

リンク切れはSEO(検索順位)にも影響するので定期的にメンテナンスしましょう!

[お問い合わせ] Contact Form 7

お問い合わせ用メールフォーム。
参考 Disable Commentsプラグインの使い方AdminWeb

assistant すいみん

ブログはお仕事の依頼など色々チャンスがあるので設置しておきましょう!

[非表示] Disable Comments

コメント欄を封鎖できます。
参考 Contact Form 7の効果的なカスタム方法バズ部

assistant すいみん

コメントに対応しきれなくなったので、現在は閉じてお問い合わせフォームにて対応してます!

[バックアップ] BackWPup

データのバックアップができます。
参考 WordPressでバックアップを取る4つの方法サルワカ

assistant すいみん

週1でバックアップしてます。これでサイト壊しても治せるので安心!

表示高速化系WordPressのプラグインまとめ

見てくれる方へはもちろん、Googleから見ても表示の早いサイトにすると評価が上がります!

[画像最適化] EWWW Image Optimizer

Google推奨のWebpに画像を変換できます。画像を軽くするのに必須!
参考 EWWW Image OptimizerでWebPを設定する方法ブログ起業で始める『最高の人生の見つけ方』

assistant すいみん

画像が一番サイトの表示速度を遅くするので、とにかく軽くしておきましょう!

[キャッシュ] WP Fastest Cache

記事をキャシュ化(ウェブページのデータを一時的に保存)します。
参考 キャシュプラグイン「WP Fastest Cache」の使い方寝ログ

assistant すいみん

早くなるのですが!見た目を更新した時にキャッシュを切る必要があったりするので、そこは手間にないます(そのうち慣れますが)

[コード最適化] Autoptimize(オートオプティマイズ)

CSSやJS、HTMLなどのコードを軽量化・圧縮してくれるプラグインです。
画像遅延表示するなどの機能もあるので便利です。
参考 Autoptimizeでコードを最適化して高速表示する方法ものぐさSEのLifeHackするブログ

assistant すいみん

このプラグインを生かすためにCSSの記述はコメント消して綺麗にしました!

UX改善系WordPressのプラグインまとめ

見てくれる方へ、記事をわかりやすく伝えるためのサポートプラグインです!

[目次] Easy Table of Contents

目次を自動生成してくれます。項目をタップするとそこまでページが飛びます。
見てくれる方へはもちろん、文章構成を見直すのにも役に立ちます。
参考 自動的に見出しを目次にしてくれるプラグインEasy Table of ContentsゆうそうとITブログ

assistant すいみん

「Table of Contents Plus」も有名ですが、更新されなくなったのでこちらを推奨!
警告の修正方法
SANGOの場合はカテゴリーページにワーニングの警告がでることがあります。
Warning: Creating default object from empty value in /home/c5942192/public_html/raon-terastorys.com/wp-content/plugins/easy-table-of-contents/easy-table-of-contents.php on line 1155
そのままでも大丈夫ですが、直したい場合は

  • 1. Easy Table of Contentsのプラグインを止める
  • 2. プラグイン>プラグインエディター>Easy Table of Contentsを選択して「選択」ボタン
  • 3. 1154行目と1155行目に下記のコードを入れる
  • if ( ! $post instanceof WP_Post ) return $content;

  • 4.最後にファイルの更新を押せば直ります

  • 参考 Sitemap not workingWordPress.org
    カテゴリーページを目次化する方法
    プラグインエディター>Easy Table of Contentsを開いて

    // bail if feed, search or archive
    if ( is_feed() || is_search() || is_archive() ) {


    if ( is_feed() || is_search() ) {
    にすれば

    [ティーオーシー](※英語にしてください、書いてしまうと目次ができてしまうのでカタカナにしています)のショートコードが使えるようになります!
    ※アップデートで消えてしまう可能性有り
    追記:アップデートで自動ででてこなくなりました
    [ティーオーシー](※英語にしてください)と打てばカテゴリーページでも目次がでてきます。

    [商品表示] Rinker(リンカー)

    おすすめの物など紹介する時に便利です。特に1つの商品からamazonや楽天に自動対応してくれますし、見た目もきちんとしているのでとても重宝してます。
    参考 商品リンク管理プラグインRinker(リンカー)の公式サイトおやこそだて

    assistant すいみん

    昔からある「カエレバ」も有名ですがRinker(リンカー)を断然推奨!

    [サイトマップ自動生成] PS Auto Sitemap

    サイトマップを自動生成してくれるプラグイン。全記事の一覧を簡単に作成できます。
    参考 PS Auto Sitemapの設定方法と使い方を解説バズ部

    assistant すいみん

    よくブログにあるサイトマップって項目はこれで簡単につくれます!

    [ソースコード表示] WP Code Highlight.js

    記事内のコードを見やすく表示してくれます。
    参考 WordPressでソースコードを表示するイラストスイッチ

    assistant すいみん

    技術ブログではコード表示は必須ですね!

    [カテゴリ別人気ランキング] WordPress Popular Posts

    そのカテゴリーの人気ランキングなど表示できるようになります。
    参考 カテゴリ別人気記事を表示する方法creava.work

    assistant すいみん

    このサイトではSANGO+PORIPUでカテゴリ別人気記事を掲載してます!

    [カテゴリー別ウィジェット] Widget Options

    カテゴリーやタグなどに合わせて、記事下にウィジェットを追加します。
    参考 ウィジェットの表示条件を指定できるプラグイン「Widget Options」TIJAJI

    assistant すいみん

    カテゴリー別に他の記事リンクを掲載できたりします!

    作業効率化系WordPressのプラグインまとめ

    [文字置換] Search Regex

    全記事に対して文字置換できます。うまく使えば超効率的に変更できます。
    参考 Search Regexプラグインの使い方AdminWeb

    assistant すいみん

    テンプレートを変えた際など大量記事修正に必須です!!!
    ポイント
    Search Regexの結果のエラー表示が気になる場合(無視してもOK)はプラグインエディターから「results.php」の26行目を修正しましょう。

    [ショートコード作成] AddQuicktag

    記述でよく使うものを登録します。
    参考 AddQuicktag設定方法と使い方詳細解説ネタワン

    assistant すいみん

    よく使う装飾とかフキダシを登録してます!

    [カテゴリー位置変更] Category Order and Taxonomy Terms Order

    カテゴリーの順番を整理できます。
    参考 カテゴリーの順番を変更できるWordPressプラグインNaifix

    assistant すいみん

    直感的に整理できます!

    [カテゴリー整理] Batch Cat

    まとめてカテゴリーを整理できます。大きくカテゴリーの階層を変えたい時は必須です。
    参考 Batch Catの設定と使い方affilabo.com

    assistant すいみん

    カテゴリーを大量に更新する時に必須です!

    [phpコード管理] Code Snippets(コード スニペッツ)

    細かいカスタマイズをほどこす「functions.php」を安全に変更できます。コードミスしても防げるので便利!
    参考 functions.phpのPHPコードを管理できるWordPressプラグインネタワン

    assistant すいみん

    カスタマイズに必須です!

    [補足]コード スニペッツで防げなかったエラー

    大抵はエラーを防げるのですが、下記の改造をすると防げません!

    1. 標準のウィジェット改造できることを知っていじる
      →code-snippets噛ましてるので安心のはず

    2. WordPressが完全死亡!
      →標準のウィジェット改造、リスキー><!

    3. 急いでFTPにアクセスしてcode-snippetsのプラグインを消す
      →サイトは取り合えす表示される

    4. バックアップからcode-snippetsを入れ直したら、再びWordPressが完全死亡!
      →振り出しに

    5. phpMyAdmin にログインしてデータベースにアクセス。wp_snippets>該当するエラーコードのファイルを削除
      →直る
      参考 WordPress プラグイン Code Snippets に追加したコードが原因でブログが真っ白になった時の対処法R

    [css/jsコード管理] Simple Custom CSS and JS

    主にCSSの管理に使用してます。項目ごとに分けてコメントも入れる必要がないので便利です。
    参考 子テーマなしでCSSとJavaScriptの追加ができるプラグインゆうそうとITブログ

    assistant すいみん

    CSSが大量にある人はこれで仕分けすると良いです!

    Simple Custom CSS and JS

    [特定記事だけのCSS] Per page add to head

    その投稿ページだけカスタマイズできるプラグインです。
    記事の中の「Add to head」に記述しましょう。
    参考 子テーマなしでCSSとJavaScriptの追加ができるプラグインfor men

    assistant すいみん

    全体に影響を与えたくないCSS記述はこのプラグイン

    [スクロール位置保持] Preserve Editor Scroll Position

    保存時に記述しているスクロール位置を保持してくれます。
    参考 Preserve Editor Scroll Positionの使い方と設定方法らいふーる

    assistant すいみん

    長文を書く時に必須です!

    [マークダウン] Jetpack by WordPress.com

    多機能プラグイン。しかしマークダウン記法でブログを書きたいがためだけに使ってます。
    参考 Jetpack by WordPress.comプラグインの使い方Admin

    assistant すいみん

    重いので消した行きもするのですが、残念ながらClassic Editorでマークダウンを書くにはこれしかないです!

    [アイキャッチ差し替え] Enable Media Replace

    画像の差し替えができます!間違った画像を差し替える時に無駄に画像を増やさなくて良いです!
    1. 変更する画像名がオリジナルと少し変えておく
    2. メディア>メディアの置換
    3. ファイルを置換して新しいファイル名で全てのリンクを更新する
    4. 更新ボタンで完了です。
    参考 WordPree 画像を上書き・差し替えする方法【画像のURLの変更なし】 - webNote~WPとゲームwebNote~WPとゲーム

    その他のWordPressのプラグインまとめ

    他にCGメソッドで独自に使っているプラグインを紹介します。

    [転送] Redirection

    301リダイレクト(転送)してくれるプラグイン。
    参考 WordPressのリダイレクト設定はプラグイン「Redirection」であっさり完了TCD

    assistant すいみん

    複数記事をまとめてしまう時に使います

    下記のような感じでURLを記載したCSVをインポートしてまとめて設定することもできます。

    [URL編集] Custom Permalinks

    パーマリンク(URL)を編集できるようになります。
    参考 WordPressでパーマリンク(URL)を自由に設定できるプラグイン『Custom Permalinks』初心者めっちゃ入門ガイド

    assistant すいみん

    はてなブログからの移籍でこれがないとURL保てないので(残念ながら)必須になってます。

    [履歴削除] WP-Optimize – Clean, Compress, Cach

    記事を何度も更新すると履歴削除(リビジョン)が貯まるので、消してくれるプラグイン。
    参考 WP-Optimizeでデータベース最適化&高速化 パソコン修理のエヌシステムBLOG

    assistant すいみん

    データはたまり続けるのでたまに綺麗にしてあげましょう!

    [拡張子セキュリティ許可] Disable Real MIME Check

    自作スクリプトをダウンロードできるようにする時に。様々な拡張子のデータをアップロードできるようになります。
    参考 「セキュリティ上の理由によりこのファイル形式は許可されていません」エラーを解決する方法qiita.com

    assistant すいみん

    これがないと「このファイルタイプはセキュリティの観点から許可されていません」と表示されてしまいます!

    [ファイルダウンロード] Download Monitor

    自作スクリプトをダウンロードできるようにする時に使いました。これを設置するとユーザーがデータをダウンロードできるようになります。
    参考 Download Monitorプラグインで画像やPDFをダウンロードするページを作るにっき

    assistant すいみん

    自作ツールはこれを使って配布してます

    [投稿記事タイプ一括編集] Post Type Switcher

    投稿記事タイプをまとめて変更できます。カスタムテンプレートにしようか検討した際にいれました。
    eyecatch-wordpress-sango-customize 【WordPress】WordPressテーマ「SANGO」のカスタマイズまとめ

    assistant すいみん

    バイラル風アイキャッチにしたくて調査の時だけ使いました

    [広告ブロック] End of Adblock Cycle

    アドブロック使用者に対して警告したり、計測したりできます。
    プラグインで広告をブロックしているユーザーを計測できることを知ったので、試してみました。

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


    WordPressの管理画面からプラグイン>新規追加から「End of Adblock Cycle」を検索。
    ダウンロードして有効化します。

    End of Adblock Cycleの設定


    設定にEnd of Adblock Cycleの項目が追加されているので選択します。
    計測だけしたいので、広告ブロックユーザーに対しての警告を行うのチェックは外しておきます。

    広告をブロックしているユーザーの計測

    カーソルをグラフの上に載せると数値が表示されます。データのダウンロードも可能

    assistant すいみん

    警告も効果ないので今は使ってません

    [ヒートマップ] Aurora Heatmap

    タッチエリアの割合を計測してくれます。どこがタップされているのか、ひと目で分かります!
    参考 このヒートマップが無料だと!?インストールだけで使えるWPプラグイン「Aurora Heatmap」が凄い寝ログ

    assistant すいみん

    UXの勉強にいれてます。

    [内部リンク視覚化] Show Article Map

    内部リンクを視覚化できるプラグイン。内部リンクで回遊率を上げるとGoogleの評価が上がるので重要です。
    【WordPress】内部リンクを視覚化して改善する「Show Article Map」の使い方とカスタマイズ

    assistant すいみん

    記事が多いので活用できませんでした!

    ブログを始めるなら入れておきたい!WordPressのプラグインまとめ

    プラグインの整理がてら、記録として記事を書きました。
    最小限といいつつ30個以上を入れてますね!

    それだけワードプレスのプラグインは便利なものが多いです。

    assistant すいみん

    ちなみにプラグインだけじゃできない、独自のカスタマイズはfunctions.phpにてできます!下記の記事を参考にしてください
    【WordPress】プラグイン無しで機能拡張ができる!「functions.php」のおすすめコードまとめ

    以上、すいみん(@cg_method)でした!