WordPressで画像の読み込みを高速化する方法

WordPressで使用する画像の表示スピードを高速化する方法を解説します。

サイズの小さい画像を使う

大きなサイズの画像は(えてして)画像のデータサイズも大きく、ページの表示スピードを遅くします。

文字が書かれている画像など、画質が重要な画像ならばともかく、サムネイルなど、さほど画質が重要でない画像はサイズを小さくしましょう。

パソコンによっては4Kの画像なども表示できますが、ウェブサイトに4K(3840×2160px)やフルHD(1920×1080px)の画像は大きすぎるのではないかと思います。

ではどのサイズが最適かというと、一概には言えませんが、自分が納得できる範囲でできる限り小さいサイズの画像を使いましょう。

デジカメやスマートフォンで撮った画像をそのまま使うと、非常に大きなサイズになってしまうので気をつけてください。

画像は圧縮して使う

画像はそのままアップロードするのではなく、事前に圧縮してからアップロードしましょう。

筆者は「Ccompressor.io」というウェブ上で使えるツールを利用しています。

また、WordPressにはアップロードされた画像を自動で圧縮してくれるプラグインもあります。筆者は「EWWW Image Optimizer」を使用しています。

画像の遅延読み込み(Lazy-loading)

WordPressに「画像の遅延読み込み(Lazy-loading)」を設定しましょう。

画像の遅延読み込みを設定することで、サイトやブログを読み込む際、サイトの下部などページをスクロールしなければ表示できない画像の読み込みを遅らせる(後回しにする)ことで、サイトの高速化が期待できます。

画像の遅延読み込み機能はWordPress 5.5から標準で搭載されています。

WordPress 5.5から、画像遅延読み込みが標準機能になりました。プラグインを使わなくても遅延読み込みさせることができます。

出典:画像の遅延読み込みが標準機能に【WordPress5.5の新機能】 | WordPress超初心者講座

なので、最新のWordPressを使っている方は何もしなくてもOKです。

画像をCDNで配信する

画像をCDNを使って配信しましょう。

ブログの画像などを専用のサーバーにキャッシュし、WordPressを設置しているサーバーの負荷を減らすことで高速化が期待できます。

画像をCDN経由にすると、ブログによっては大幅な高速化が期待できます。

オススメのCDN

CDNサービスは「Clodflare」やWordPressのプラグインである「Jetpack」が有名です。どちらも無料で使用できます。

筆者はJetpackの画像CDNを使っています。管理画面から有効化するだけで難しい設定が不要で利用できるのでオススメです。

高速化の効果もかなりありました。

まとめ

画像はデータ量が特に重いので、画像のサイズを小さくしたり、圧縮したりすることは、WordPressの高速化にとても効果的です。

初心者の方でも取り組みやすいことが多いので、ぜひ試してみてください。

WordPressのプラグインとは?

「プラグイン」はWordPressに新しい機能を追加するための仕組みです。

サイトの機能追加ができる55,000個以上のプラグインが無料で利用できます。 目的にあったWordPress に拡張しましょう。 プラグインを使えばお問い合わせフォーム、ECサイト、ギャラリー、メーリングリストや掲示板、アクセス統計情報などの機能が追加できます。

出典:ブログから大規模サイトまで作れる CMS | WordPress.org 日本語

WordPressには最初から様々な機能が搭載されています。ブログやカンタンなウェブサイトを作るだけならば、最初から備わっている機能だけでも十分です。

ですが、サイトを運営していると、WordPressに様々な機能を追加したり、複雑な設定をしたくなる時があります。

例えばSNSのシェアボタン、お問い合わせフォーム、スパム対策、セキュリティ向上、SEOのための設定、表示スピードを速くするための設定…

こうした機能や設定を自分で実装するには、プログラミングの知識等が必要なのでとても大変です。

しかし、プラグインを利用すれば、管理画面からカンタンな操作をするだけで、様々な機能や設定をすることができます。

セキュリティには要注意!

プラグインを使えば、誰でもカンタンに高度なカスタマイズをすることが可能になります。

ですが、プラグインの中には古くてWordPressのセキュリティを低下させるものや、最初からウェブサイトに害を与えるために作られた悪意のあるものもあるので注意しましょう。

誤って危険なプラグインを追加してしまわない様に、事前にプラグインの評価を調べる等、対策しましょう。

基本的な対策として、WordPressのプラグインは公式サイト(WordPress プラグインディレクトリ)に掲載されているものの中から選ぶと良いでしょう。

まとめ

WordPressはプラグインを活用する事でカンタンに機能を追加する事ができ、非常に便利です。

うまく活用する事で、プログラミングの知識等が無くても、高機能なウェブサイトを作る事が出来ます!

公式サイト:WordPress プラグイン | WordPress.org 日本語

WordPressでアップロードした画像を自動で圧縮してくれるプラグイン「EWWW Image Optimizer」

「EWWW Image Optimizer」はWordPressのメディアライブラリにアップロードされた画像を自動で圧縮し、データを削減してくれるプラグインです。

使い方はインストールして有効化するだけでOK。特別な設定は必要ないので便利です。

また、管理画面から「メディア」→「一括最適化」→「最適化されていない画像をスキャンする」をクリックすることで、過去にアップロードした画像も全て最適化(圧縮)ができます。

公式サイト:EWWW Image Optimizer

WordPressの使い方


おすすめプラグイン

WordPressでオススメのプラグインです。

おすすめサービス

テストサイト

  • My WordPress
    ブラウザだけで動作するテスト用サイト
  • WordPress Studio
    ローカルにWordPressをセットアップできるアプリ

WordPressとは?

WordPressとはどんなものなのか。公式サイトには以下の様に書かれています。

WordPress は簡単に、楽しく、わくわくしながらネットに文章を公開できる強力なコンテンツ配信プラットフォームです。無料で配布されていて、標準に準拠し、速く軽量で、慎重に設計したデフォルト設定と機能を備える「自由な」コンテンツ管理システムです。

出典:WordPress.org 日本語

カンタンにいうと「誰でも無料で自由に使える、ブログやウェブサイトをカンタンに作るためのシステム」です。

ブログやウェブサイトを始めるだけならば、noteやMedium、livedoor Blogを使えば非常にカンタンです。

しかし、これらの無料ブログサービスはデザインが変更できなかったり、勝手に広告が貼られたり、厳しい利用規約を守らなければならないなど、様々な制約があります。

しかし、WordPressを使えば、無料ブログ並みの使いやすさで、様々なデザインや高機能なウェブサイトを作ることができます。

HTMLやCSS、プログラミング等を学ばずともカンタンに利用できるので非常に便利です。

ちなみに、WordPress.comとは別物です。

Automattic は、オープンソースの WordPress ソフトウェアにセキュリティ、スピード、サポートのための機能を追加したホスティング版である WordPress.com を所有・運営しています。当社の製品名を指す場合は、「.com」を付けてください。

WordPress は、世界中の何千もの独立した貢献者によって書かれ、維持され、サポートされているオープンソースソフトウェアです。Automattic は WordPress のオープンソースプロジェクトの主要な貢献者です。

出典(英語):Press – Automattic

一言で言うと、WordPress.comは無料ブログ、WordPressはウェブサイトを作るオープンソースのソフトです。

WordPressはアクセスが少ないと予約投稿が失敗する?

WordPressの予約投稿はウェブサイトのアクセスが少ない場合、失敗する場合があります。

WordPressで予約投稿が失敗した際のメッセージ

なぜこのような事が起こってしまうのか?

実は、WordPressの予約投稿は「設定した時間になったら記事を自動的に公開する」というものではありません。

WordPressでは「指定した時間に、サイトにアクセスがあった場合に記事を公開する」という仕組みです。

そのため、立ち上げたばかりのサイトなど、アクセスが少ない(アクセスが無い)サイトでは、予約投稿が失敗する事があります。

これはWordPressの仕様なので、アクセスが少ないサイトで予約投稿が失敗しても、トラブルやウイルスなどを心配する必要はありません。手動で再投稿するなど、落ち着いて対応すれば大丈夫です。

参考:WordPressで予約投稿が失敗した時に入れたいプラグイン「Scheduled Post Trigger」 | ディレイマニア

WordPressで本文の文字数を確認する方法

WordPressの投稿画面で文字数を確認する方法を解説します(旧エディターとブロックエディターのそれぞれの方法を解説しています)。

旧エディター(クラシックエディター)とブロックエディター(Guternberg・グーテンベルク)の両方で文字数を確認する方法を解説します。

クラシックエディターで文字数を確認する方法

旧エディター(クラシックエディター)で文字数を確認するには、まず記事の編集画面を開きます。

編集画面の文章を入力するフィールドの左下に文字数が表示されています。

クラシックエディターで文字数を確認する方法

ブロックエディターで文字数を確認する方法

ブロックエディター(Guternberg・グーテンベルク)で文字数を確認する方法です。

そして記事執筆画面の上部にある「i」マークのボタンをクリックします。

ブロックエディターで文字数を確認する方法

すると、語、見出し、段落、ブロックの数が確認できます。

ブロックエディターで文字数を確認する方法

この中の「語」が文字数ですね。上の画像では30文字になっています。

まとめ

旧エディター(クラシックエディター)では本文を入力する画面の左下を見れば文字数が確認できます。

一方、ブロックエディターではボタンをクリックする必要があります。少し面倒になった気もしますが、特に複雑な操作ではないので問題はないでしょう。

WordPressのメリットとデメリット

ウェブサイトやブログを作る際に、WordPressを使うメリットとデメリットを解説します。

WordPressのメリット

WordPressにはたくさんのメリットがあります。

  • 誰でも無料で利用できる
  • どんな用途でも利用できる
  • カスタマイズが自由自在
  • ネット上に情報が多い
  • 日本語に対応している
  • 専門知識は不要
  • テーマが豊富
  • プラグインが豊富でカンタンに機能を追加できる

誰でも無料で利用できる

WordPressはオープンソースで、誰でも完全に無料で利用することができます。

利用料やライセンス料は一切かかりません。アフィリエイトや企業のウェブサイトなど、商用利用の場合でも無料です。

(WordPress自体は無料ですが、ウェブサイトを作るには、別途ドメイン代やレンタルサーバー代がかかることがあります。)

どんな用途でも利用できる

WordPressは作成するサイトや利用方法に制限がありません。

個人での利用はもちろん、会社や同好会など複数人での利用や商用利用もOK。

作るサイトのジャンルもアダルトサイトや暴力的なサイト、政治利用や商用サイトなどなんでもOKです。

もちろん、どんな用途でも無料です。

カスタマイズが自由自在

WordPressのメリットや特徴の中でも、特に大きなポイントが「自由度が高い」ことです。

例えば、パーマリンク(記事のURL)を好きな文字列にしたり、デザイン(WordPressでは「テーマ」と呼びます)を自由にカスタマイズしたりと、一般的な無料ブログではできないカスタマイズができます。

機能も自由に追加できるので、写真ギャラリーサイトやゲームサイト、通販サイトといった普通の無料ブログでは作れないようなサイトでも作れます。

ネット上に情報が多い

WordPressは非常に普及しており、世界で最も使われているCMSです。

そのため、WordPressに関する情報は非常に充実しています。ネットで調べるだけでも、最初のセットアップからカスタマイズまであらゆる情報が手に入ります。

もちろん、書籍や学習サイトのコンテンツも多くあります。

すでに利用者が多いため、さまざまな事例の情報があり、わからない事があっても、調べれば多くの情報が手に入るのはWordPressの大きな強みです。

日本語に対応している

WordPressは元々米国人のマット・マレンウェッグ氏とイングランド人のマイク・リトル氏によって開発がスタートしました。

しかし、現在では日本語にもしっかり対応しています。

デザインや機能をカスタマイズしていく過程では、日本語以外の言語が出てくることもあります。

ですが、少なくとも初期の状態では全てが日本語に対応しているので、WordPressを始めるにあたって、文字が読めなくて困るということはまずありません。

専門知識は不要

WordPressを使うにあたって、プログラミングなどの専門知識は必要ありません。プログラマーなど専門の技術者でなくても問題なし。

サーバーの設定やカスタマイズなどは少々面倒ですが、一度インストールすれば、普段の利用(記事の更新や削除など)は無料ブログ(noteやライブドアブログなど)と同じくらいカンタンに行うことができます。

そのため、ウェブの専門家でない人、例えばライターや記者でもカンタンに扱うことができます。

テーマが豊富

テーマとはデザインのテンプレートのことです。

世界中の開発者が有料・無料問わず、様々なWordPressテーマを配布しています。

自分でデザインや機能の開発ができなくても、魅力的なWordPressテーマを選ぶことで優れたデザインのウェブサイトをカンタンに作ることができます。

プラグインが豊富でカンタンに機能を追加できる

WordPressには非常に多く(少なく見積もっても何万)のプラグインがあります。

プラグインを使うことで、お問い合わせフォームやSNSのシェアボタン、アクセス解析、バックアップなど、ウェブサイトの運営に必要な機能をカンタンに追加することができます。

WordPressのデメリット

  • サーバー代などの費用がかかる
  • 保守(メンテナンス)が面倒
  • セキュリティが心配

サーバー代などの費用がかかる

WordPress自体は無料で利用できますが、WordPressをインストールするためのレンタルサーバーを借りるとお金がかかってしまいます。

例えば、レンタルサーバーの「エックスサーバー」の場合、月額990円~です。

WordPressが使える無料のレンタルサーバーもいくつかありますが、広告がついたり、WordPressの全ての機能をつかないなど、制限がある場合が多いです。

ライブドアブログやFC2ブログ、noteなど、無料で使えるブログが多くありますから、ウェブサイトやブログを作るのにお金がかかるというのは、少し抵抗がある方もいるかもしれません。

保守(メンテナンス)が面倒

WordPressは無料ブログと比べ、自由度が高い反面、トラブルが起こりやすいです。

ただブログを書きたいだけであれば、ライブドアブログやnoteなど、シンプルな無料ブログサービスを使った方が手間がかからず良いかもしれません。

セキュリティが心配

WordPressは非常に普及しているので、悪意のあるハッカーの格好のターゲットとなっています。

自身でWordPressを使うには、信頼できるサーバーを選んだり、プラグインやテーマが安全かを確認する必要があります。

無料ブログのようにパスワードさえしっかりしておけばOKとはいかないので注意が必要ですね。

まとめ

WordPressは企業のウェブサイトやアフィリエイトサイト、様々な機能を搭載したブログなど、本格的なウェブサイトを作る際にはベストな選択です。

最初はレンタルサーバーの契約やWordPressの設定など、戸惑う点もあるかもしれませんが、ネットで検索すれば様々な解説が見つかるので、興味がある方はぜひWordPressを使ってみてください!

参考:WordPress(ワードプレス)7つの長所と9つの短所 – あきばれホームページ作成大学

WordPressのテーマとは?

WordPressの「テーマ」とはウェブサイトやブログの見た目を変えるテンプレートのことです。

他のブログサービス等では「テンプレート」や「スキン」などと呼ばれるものです。

ちなみに英語では「theme」と書き、「シーム」と発音します。

WordPressで提供されるテーマ

WordPressには公式が作ったハイクオリティなテーマをはじめ、様々なテーマが用意されています(管理画面からカンタンに利用できる無料のテーマだけでも8,000個以上のテーマがあります!)。

WordPressをインストールすると、公式テーマが最初からいくつかインストールされています。

最初に設定されているテーマが気に入らないという方も大丈夫。WordPressでは公式サイトや管理画面から公式・非公式問わず様々な無料のテーマが提供されており、自由にインストールして自分のサイトで利用することができます。

加えて、非公式な場でも有料・無料問わず様々なWordPressのテーマが提供されています。

WordPressのテーマは自由度が高い

noteやlivedoor Blogなど、無料ブログの場合は基本となるデザインがある程度決まっており、自由にカスタマイズすることができません。

そのため、自分が「記事の下に広告を設置したい」「ロゴを大きく表示させたい」などと思っても実現できない場合があります。

しかし、WordPressのテーマは自由にカスタマイズができるので、ウェブサイトやブログを自分の思い通りのデザインにカスタマイズすることができます。

他人のテーマをカスタマイズするのはもちろん、自分で1からデザイン・プログラミングをして作ることもできます。

WordPressのテーマを自作するには

WordPressのテーマはPHP、HTML、CSS、JavaScriptなどのプログラミング言語を使って作られています。

PHPやHTML、CSSを知っている方であれば、比較的カンタンにWordPressのテーマをカスタマイズしたり、1から自作することができます。

WordPressのプラグインを停止(無効化)、削除する方法

WordPressのプラグインを停止(無効化)する方法と削除する方法を解説します。

WordPressのプラグインを停止する方法

WordPressの管理画面から「プラグイン」→「インストール済みプラグイン」と進みます。

そして、プラグインの一覧の中から停止したいプラグインの「停止」をクリックすればOKです。

WordPressのプラグインを停止

停止したいプラグインが複数ある場合は、停止したいプラグインの左横にあるチェックボックスにチェックを入れ、プラグイン一覧の上の方にある「一括操作」から「停止」を選び、「適用」をクリックすればOKです。

WordPressのプラグインを停止

WordPressのプラグインを削除する方法

WordPressでは有効化しているプラグインを削除することはできません。なので、まずは上記手順でプラグインを停止します。

停止しているプラグインには「削除」という赤文字が出ているのでこれをクリックします。

WordPressのプラグインを停止

(↑有効化されているプラグイン(背景が青色のプラグイン)には「削除」という項目がありませんが、停止しているプラグインには「削除」という項目が現れています。)

「削除」をクリックするとWordPressからプラグインが削除されます。

複数のプラグインを同時に削除する場合は、停止する場合と同様、チェックボックスにチェックを入れ、「一括操作」から操作すればOKです。

削除できない場合はサーバーから直接削除する

まれに不具合を起こしたプラグインが正常に削除できない場合があります。

その場合にはレンタルサーバーの管理画面などからサーバーにアクセスし、直接プラグインを削除しましょう。

例えば、エックスサーバーでは「ファイルマネージャ」を使うことで、WordPressの管理画面を操作することなく、プラグインを削除することができます。

参考:ファイルマネージャ利用方法 | エックスサーバー

筆者は「Cyberduck」というFTPクライアントを利用しています。

公式サイト:Cyberduck

まとめ

WordPressのプラグインを削除する方法はカンタンです。

利用していないプラグインをいつまでも停止状態で放置することは、セキュリティ面から見て好ましくありません。

定期的にプラグインを確認し、利用していないプラグインがあれば削除しましょう。

参考:WordPressで使わないプラグインはすぐに削除すべき理由

WordPressで使わないプラグインはすぐに削除すべき理由

WordPressでは使わなくなったプラグインは、停止するだけでなくすぐに削除(アンインストール)するのがオススメです。

使わない(使っていない)プラグインを放置しておくと、ハッカーなどに狙われるリスクが高くなってしまいます。

WordPressプラグインは停止ではなく削除

WordPressでは使わないプラグインを停止することができます。

ですが、使わないプラグインはただ停止するだけでなくプラグインごと削除することが大事です。

放置したプラグインはWordPressの弱点

WordPressではプラグインの脆弱性を狙った攻撃が多くあります。

プラグインの脆弱性は悪意のあるハッカー(サイトを乗っとったり、改ざんしようとする人)にとって格好の的です。外部からの攻撃により、WordPressでトラブルが起こってしまう事例は珍しくありません。

世界中で多く利用され、導入率トップを誇るCMSがWordPressだ。その利便性の反面、導入率の高さを要因とするセキュリティリスクも存在する。中でも、プラグインは無償で利用できるものも多く、導入も容易なため見過ごされがちなリスクの1つだ。

出典:WordPressのプラグイン経由でマルウェア感染?どのように防ぐのか? | サイバーセキュリティ情報局

「WordPress」のプラグイン「Contact Form7」に無制限にファイルをアップロードできる脆弱(ぜいじゃく)性を発見したと伝えた。悪用されると最悪の場合、バックドアを仕込まれるリスクがある。

出典:WordPressの人気プラグインに脆弱性、バックドアを仕込まれるおそれも

更新が少ないサイトなどで、WordPress自体を放置しておくとプラグインのアップデートも滞ってしまいます。

脆弱性のあるプラグインをアップデートせず、放置しておくことは非常に危険です。

また、実績がないプラグインや開発が止まってしまっている(更新がされていない)プラグインを利用することも同様に危険です。

プラグインを削除すれば安全

プラグインの放置は危険です。対策はプラグインを削除し、自分のWordPressからプラグインのファイルを全て削除してしまうことです。

どんな危険なプラグインも削除してしまえば怖くありません。

また、プラグインを削除することでWordPressの表示スピードを改善する効果も期待できます。

プラグインの削除はカンタン

WordPressのプラグインを削除する方法はカンタンです。

WordPressの管理画面から「プラグイン」→「インストール済みプラグイン」と進み、プラグインの一覧の中から削除したいプラグインの「停止」をクリックします。

プラグインを停止すると、赤い文字で「削除」と書かれたリンクがあらわれるので、それをクリックすればOKです。

参考:WordPressのプラグインを停止(無効化)、削除する方法

まとめ

利用していないプラグインをずっと放置しておくのはよくありません。特に、そのプラグインが更新されていない場合や脆弱性がある場合はWordPressが乗っ取られるなどの危険があります。

WordPressのセキュリティを高めるために、使わないプラグインは停止ではなく削除しましょう。

また、最初から必要以上にプラグインを入れないことも重要です。