HP立ち上げ

全くの素人がブログ型ホームページを作ってみた~7~!!ワードプレスに適したプラグインを導入しよう!厳選必須プラグインまとめ!ワードプレステーマ「JIN」に適した設定!


Warning: Undefined variable $text_domain in /home/tkdma/ehime.life/public_html/wp-content/plugins/pz-linkcard/pz-linkcard.php on line 357

Warning: Undefined variable $text_domain in /home/tkdma/ehime.life/public_html/wp-content/plugins/pz-linkcard/pz-linkcard.php on line 357

テーマ「JIN」導入編!で、まったくの素人からのサイト構築もだいぶ形になってきました。

ワードプレスの導入、テーマの導入と進み、完成まであと少し。
ここで次は、プラグインの導入をしていきます。

プラグインとはソフトウェアを拡張するプログラムの事で、これを導入することによって、ワードプレスの使い勝手が格段によくなります

プラグインのインストールは、左のメニューから

  1. プラグイン
  2. プラグインの新規追加
  3. プラグインを持っている場合は「プラグインのアップロード」
  4. プラグインを持っていない場合は、検索窓から探してインストールする
  5. その後、有効化し設定
  6. 設定方法は以下で説明していきます
複数サイトを構築する場合などは、ダウンロードしてまとめておくと便利です

Contents

「JIN」推奨プラグインは!?

高速化プラグイン

  • EWWW Image Optimizer
  • Autoptimize
  • BJ Lazy Load
  • (※ WP Super Cache)

便利プラグイン

  • AddQuicktag
  • Table of Contents Plus
  • Contact form 7
  • Rinker
  • Post Types Order
  • Search Regex
  • (※ JetPack)

公式マニュアルより引用

では、一つづつ見ていきましょう。

このようになっている。

ねこみかん
ねこみかん
今回はJIN推奨のものから紹介していますが、ねこみかん的に必須度も評価してみました

EWWW Image Optimizer

ねこみかん
ねこみかん
必須
サイト内の画像を最適化し、ロード速度等を改善します。自身のサイトにアップロードする画像は、適してサイズにリサイズしているとは思いますが、導入しておくに越したことはないです。

2021年6月10日追記~以下~

 

Autoptimize

ねこみかん
ねこみかん
必須

ダウンロード先はこちら

こちらは、サイト内のプログラムコードを最適化し、閲覧速度を上げて負荷を軽減してくれます

Blue×Free AutoptimizeでHTML・CSS・JavaScriptを圧縮しよう!

Autoptmizeの解説は色々ありますが、上のサイトが一番分かりやすく最新ですね。

最新のAutoptmizeでは、画像の圧縮も出来るようですが、まだ実装されている人が少ないので、EWWW Image Optimizerに任せて、こちらではimageの設定黒目のチェックは外しておきましょう。

ブログの収益化を学ぼう

時折、エラーが出ることもあるようなので、上記リンクも参考に。

BJ Lazy Load

ねこみかん
ねこみかん
ここまで3つが高速化の必須プラグイン

ダウンロード先はこちら

サイトでは多くの画像を用いると思うが、表示画面に写っていない画像の読み込みをしないことで大幅に閲覧速度を上げるプラグイン

ちなみに、今まではメニューのプラグインから設定出来たが。BJ Lazy Loadのようにプラグインからは設定出来ないプラグインもある。その場合メニューの下の方の設定から選択することになるので覚えておくと良いです。

カゲサイさんの記事

こちらのプラグインは、カゲサイさんのブログが一番分かりやすく解説されています。

WP Super Cache

ねこみかん
ねこみかん
ねこみかんは導入を見送っている、サイトの速度が遅くなったら検討しても良いです。

ダウンロード先はこちら

公式マニュアルには下のように記載されています

「WP Super Cache」は優秀なキャッシュプラグインですが、キャッシュの仕組みを理解して使わないと「デザインが反映されない!?」といった症状に悩むことになると思います。本プラグインを利用中にデザイン変更をした時はキャッシュを削除することをお忘れなく。

キャッシュとは、二回目以降にサイトを表示する時に前回のデータを保存しておき、スムーズにページを開く仕組みです。
「WP Super Cache」は、自身のサイトの静的HTMLを作成し、更に高速化します。
しかし、その機能のせいで、前までの記憶が残っていてデザインが反映されないなどの不具合や、時にはキャッシュから、自身の管理データ、最悪の場合は顧客データなどが流出します。

私は、現在「WP Super Cache」は導入していません。

導入する場合は以下のリンクを参照に、慎重に導入して欲しいです。

ほんとうは怖いWPSuperCacheの話

WP Super Cache – キャッシュでページ表示を高速化できるWordPressプラグイン

 

重要なのは

「既知のユーザー向けにはページをキャッシュしない」にチェックマークを入れることです。

AddQuicktag

ねこみかん
ねこみかん
必須

 

pz-linkcard: Incorrect URL specification.(url=)
ショートコードを登録するプラグイン、定型文などで代替わりさせる方法も有効です

 

Table of Contents Plus

ねこみかん
ねこみかん
必須

 

pz-linkcard: Incorrect URL specification.(url=)

 

記事の目次を自動的に生成してくれるプラグイン、当記事でいうとこの部分です

こちらの記事が一番わかりやすいです。

Contact form 7

ねこみかん
ねこみかん
必須
お問合せフォームを追加するプラグイン






    こういうものです!

    こちらが親切で分かりやすいですね。

    Rinker

    ねこみかん
    ねこみかん
    ねこみかんは導入しているサイトもありますが、無くても「もしもアフィリエイト」で代用出来る。
    日本人プラグラマーが作った和製プラグイン!もちろん日本語のサイトなので、導入方法は公式サイトを参照にしてほしいです。



    上のような広告リンクを作成するツールで、私は「Rinker」ではなく「もしもアフィリエイト」を使っている。

    私がもしもアフィリエイトを利用している理由は、Amazonアソシエイトの審査にあります。ちょっとうろ覚えなのですが、確かリンカーの場合は個別でAmazonアソシエイトのアカウント解説が必要で、Amazonアソシエイトは審査が通りにくく売上がないと停止されます。

    もしもアフィリエイトは、それ自体がASPなので、簡単に登録できてAmazonの広告もすぐに使えます。

    Post Types Order

    ねこみかん
    ねこみかん
    必要に応じて導入
    記事の順番を並び替えるプラグイン、私ののように記事の順番が煩雑になっている場合並びかえるのも良いです

    設定も不必要で、見たままの操作ですが、不安があれば上のブログを見れば安心です。

    Search Regex

    ねこみかん
    ねこみかん
    必要に応じて導入
    サイト内の文字やURLなどを一括で置き換えるツール。例えば記事のURLを変更したときなど、リンクも一斉に替えるのは多大な労力を要します。これなら一括変換、私の様に、一人称が「僕」「私」「ねこみかん」などと定まっていない場合も、全て一括して「管理人」などと置き換える事が出来ます。

     webkikaku.co.jp 
    【WordPressプラグイン】記事やタイトル内など一括置換で移転にも便利な「Search R…

    https://webkikaku.co.jp/blog/wordpress/plugin-search-regex/
    移転の際にWordPress内のURLを一括で変更したい場合や、特定の文字列を一括で置換したい場合に便利なプラグイン「Search Regex」の使い方や設定方法についてご紹介しています。投稿だけでなく固定ページも置換でき、タイトル・抜粋・コメント内も置換可能です。正規…

    上の記事がとても分かりやすいです。

    JetPack

    ねこみかん
    ねこみかん
    必須
    ワードプレスで一番主要なプラグイン、非常に多機能なプラグインで、導入には注意が必要。とはいえ、初期設定でほとんどの機能がオフになっているので、下を参考に必要な機能をオンにしていく。[jin]では統計機能のみを推奨している。他の記事でも多くが統計機能は必須としている。私は統計機能とSNS連携機能が使い勝手が良く二点の機能を使用しています。

     ワードプレステーマTCD 
    これは使える!JetPackプラグインのおすすめ機能

    https://design-plus1.com/tcd-w/2016/01/jetpack.html
    WordPress公式が提供する高機能プラグイン「Jetpack」について説明します。

    その他必須プラグイン

    Google XML Sitemaps

    ねこみかん
    ねこみかん
    推奨
    サイトマップを自動で作成し、グーグルに記事の更新を通知してくれる、SEO対策で必須プラグイン
    ねこみかん
    ねこみかん
    Google XML Sitemapsを正しく設定する方法は、グーグルのコンソールに紐付けするまでだけど、そこまで解説している記事は少ないです。

    まずはこちらのリンクでサーチコンソールの設定をしよう!

     マーケのじかん 
    【2019年版】Google XML Sitemapsの設定とサーチコンソールへの追加方法

    https://blog-tip.com/wordpress/plugin/how-to-set-google-xml-sitemaps/
    Google XML Sitemapsの設定は、チェックを入れるだけで出来ます。サーチコンソールへの追加方法もお伝えしているので、参考に設定してみて下さい。

    その後、こちらの記事に内容を参考に、プラグインの設定とサーチコンソールの紐づけをします。

    TinyMCE Advanced

    ねこみかん
    ねこみかん
    必須

    初期の記事執筆画面はこうなっている、せっかくの色々な機能があるのに全く使いづらいことこの上ないですね。
    これを使いやすく機能追加してくれるプラグインがこちら。

    使い方は、こちらがとても親切です!

    このように俄然使いやすくなります。
    特にスタイルのタブは、テーマの便利機能を使うために必須になります!

    Classic Editor

    ねこみかん
    ねこみかん
    必須
    以前にも紹介したが、ワードプレスを5.0以前の仕様に戻すプラグイン、多くのテーマが旧ワードプレスを基本としているため、必須といえる

    これに関しては、導入すれば良いので、解説はなくてもいいと思います。

    最後に!

    全くの素人でもサイトを構築出来るシリーズはこれで最後になります。あとは、お好みで調整したり、テーマ導入先のマニュアルなどを参照にサイトの見栄えを良くしていきますが、ひとまずここまでくれば快適に記事を書くことが出来ます。

     

     

     

     

    ウェブ系ページの目次

    無料で使える便利ツールはこちら

    キャラクターやワンポイントイラストはこちら!

    ブログ、ホームページ、SNS用キャラクター無料配布サイトまとめ!そのまま使える厳選サイト!可愛い人型アイコン画像をすぐに採用しよう! ダウンロードしてすぐ使える画像 って方は、すぐに使えるフリー素材を! わたおきば 立ち絵...

    写真素材ダウンロードはこちら

    【フリー素材】【写真】【厳選4選】ホームページやブログで使える画像を無料ダウンロード出来るサイト、ストックフォトサービスまとめ お勧めの【写真サイト】ストックフォトサービス一覧 『写真AC』 写真ACは無料で写真素材をダウンロー...

     

    背景に使えるイラストお探しの場合はこちら

    【フリー素材】【イラスト背景】【超選4選】イラスト背景系、写真でもワンポイントでもない、背景に使えるイラストをお探しのあなたへ! 便利なイラストダウンロードフリーサイト イラストAC 【PHOTOAC】と同じ提供元です。 会員登録が必要なのと、...

     

    画像加工ツールはこちら

    【超選】【無料】【加工ツール】【チラシ作成ツール】写真やイラストを自由自在に加工してサイトやチラシに利用しましょう! 無料で素敵なチラシや店内ポップを作るツール ピッキーピックス(Picky-pics) ...

    総合便利ツール

    【保存版】ビジネス【スタートアップ】でもプライベートでも役立つツール【まとめ】。有料ツールに負けないクオリティの無料ツールと便利で格安な有料ツールを使いこなす!法人経営系 会社設立 会社設立と言えば、一般の方にとっては専門家に依頼することになりますね。実は法人の登記はネット上で依頼す...

    全くの素人がブログ型ホームページを作ってみた~誰でも出来る、プロ並みのページ作成の目次!!

    ①基礎知識、比較

    ②独自ドメイン所得

    ③サーバー選び~Z.com編
    ③サーバー選び~WPX編(推奨)
    ③Z.comその他からWPXへの移行

    ④ワードプレスの設定

    ⑤自身のサイトの種別を間違えずに設定しよう!

    ⑥ー①「JIN」のテーマを導入しよう

    ⑦ワードプレスに適したプラグインを導入しよう!厳選必須プラグインまとめ!

    関連記事
    HP立ち上げ

    ワードプレス引っ越し Z.comからWPXへの移行は、FTP必須で少し手間取る。だけど、素人でも3分で解決!!ホームページを作ろう~特別編~

    1月 1, 2019
    マネーのねこちゃんin愛媛
    ワードプレスの引っ越し!! これが間違いない。 確かに、サイトの引っ越しは簡単にできるケースも有るけれど、そ …
    HP立ち上げ

    ホームページ(ブログ)を作ろう~①~全くの素人が一からプロ並みの自分が使ったブログやホームページサービスの比較をしてみました

    12月 7, 2018
    マネーのねこちゃんin愛媛
    ホームページの基礎の基礎 まず、ホームページやブログに必要な基礎知識をご説明します。 サイトというのは 1.ドメイン (ht …
    HP立ち上げ

    全くの素人がブログ型ホームページを作ってみた~3~WPX編 誰でも出来る、プロ並みのページ作成!!エックスサーバーが運営するワードプレス特化型専用サーバー「WPX」の初期設定方法!

    4月 16, 2019
    マネーのねこちゃんin愛媛
    WPXの契約 上記からお申込み出来る。 これに関しては、ネットショッピングが出来 …
    HP立ち上げ

    ホームページ(ブログ)を作ろう~②~独自ドメイン導入~誰でも出来る、プロ並みのページ作成!!ムームードメイン等

    12月 9, 2018
    マネーのねこちゃんin愛媛
    ホームページの構成は 前回の記事で軽く説明しましたが、ホームページは例えるとこんな三つの要素で成り立っています。 https …
    HP立ち上げ

    全くの素人がブログ型ホームページを作ってみた~5~!!ワードプレスのテーマ選びで間違えないためのコツ!ブログ型?ホームページ型?これだけ押さえたら失敗しない!全くの素人でも出来るホームページブログ作り!

    4月 19, 2019
    マネーのねこちゃんin愛媛
    前回の記事~ワードプレスの初期設定画面~で自身のサイトの構築は完成した。 ここからどう進むかは千差万別。 まずは、現在の状態は真 …