3.4.0対応バージョンWordpressはアクセスされてからいろいろな情報をデータベースから読み込み、外部の画像や動画を埋め込んでいたり、広告を表示したりしていればそれらを読み込んで1つのページを表示するという作業をアクセスがあるたびに繰り返しています。そのためHTMLで作成するサイトと比べると、管理はしやすいものの表示速度については劣るという欠点があります。最近ではWordpressがよく使われることからサーバーの性能が各段に向上してストレスなく表示されるようになったものの、サイトの規模(投稿などのコンテンツの数)が大きくなるにつれて表示に時間がかかるようになる使用しているテーマが読み込むソースによっては表示に時間がかかる外部のソースを読み込むのに時間がかかることがあるアクセス集中などにより読み込み時間がかかると使用していけば仕方ない要件も含めてサイトはどんどん重くなっていきます(プラグインを使いすぎると遅くなるという記事をよく見かけますが、私自身としてはそれほど影響がないと考えていますので、この項目からは外しています)。した速度低下の対策として知られているのがページをキャッシュ(一時的に作ったページを保存)して、一定時間内同一ページにアクセスされたものは1からページを作るのではなくキャッシュされたページを表示するというのが一般的ですが、それでも時間がかかってしまう場合があります。私が一人の閲覧者としてどこかのサイトを見たときに一番ストレスを感じるのは、ページが完全に表示されるのに時間がかかる・・・ということではなく、表示されているように見えても動かないことです。要するに表示されているのにスクロールして続きが見れないという時なんです(皆さんはどうですか?)。それじゃあ完全に読み込むまでに別のものを表示してみてはどうか?ということで見つけたのが今回紹介する【Preloader】です。【Preloader】は、ページの表示が完了するまでは回転する矢印マークなどを表示するプラグインです。逆にサイト管理側からすれば、広告などが完全に表示される前にページをどんどんスクロールされてしまう、いわゆる斜め読みを防ぐことができるので、アフィリエイト広告を張り付けているサイト(ほとんどだと思いますが)では収益にプラス効果があるかもしれません。【Preloader】プラグインの基本的な機能・できることページが読み込まれるまで「読み込み中」アニメーションを表示する表示するアニメーションは自由に変更可能トップページのみ/すべての投稿など表示するシーンの選択ができる※他にも同じ機能のプラグインをいくつか試しましたが、2のアニメーションが自由に変更できるのはこのプラグインだけでした。この記事の内容についてこのプラグイン紹介記事は簡易的に動作テストをした上で紹介していますが以下の点にご注意願いますすべての環境で動作するとは限りませんできる限り最新のバージョンの情報を紹介するようにしておりますが、閲覧される時期によってはバージョンが変わり、仕様が大きく変更されている場合があります有料版と無料版がある場合、テストは原則無料版のみで実施していますテスト環境については本文中に記載しています使用方法で紹介しているショートコードやコードなどをコピーして使用すると、環境によっては記号などが文字化けすることがあります。コピーしたのに動作しない場合は特に「"」「'」などの記号を入力し直してみてください。【Preloader】プラグインは言語の変更に未対応ですので表示のまま設定することになります【Preloader】プラグインのインストールと設定インストール方法インストールはプラグインの新規追加でプラグイン名で検索してインストールするか、ページ先頭の画像をクリックして表示されるWordpressのプラグイン公式配布ページがダウンロードしてからアップロードインストールします。Base【Wordpress】プラグインのインストール&追加方法とエラー対処の方法https://www.momosiri.info/cms/wordpresspluginerror/Wordpressと言えばさまざまな追加機能を使って思い通りの表現や動作ができるのがブログやHTMLで作ったサイトと違って楽しいところですね。ここでは基本的なプラグインの導入の仕方とトラブルが発生した場合の対処方法について解説します。日本語化して設定できないので設定で必要な部分のみ紹介します(一度設定すれば特に修正の必要がありませんから英語のままでも大丈夫でしょう)。設定は「プラグイン」→「Preloader」から行います。Colorプリロード表示時の背景色です(基本は白になっています)16進トリプレット(#で始まる6桁)の他、RGB(rgb(255,255,255,0))でも設定できるので当サイトのように透明度のある背景にすることも可能です。id=”wptime-plugin-preloader”></div>【注意】コードをコピーして使用する前に必ずお読みくださいこの記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。使用については自己責任でお願いしますコードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いませんコードの変換エラーなどにより動作しない場合、更新エラーが出る場合がありますコードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがありますその場合には以下の方法で修正を行ってみてくださいコードの中に全角の記号が入っていませんか?半角にすることで解消できますコードの中に全角の空白(スペース)がありませんか?半角にすることで解決できますコードは合っているはずなのに更新できないときは特にエラーの出た行内に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があり、Wordpressのエディタチェックではこれを「'」や「)」など閉じ子のエラーとして認識され更新できないことがあります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。「何かが間違っています...」と表示され、更新できないときはこのエラーは本当に何がエラーなのかをWordpressのチェックが判断できない場合に発生します。解決策としてはその画面を開き直すことなのですが、その際希に元のコードがすべて削除されてしまう場合がありますので、今表示されているコードを一旦どこかへコピーしてからページの再読み込みをするようにしてやり直します。Base【Wordpress】コードは合っているのにfunctions.phpの更新ボタンをクリックすると...https://www.momosiri.info/cms/%E3%80%90wordpress%E3%80%91%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AF%E5%90%88%E3%81%A3%E3%81%A6%E3%81%84%E3%82%8B%E3%81%AE%E3%81%ABfunctions-php%E3%81%AE%E6%9B%B4%E6%96%B0%E3%83%9C%E3%82%BF%E3%83%B3/Wordpressで何かをカスタマイズするときに通らなければならないのがテーマのfunctions.phpへの追記。Image」欄へ張り付けることです。プラグインフォルダの「images」フォルダ内へアップロードしてもいいのですが、プラグインをアップロードしたら消えてしまうことがありますから、どこがいいのかは各自判断いただければと思います。【Preloader】プラグインの便利な使い方・カスタマイズ方法などより便利に使うカスタマイズ技やテストサイトで使用した結果や感想、Wordpressのプラグイン公式配布ページには書かれていない事柄などを紹介します。表示サイズの変更このプラグインは有料版を購入するとプリローダー画像のサイズが変更できるとされていますが、プラグインのphpファイルをちょっとカスタマイズするだけで自由に変更できます。'64');【注意】コードをコピーして使用する前に必ずお読みくださいこの記事内にコードが記載されている場合、コードはそのままコピー(いわゆるコピペ)してお使いいただいても構いませんが、以下の件にご留意ください。使用については自己責任でお願いしますコードの確認は私の管理するサイト、またはテスト環境で問題が起こらなかったものですので、お使いの環境での動作等を保証するものではありません。万が一このコードを使用してサイトに重篤なトラブルが生じても当サイト、当サイト管理者は一切責任を負いませんコードの変換エラーなどにより動作しない場合、更新エラーが出る場合がありますコードをそのままコピーしても問題なく使えるよう文字列変換を行った上で掲載しておりますが、希に変換できていない場合があり、コードエラーとなることがありますその場合には以下の方法で修正を行ってみてくださいコードの中に全角の記号が入っていませんか?半角にすることで解消できますコードの中に全角の空白(スペース)がありませんか?半角にすることで解決できますコードは合っているはずなのに更新できないときは特にエラーの出た行内に日本語での文字列が入っている場合には全角での文字列があるということでエラーになる場合があり、Wordpressのエディタチェックではこれを「'」や「)」など閉じ子のエラーとして認識され更新できないことがあります。エラーとして返される行の先頭に空白がある場合には空白をなくすことできちんと認識され更新されるようになることが多いです。「何かが間違っています...」と表示され、更新できないときはこのエラーは本当に何がエラーなのかをWordpressのチェックが判断できない場合に発生します。解決策としてはその画面を開き直すことなのですが、その際希に元のコードがすべて削除されてしまう場合がありますので、今表示されているコードを一旦どこかへコピーしてからページの再読み込みをするようにしてやり直します。Base【Wordpress】コードは合っているのにfunctions.phpの更新ボタンをクリックすると...https://www.momosiri.info/cms/%E3%80%90wordpress%E3%80%91%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AF%E5%90%88%E3%81%A3%E3%81%A6%E3%81%84%E3%82%8B%E3%81%AE%E3%81%ABfunctions-php%E3%81%AE%E6%9B%B4%E6%96%B0%E3%83%9C%E3%82%BF%E3%83%B3/Wordpressで何かをカスタマイズするときに通らなければならないのがテーマのfunctions.phpへの追記。一度失敗したことがある方なら分かると思いますが、このファイルはとっても重要で、間違ったコードなどを挿入するといきなり管理画面が真っ白、頭も真っ白になって...コードを転載する場合にはご自身のサイトで当ページで紹介しているコードを転載される場合には当ページへのリンクを入れていただきますようお願いいたします変更は単純にこの2行の中にある「64」という数字を変更するだけです。最後に【Preloader】を動作確認した際の環境と個人的な評価を書いておきます。導入の検討や参考になれば幸いです。バージョン2.3.0gプラグインのバージョン:1.0.9このプラグインの最新バージョンは1.0.9です。バージョンが異なる場合には設定の仕方や動作仕様が変更になっている可能性があります。画像」などで検索したフリーのgifファイルなどを使ってオリジナルな読み込み中アニメーションを使うことができるのが最大の特徴でしょう。ひまあーと(管理人)☆最後までお読みいただきありがとうございました。記事作者のひまあーとです。☆Wordpressでサイトをカスタマイズしていく上で有用な情報を配信しつつ、「ココナラ」でサイトカスタマイズのお手伝い、不具合の修復、サイト引っ越し代行などをさせていただいております。☆Wordpressネタが多いですが、趣味の「園芸」「卓球」などの情報や日々の出来事などもどんどん増やしていきますのでよろしくお願いいたします。作者の記事一覧はこちらいつでもご相談・サイトカスタマイズの依頼を受け付けていますWordpressのカスタマイズ、不具合解消のご相談はすべてココナラのダイレクトメッセージからお受けしております。こちらのバナーからお気軽にお問い合わせください。※一度もココナラを使ったことがない方はココナラへの無料登録が必要です。こちらから登録後、上のリンクをクリックする、またはココナラトップページから「ひまあーと」を検索してお問い合わせください。【スポンサーリンク】タグ:Wordpressプラグインワードプレス記事の拡散にご協力をお願いします閲覧いただきありがとうございました。Field】はこの問題を解消して、カスタムフィールドに入力したショートコードが動作した結果をACFのショートコードで表示できるようにするプラグイン。これならPHPコードも使いませんし、テンプレートを作る必要もないので大変便利だと思います。Control」はサイト閲覧時のマウスカーソルを独自の画像にすることができるプラグインです。「どんな単語でサイト内検索されたか」を知る方法はないの?ということで探したらありました。この機能を持つプラグインは唯一位のものだと思います。記事の拡散にご協力お願いします閲覧いただきありがとうございます。この記事が役に立つ情報でしたら是非SNSでシェアやコメントをお願いします。Amazonアソシエイト・プログラムの参加者です。