【セキュリティと作業効率up】WordPress JIN おすすめプラグインでカスタマイズ【随時更新中】

wordpress-jin-plugin

導入すると便利なことが多いワードプレスのプラグインですが、やたらめったら入れると、サイトが重くなったり plugin 同士が干渉し合ったりといいことがありません。

色々調べて、以下の観点で現在使用しているWordPress JINにプラグインを導入しています。

  1. WordPress でブログを運営していく上で必須のプラグイン
  2. 作業効率が向上するプラグイン

本記事はプラグイン導入に備忘録的まとめです。

私は導入しているプラグインが多い方だと思います。

本サイトで紹介しているプラグインの中から、必要なものだけ導入してください。

クリックできる目次

WordPress JIN にプラグインを入れました

以前のはてなブログのカスタマイズと一緒で、プラグインの①何を②どんな目的で導入したのか忘れてしまうので、その時参考にさせて頂いたサイトとともに、備忘録としてまとめました。

素人なので、内部の構造わからないまま導入してしまっています。(残念な限り)。

一応使った感想も踏まえて、必要最低限の導入は目指していて、優先度を星の数で示しました。

参考にさせていただいたのは、以下のサイトです。

この場を借りて、お礼申しあげます。

 参考  プラグインは最小限に!WordPressでおすすめプラグイン集








削除したプラグイン

?:Hello Dolly

[jinstar5.0 color=”#ffc32c” size=”16px”]

なぜか、デフォルトでインストールされているプラグイン。Hello Dollyの歌詞がランダム表記される…?少しいじれば、表示される歌詞を変えることができる…?いや、いらない。

削除しても問題ないということなので、真っ先に削除。

以下の記事を参照していただくと、表示される歌詞を変えられます。(私は行っていません)

 参考  何故か標準でインストールされているWordPressプラグイン『Hello Dolly』とは一体なんなのか?

フォント変更:TypeSquare Webfonts for エックスサーバーやTypeSquare Webfonts for ConoHa

エックスサーバー利用者が使用できるプラグインが「TypeSquare Webfonts for エックスサーバー」です。

フォントが変更できます。

私は不要なので、削除しました。




必須 プラグイン

WordPress 日本語表示対応:WP Multibyte Patch

[jinstar5.0 color=”#ffc32c” size=”16px”]

日本語版WordPressを使う上で必須のプラグインです。

有効化するだけでOK。

spam

セキュリティ対策 プラグイン

スパム対策:Akismet Anti-Spam

[jinstar4.5 color=”#ffc32c” size=”16px”]

スパム対策が必要です。初期からインストールされています。有効化した後にちょこっとややこしい設定が必要です。

 参考  Akismetの設定方法

バックアップ:UpdraftPlus WordPress Backup Plugin

[jinstar5.0 color=”#ffc32c” size=”16px”]

WordPressのバックアップを自動で取るように設定できるプラグインです。

本当は他のプラグインを色々導入する前に導入しておくべきプラグインです。

バックアップの取り方

「設定」→「UpdraftPlus Backups」→「今すぐバックアップ」

念のために、新しいプラグインを導入する前やCSSの追加の前にバックアップすることをおすすめします。

追記:重要なファイルを別途FTPでバックアップしておく必要がある?とのこと。

難しくて理解できていないので現在放置…

 参考  おいおい、UpdraftPlusで肝心なファイルがバックアップされないじゃないか(残りは手動で)




ユーザー名 外部非表示:Edit Author Slug

[jinstar5.0 color=”#ffc32c” size=”16px”]

デフォルトだと外部からユーザー名が見えているそうです。あくまでもシステムってことか…!

ユーザー名がだだもれなのはセキュリティ的に非常によろしくないので、別表示への設定変更を行いました。

 参考  Edit Author Slugプラグインの使い方

セキュリティ対策:SiteGuard WP Plugin

[jinstar5.0 color=”#ffc32c” size=”16px”]

WordPressのセキュリティ対策用プラグインのひとつ。

 参考  簡単にセキュリティ対策!SiteGuard WP Pluginの設定と注意事項・WAF対策




speed

ブログスピード改善 プラグイン

ブログの表示スピードをあげるキャッシュ系のプラグインです。

キャッシュ系のプラグインは不具合が起こりやすいプラグインです。

事前にバックアップを取ってから導入するのはもちろん、

参考ページを読んでも良くわからない…

という場合には、導入を控えてください。

注意
キャッシュ系のプラグインは必ずバックアップを取ってから導入してください。

 参考  WordPressプラグイン3つでPageSpeedInsightが30アップした話

★表示速度改善(HTML・CSS・JavaScriptキャッシュ):Autoptimize

[jinstar4.0 color=”#ffc32c” size=”16px”]

W3 Total Cacheの代わりに導入した、HTML・CSS・JavaScriptなどのリソースキャッシュ系のプラグインです。

削除したプラグインに記載していますが、W3 Total Cacheで不具合が発生したので、Autoptimizeに変更しました。

 参考  プラグインは最小限に!WordPressでおすすめプラグイン集

★表示速度改善(ページ・ブラウザキャッシュ):WP Fastest Cache

[jinstar4.0 color=”#ffc32c” size=”16px”]

ページ・ブラウザキャッシュ系のプラグインです。「WP Super Cache」かこの「WP Fastest Cache」のどちらか好きな方を使ったら良いかなと思っています。

記事を公開したときに自動でキャッシュクリアを行うように設定できます。

追記:WP Fastest Cacheを導入の際に、「Disable Emojis」のチェックを入れると、モバイルサイトでグローバルメニューが表示されなくなります。

「WP Fastest Cache」を導入するとタブレットでレイアウトが崩れてしまうのだそうです。

 参考  WordPressプラグイン3つでPageSpeedInsightが30アップした話

リソース出力変更:Scripts To Footer

キャッシュ系のプラグインがわからない…。Scripts To FooterはBJ Lazy Loadと拮抗するのかな?

ですが、Scripts To FooterはBJ Lazy Loadどちらか一方を削除してしまうと、PageSpeed Insightsの評価が遅くなってしまう…

不具合が見つかるまで、2つのプラグインを同時使用していこうと思います。

「設定」→「Scripts To Footer」でOK。

カテゴリーにチェックを入れると、モバイルサイトでグローバルメニューが表示されなくなるので注意。

 参考  WordPressプラグイン3つでPageSpeedInsightが30アップした話

★表示速度改善(ページ・ブラウザキャッシュ):WP Super Cache

[jinstar4.0 color=”#ffc32c” size=”16px”]

ページ・ブラウザキャッシュ系のプラグインで、JINの公式サイトで相性が良いプラグインとして紹介されているのが「WP Super Cache」です。

この「WP Super Cache」か「WP Fastest Cache」のどちらか好きな方を使ったら良いかなと思っています。

有効化後、「設定」>「WP Super Cache」→『キャッシング利用』にチェックでOK。

体感は早くなるのだけれど、サイトスピード測定を行うと「パソコン 最適化 Low 56 / 100」になってしまいます。よくわからない。

 参考  ちょっと待て!素人がWordPressのキャッシュ系プラグインをわけわからずに使うと悲惨な目に遭うぞ!

 参考  WordPressの「キャッシュプラグイン」に関するプロフェッショナルな方々のTwitter話が為になりすぎる

表示速度改善(画像読み込み遅延):BJ Lazy Load

[jinstar3.0 color=”#ffc32c” size=”16px”]
「Apply to post thumbnails」以外をON。(OFFのままだとサイト表示速度が7秒に低下)

サイト表示速度は6秒のまま…体感はスピードアップしたような気がするのでとりあえず導入。

画像 自動圧縮:EWWW Image Optimizer

[jinstar5.0 color=”#ffc32c” size=”16px”]

写真 リサイズを行ってくれる用のプラグイン。

写真のリサイズのみならず、写真の付加情報として個人情報であるExifがのってしまっている場合は削除してくれる設定にできるので、必須のプラグインともいえます。

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




SEO系 プラグイン

サイトマップ作成:Google XML Sitemaps

[jinstar5.0 color=”#ffc32c” size=”16px”]

サイト運営では必須のプラグインです。

設定方法は以下のサイトを参考にしました。

 参考  Google XML Sitemapsの設定とサーチコンソールへの追加方法

アクセス解析など:Jetpack by WordPress.com

[jinstar3.0 color=”#ffc32c” size=”16px”]

今のところ、Site StatsのみONにして使用中。他の分析ツールとは別の強みがあるため重宝します。

「設定」→「パフォーマンスおよびスピード」→「画像の遅延読み込みを有効にする」をOFFにしないと、サムネイルが表示されなくなってしまいます。

 参考  Jetpack by WordPress.comの設定&使い方

インデックス依頼:PuSHPress

[jinstar5.0 color=”#ffc32c” size=”16px”]

クローラーにインデックス依頼をしてくれるプラグイン。

有効化のみでOK。

リンク切れチェッカー:Broken Link Checker

[jinstar5.0 color=”#ffc32c” size=”16px”]

コメントやピンバックも含めてリンク切れをチェックしてくれるプラグインです。

同じ名前のプラグインがあってややこしいですが、日本語の方のプラグインをインストール。

 参考  Broken Link Checkerプラグインの使い方

内部リンクの可視化(内部リンク管理):Show Article Map

雑記ブログとしてカオスなこのブログ、内部リンク形成をも打ちしていると大変なことになります。

50記事くらいかな?ある程度の記事数になったら、導入することをおすすめします。

最近では、まとめページを作成するようになったので、Show Article Mapはほとんど使用していません。

  1. 以下のサイトからプラグインのファイルをダウンロード
  2. 「プラグイン」→「新規追加」→「プラグインのアップロード」→「ファイルの選択」で①でダウンロードしたファイルを読み込む
  3. 「有効化」
  4. 内部リンクのマップを表示させたい記事(固定記事が)おすすめを作成。
  5. ④の記事のテキスト編集欄に以下のリンクの文字を挿入。
  6. 非公開で記事を更新。

 参考  記事間の内部リンク構造を可視化するWordPressプラグイン「Show Article Map」




label

問い合わせフォーム

お問い合わせフォーム作成:contact form 7

お問い合わせフォームは、JINの公式サイトにあるように「contact form 7」というプラグインで簡単に作成できます。

 参考  contact form 7の使い方&CSSのデザインカスタマイズ方法は?

メール設定:WP Mail SMTP by WPForms

私の環境では、「contact form 7」で作成したお問い合わせフォームからメールを送信しても、まったくメールが届きませんでした。

「contact form 7」ですが、環境によっては、問い合わせメールが迷惑メールになったり、最悪の場合メールが届かなかったりします。

そのため「WP Mail SMTP by WPForms」というプラグインで設定してあげる必要があります。

 参考  Contact Form 7を使った問い合わせメールが届かない!?解決方法とは?




fruit

収益系 プラグイン

商品管理:Rinker

[jinstar4.0 color=”#ffc32c” size=”16px”]

Amazon、楽天、Yahoo!で商品を紹介したい場合は必須のプラグインといえます。

カエレバのWordPressのプラグインバージョンといったようなもの。作業スピードが劇的にアップします。

HTMLが短くなるので、HTMLの画面が見やすくなり、他の編集作業のスピードもアップでき、一覧表で商品管理もできる、とてもすごいプラグイン。

「Rinker」と同様のプラグインに「WPアソシエイトポスト」がありますが、どちらを使うかはお好みで。

比較サイトもありますが、情報が古いものが多く、18年9月に使用した感じですと、どちらもだいたい同じ機能が備わっています。

(比較サイトでは○○では●●ができないと書いてあることも実際は可能だったりします)

 詳細  【物販アフィリエイトに最強プラグイン】Rinkerの使い方

https://www.chemi-jyo.com/entry/rinker-how-to-use

ショートコード管理:Post Snippets

[jinstar1.0 color=”#ffc32c” size=”16px”]

定型文など、複数のページで同じ文章を表示したい場合に便利なプラグインです。

定型文をショートコード化することができます。

定型文の変更もプラグインに登録した定型文を修正すれば、すべての記事に反映されるので、作業効率がUPします。

 詳細  文章・コードを再利用できる「Post Snippets」の使い方や応用例を解説!

 詳細  Post Snippets – HTML・PHPコードを登録してパーツを使い回せるWordPressプラグイン

本ブログでは、アドセンスを記事内に挿入したいときにも利用しています。

補足情報として、広告パラメーターコードを挿入する部分の冒頭に「Sponsored Links<br>」を追加してください。規約違反になってしまいます。

追記:表示は義務ではないって!

表示していなくても規約違反にはならないそうでう。

ネットで通説となっているブログの知識って意外と違っていることが多くてびっくり。

情報弱者は踊らされるんですね…

 参考  アドセンスでスポンサーリンクは必要?不要?について言及してみる




desk-bag

ブログ体裁 プラグイン

JINのブログデザイン着せ替え:Customizer Export/Import

JINのデザインを変えたいのであれば必須のプラグインです。

目次作成:Table of Contents Plus

[jinstar4.5 color=”#ffc32c” size=”16px”]

私の記事でも、h4タグまで表示すると目次の情報量が多いと感じたので、目次ではh4タグを非表示にしています。

カテゴリー順番 並び替え:Category Order and Taxonomy Terms Order

[jinstar3.0 color=”#ffc32c” size=”16px”]

JINの場合、カテゴリーの順番はデフォルトのままだと変えられないそうです。

そのため、デフォルトだと、カテゴリーは作成順になっています。このブログではその他的な「雑多」のカテゴリーが上位表示されてしまうのはとても嫌なので、プラグインを導入してカテゴリー順を変更しました。

カテゴリー順変更

プラグイン有効後、「ダッシュボード」→「投稿」→「Taxonomy Terms Order」




office-2

ブログ作成サポート プラグイン

タグ登録:AddQuicktag

[jinstar3.0 color=”#ffc32c” size=”16px”]

記事作成を効率化させることができるプラグインです。あくまでも記事作成のサポート機能であるため、優先度は低いかと思います。

コメントの挿入のためのタグや<b></b>タグなんかを登録するために導入しました。

プラグインを有効後、「ダッシュボード」→「設定」→「AddQuicktag」で編集画面に移動できます。

 参考  AddQuicktagの使い方と設定【隠れた機能も全て解説】

実は、太字タグなんかは単語登録しています。多分やり方としてはとても邪道。

でも、文字入力でキーボードに手を置いている状態からマウスに手を移動させなくて良いので、作業効率は非常に高いです。

ビジネスの時短テクでよく使われている手法です。

 詳細  【ブロガー必見!記事を書くのに時間がかかる…悩みを解消】ブログ作成のスピードアップができる6つのこと

リアルタイムプレビュー:Inline Preview

[jinstar2.0 color=”#ffc32c” size=”16px”]

プレビューを横に表示したまま編集可能になるプラグインです。

イマイチ、どういうレイアウトになるか、イメージ出来ていないまま記事作成を行ってしまったいるため、レイアウトが汚い場合があるこのサイト。

かわいい装飾もありすぎると見づらいだけなので。

「Inline Preview」であれば、リアルタイムでプレビューを見ながら変数可能なので、記事作成スピードが上がります。

「インストール」→「有効化」でOK。
あとは編集画面で「プレビュー」を表示してくれます。

一括置換:Search Regex

[jinstar3.0 color=”#ffc32c” size=”16px”]

URLの置き換えを含めて、記事やコメントも一括置換できるプラグインです。

ワイルドカードを使える?みたいだけど、私には理解できず。

少し重いプラグインなので、使用するとき以外は停止しておくことをおすすめします。

リダイレクト設定:Redirection

[jinstar2.0 color=”#ffc32c” size=”16px”]

考えてURLを設定していたつもりでしたが、やはり修正したいURLも出てきたので。なかなか最初から完璧にというのは難しいですね…

プラグインでパーマネントリンク変更後に301リダイレクトの設定を行っています。

「ダッシュボード」→「ツール」→「Redirection」→「新しい転送ルールを追加」

 参考  プラグインで簡単!ページのURL変更の際にやるべき301リダイレクト設定

UPした画像の差し替え:Enable Media Replace

[jinstar1.0 color=”#ffc32c” size=”16px”]

一度WordPressにアップした画像を差し替えるにはプラグインを導入る必要があります。

画像の差し替え機能はデフォルトの設定にはありません。

とても重いプラグインなので、使用していないときは停止しておきます。

 詳細  Enable Media Replaceで画像を置き換える




heart-card

ブログ装飾 プラグイン

外部リンクをブログカード表示:Pz-LinkCard

[jinstar2.0 color=”#ffc32c” size=”16px”]

JINには内部リンクの場合はデザイン性の高いリンク表示になります。

外部リンクもはてなブログみたいにブログカード表示させたい場合に利用するプラグインです。

記事の内容や書き方によっては、WordPressでもはてなブログみたいに外部リンクを、テキストリンクではなくブログカードで表示したいときがあるので、外部リンクをブログカード表示できるプラグインを導入しました。

「設定」→「Pz カード設定」で各種設定が可能です。

色を自身のブログのテーマから―で統一すると、ブログになじみやすいと思います。

→「外部リンクの設定」→「付加情報」に「参考にしました」などの文面を入力すると、囲み枠に題名が挿入されます。

 参考  WordPressテーマ「JIN」の外部リンクとして「Pz-LinkCard」を使うときの設定のコツ

表作成:TablePress、Pricing Table by Supsystic

[jinstar2.0 color=”#ffc32c” size=”16px”]

基本的に、JINでは以下のような表を一発で作成できます。

項目名ここに説明文を入力してください。
項目名ここに説明文を入力してください。
項目名ここに説明文を入力してください。
項目名ここに説明文を入力してください。
項目名ここに説明文を入力してください。

なので、「凝った表を作成したい!」という場合以外には表作成のプラグインは不要だと思います。

私の場合はちょこっと凝った表を作成したいと考えたので「TablePress」導入。

表を一括管理できるので、最近ではJINで作成した表も一部差し換えています。

最初から表は「TablePress」で作っていればよかったなと少し後悔。

レスポンシブ対応。

 参考  TablePressをスマホ対応!レスポンシブな表作成プラグイン!

 参考  TablePressの使い方。文字色・枠線・セル塗りつぶし等の設定方法を紹介します。

ページ内 特定場所へのリンク作成:TinyMCE Advanced

[jinstar2.0 color=”#ffc32c” size=”16px”]

ページ内リンクを作成したくて、導入したプラグインです。

ページ内リンクとは、同一ページの特定文字にジャンプさせるリンクのことです。

アンカー機能を使えば、目次を自作することも可能です。

 参考  TinyMCE Advanced の設定方法と使い方

ウォーターマーク導入:Image Watermark

[jinstar2.0 color=”#ffc32c” size=”16px”]

画像にウォーターマーク(すかし)を入れたい場合に導入するプラグインです。

画像への著作権表示等のすかしの表示が可能となるプラグインです。アップロード済みの画像には手動で設定する必要があります。

最初は手動で簡単にウォーターマークが導入できたのに、使ってる途中で導入できなくなった…原因がわからない…

ですが、画像をアップする前にいちいち編集するのもちょっと面倒なので、だましだまし使用中です。

 参考  無断転載防止に画像へ著作権表示が出来るプラグイン「Image Watermark」

盗用は怖いですね。以下の記事の筆者さんのパクられた時の対応がかっこいいと思いました。

 参考  無断転載を防げ!ブログがパクられるのを軽減できるかもしれない小技集




SNSカウント数表示:SNS Count Cache

JINにはデフォルトでSNSシェアボタンが設置できるようになっています。

そのシェアボタンにシェア数を表示できるようにするプラグインが「SNS Count Cache」です。

ちょっとした興味で導入しただけ。

ちょこちょこシェアされていますが、不要そうだったら、すぐに廃止予定。

自分のサイトがコピーされたら知らせてくれるプラグイン:Check Copy Contents(CCC)

面白そうなので、なんとなく入れてみました。

自分のサイトの文章がコピーされると、メールでお知らせしてくれます。

プラグインを増やしすぎてもアレなんで、そのうち消すかも。

 参考  Check Copy Contents(CCC)

 

今回、はてなブログからワードプレスへの移行は全面的に羽田空港サーバー様に依頼いたしました。

【もはやチート技、羽田空港サーバー様へ無料依頼】移行後の設定まとめ|はてなブログからWordPressに移行

そのため、すでに導入・設定完了して頂いているプラグインがありました。

今後、導入予定のもの

限界だ、検索も理解も導入も疲れた…今後、対応予定のものの一覧。

Google フォト

はてなブログ時代から、Googleフォトで画像をアップロードしていたのだけれども、WordPressでもGoogleフォトを簡単に使用できるようにしたい。

でも、少し設定が面倒そう…

「OAuth同意」って何?大丈夫なの?デメリットないの?よくわからないのでいったん保留…

 参考  Googleフォトの写真を表示するプラグイン Photo Express for Google が便利で素敵
 参考  【wordpress】Googleフォトにある画像を表示するプラグイン
 参考  第147回 便利と危険は裏返し 〜 知っておきたい、OAuthの仕組み 〜

Highlight and Share




まとめ:プラグインで効率UP、でもほどほどに

little-girl

ワードプレス JINに導入したプラグインでした。

特に作業効率向上系のプラグインは導入すると記事作成スピードがかなり上がります。

でも、必要以上にプラグインは導入しないでください・

プラグイン同士が干渉を起こして、動作不良の原因になったり、ブログのスピード低下の原因になります。

 関連  ➢ JINには不要&相性の良くないプラグイン

https://www.chemi-jyo.com/entry/jin-plugin-failure




キャッシュ系のプラグインがわからない

Web素人、キャッシュ系のプラグインが全くわかりません。適当に導入するのが一番危険なのはわかっているのですが…

以下のサイトを参考にプラグインを導入してサイトスピードが上がったタイミングでアクセス数が上昇しました。

因果関係は立証できてはいないのですが…

JIN、早く高速化してほしいですね。

 参考  WordPressプラグイン3つでPageSpeedInsightが30アップした話

CSS追加について

CSS変更については、文字量が多くなってしまったので、ページを分割しました。

▼CSS変更についてまとめた記事はこちら▼

https://www.chemi-jyo.com/entry/wordpress-jin-css

HTML勉強しないと、と思いつつ・・・そもそも、WordPress移行とJIN購入した理由は、作業時間を短縮して、記事を書く時間に充てたいという思いからだったので、相反する思いを抱えています。

理系だからってパソコンできるわけではないんですよ。プログラミング言語、勉強したことない。

記事作成スピードをあげたいなーと思っている方は「【ブロガー必見!記事を書くのに時間がかかる…悩みを解消】ブログ作成のスピードアップができる6つのこと」もあわせてお読みください。

https://www.chemi-jyo.com/entry/blog-speed-up

登録必須のASP

▼ブログ関連知識の本▼

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください