ホームぺージにはWordpressを利用する機会が多くなってきております。

「ホームぺージ制作会社から勧められたからそれにした。」ではなく、ワードプレスの良い点を理解して導入することにより、効果は数倍に膨れ上がりますので、是非この記事を確認して知識を増やしてください。

2022.09.25

WordPress(ワードプレス)まとめ記事　基礎知識編

基礎知識 今、WEB集客のためにホームページ制作するならWordPressなんでしょうが、、、そもそもWordPressって何？ ...

WordPress(ワードプレス)まとめ記事　アップデート・バックアップ編

WordPressのアップデートやバックアップについては当社にもよく相談を頂きます。

ただ、トラブルが起きて相談を頂いた時点で、既に私たちにもどうにも出来ない事が多いので日頃からこまめにバックアップをしてアップデートをしておきましょう。

2022.09.22

WordPress(ワードプレス)まとめ記事　アップデート・バックアップ編

アップデート WordPressを安全かつ簡単に手動で最新版に更新(アップデート)する方法 WordPressはセキュリティ強化...

WordPress(ワードプレス)まとめ記事　HTMLタグ・編集方法編

WordPressで制作をさせて頂いたお客様から編集方法についてよく相談を頂きます。

WordPressについては当社で発明・開発したものではないので正直なところ、完璧に理解をしているわけではないので時々回答に困る事があります。

今回の記事の「改行」についてはまさにそうで・・・。
法則性があるんでしょうが・・・・複雑すぎて理解が出来ません。
その環境で出来る改行方法を探して、その方法を見つけるのが正解という状況です。

そんな状態に少しでもお役立てれば良いかな・・・という記事を集めてみました。

2022.09.23

WordPress(ワードプレス)まとめ記事　HTMLタグ・編集方法編

HTMLタグ WordPressを利用したブログで改行を行うときに使用するHTMLタグと正しい使用方法 WordPressを利用...

WordPress(ワードプレス)まとめ記事　プラグイン編

このWordpressのプラグインはWordpressを多く人が利用している一つの理由です。
そして、とても便利で、多くのプラグインが無料で提供されています。

しかし、同じケースで利用が出ると予測できるものでもプラグインの数が多いのでどのプラグインが良いのか判断が出来ない事が多いの事実です。

そんなプラグインの選択でお困りの場合は、下記の記事を参考にしてください。

2026.03.22

岡山の採用は「5.10倍」の時代へ。1人を5社で奪い合う超・人手不足でも、無名企業が若手に選ばれ続けるロードマップ

この記事の対象者 岡山県内で「求人を出しても1ヶ月以上応募ゼロ」が当たり前になっている経営者 大手企業や県外企業に、地元の優秀な...

まとめ

WordPressについて記載している記事のまとめ記事をお届けしました。

WordPressを利用しているホームぺージでトラブルが起きた！とかお困りの事があればこのまとめ記事を利用して改善を図ってください。

それでも、改善が出来ない場合は、エクセレントにご相談頂ければと思います。

▼該当サービス

無料相談の流れ

1.お申込み

下記お申込フォームより、お気軽にご連絡ください。

2.日程調整

担当より日程のご連絡をいたします。

3.無料相談

30分程度の相談会を実施いたします。

4.商談

弊社サービスをご検討頂ける場合には、お見積もりやサービスのご案内をさせて頂きます。

無料相談　ご利用後の流れ

しつこい電話セールスなどは一切いたしません。逆に、弊社サービスをご検討頂ける場合には、お見積もりやサービス内の詳細についてご案内をさせて頂きます。

ただ、メルマガの登録だけお願いします。
このメルマガでは新サービスの案内やコラムの更新情報のご案内をしております。

メルマガの解除はいつでもできますので、そこだけご理解とご協力をお願いいします。

▼お申し込みはこちらから

wordpressを利用したWeb制作が得意な会社　株式会社エクセレント

The post WordPress(ワードプレス)まとめ記事　　総まとめ編 first appeared on ホームページの問い合わせを増やす！インスタ・LINE活用のWEB集客サポート | 株式会社エクセレント　岡山.

PageSpeed Insights

待望のシリーズ第二弾！！

PageSpeed Insights

を利用した時に出てくる改善出来る項目の対応方法について教えちゃいますシリーズ。

今回はレンダリングを妨げるリソースの除外の方法についてです。

▼前回の記事

2022.05.18

「使用していない JavaScript の削減」をプラグイン　Flying Scripts　でスピード解決する方法　

PageSpeed Insightsの得点 PageSpeed Insightsとは、Googleさんから提供されており、URLを入力...

「レンダリングを妨げるリソースの除外」とは？

レンダリングとは？

コードやプログラムなどの情報を人が見やすいように表現・表示させること。

リソースとは？

ある操作の実行に必要なシステムや要素などのこと。

まとめると

以上をふまえて簡単に説明すると・・・・

「ホームぺージを表示させる時に、コードやプログラムの読み込みの順番がうまく出来てなくて表示するのが遅くなっている」

という状態です。

レンダリングを妨げるリソースを除外する方法

ホームぺージによって原因や状況は違いますが、このケースで指摘されているのは下記のものです。

もちろん、一つ一つ問題点を探して手動で一つ一つ対応する事も出来ますが、そんな面倒臭い事をせずにAutoptimize というプラグインを利用すればすぐに問題解決が出来ます。

それでは早速にインストールしてみましょう

Autoptimizeをインストールして有効化

【プラグインを追加】の画面で　Autoptimize　と入力してプラグインを探します。プラグインが表示されたら、【今すぐインストール】をクリックしてください。

インストールが出来たら【プラグインを追加】をクリックしてください。

続いて【有効化】のボタンを押してエラーが発生しなければ、初期設定は完了です。

Autoptimizeを設定

サイドナビの【設定】タブから【Autoptimize】を選択してください。

【JS、CSS＆HTML】タブを選択してください。

【JavaScript コードの最適化】にチェックを入れてください。

CSS オプション

【CSS コードを最適化】にチェックを入れてください。

HTML オプション

【HTML コードを最適化】にチェックを入れてください。

最後に【変更と保存とキャッシュの削除】を押してください。

【追加】タブを設定

Googleフォントを使っていない人は対応しなくてもOkです。
Googleフォントを使っている人も、スピードチェックして問題ないのであれば対応しなくてもOkです。

【変更を保存】を押して反映してください。

これですべて完了です。

スピードが改善されたか確認

PageSpeed Insightに戻って、再度URLを入れてスピードが改善されたか確認します。

そうした時に、エラーはまだ出ているケースがあると思います。
今改善したばかりの「レンダリングを妨げるリソースの除外」が全て対応出来ていないケースもありますが、PageSpeed Insightsはネットワークやサーバー・クライアントの負荷に応じて、分析結果が変動しますので、1回の計測だけでパフォーマンスを正しく評価することはできません。正しく結果を評価するには、数日にわたって何回か計測を行い、そこで頻発するエラーがあれば対応して行くようしてください。

まとめ

今回は、設定も簡単で、あまり考えるところはないのですが、プラグイン導入後のスピードチェックとサイトチェックは確実に行ってください。
気が付けば、表示が崩れているという事も珍しくありませんので。

もし上記のような不具合が生じた場合は、Autoptimize自体を削除して対応してください。
それでも、改善が出来ないという場合にはお気軽にエクセレントにご相談ください。

▼該当サービス

SEO対策が得意なホームぺージ制作会社エクセレント

The post 「レンダリングを妨げるリソースの除外」という項目はプラグイン　Autoptimize 　を使って簡単に解決出来ます first appeared on ホームページの問い合わせを増やす！インスタ・LINE活用のWEB集客サポート | 株式会社エクセレント　岡山.

PageSpeed Insightsとは、Googleさんから提供されており、URLを入力するだけでモバイル、PCそれぞれのWebページの読み込み速度をスコアリングしてます。しかも無料で改善ポイントまで教えてくれるという優れもののシステムです。

ほんと、親切なツールです。
そして親切なこのツールを使って、SEO会社さんやホームぺージ制作会社さんがお客さんに電話営業してくるんです。ww

御社のホームぺージのPageSpeed Insightsのスコアが異常に低いのですぐに改善しないと危ないですよ！

という営業をかけてくるんです。

そんなこと言われたら、詳しく内容を知らないホームぺージの担当者さんなら焦るじゃないですか！！

なんと！うまいなーーー！！

すると・・・すぐに・・・

大変だ～～至急！直してぇ～～～
おたくが作ったホームぺージ評価が低いって言われたよ～～

これです。
おなじみの日本のビジネスのおまじないワード【至急】付での連絡が来るのです。

順調に業務をこなしていたのに、この日本のビジネスのおまじないワード【至急】付で来る連絡にそこからの業務の進行に足元をすくわれてしまいます。

という事で、今回はPageSpeed Insightsの対応内容についてご紹介いたします。

得点が低くても慌てないで！

Googleも検索順位付け要素にページスピードを組み込んでいると言われているので、PageSpeed Insightsへの対応は検索エンジンの指標に対する最適化でもあるのは確かです。

しかし、ページの表示速度はランキング要因の１つに過ぎないので、PageSpeed Insightsの点数が仮に10点でも、検索順位が大幅に下落するかというとそうではありません。逆に得点が100点であれば、1位になるのかというとそうではありません。

ですので、すぐに改善しなくても大丈夫です。

そして改善しても検索の順位が劇的に改善するというとそうではないので、勘違いをしないでください。

費用対効果を落ち着いて考えてください。

費用が潤沢にあるのであれば、全てのエラーに対応すれば良いと思いますが、多くの場合はそうではないと思います。

エラーの内容とすれば、とんでもない作業内容を指示しているケースがあります。逆にパッパッと改善出来るケースもあります。
何が効果的で何を諦めないといけないのかをよく考えて対応すべきです。

もし、自分では判断が出来ないと思われるケースは当社にご相談ください。
状況をヒアリングしてお客様目線で丁寧に対応させて頂きます。

▼該当サービス

「使用していないJavaScriptsの削減」について

PageSpeed Insightで表示された「改善できる項目」の内、「使用していないJavaScriptsの削減」について改善をしていきます。

この項目を改善するだけでかなりの得点の回復が出来ます。

「Flying Scripts by WP Speed Matters」という便利なプラグインをインストールします。

このプラグインは、ユーザーが何かの操作を起こすまでJavaScriptの実行を遅らせ、ユーザーが何もしなくても指定した時間が経過するとJavaScriptが実行される仕掛けをホームぺージに組み込んでくれます。しかも、遅延時間を大幅に伸ばさない限りは、ホームページの表示画面が崩れるような可能性は低いのでお勧めのプラグインです。

では、早速インストールしてみましょう！！

Flying Scripts by WP Speed Mattersの設定方法

Flying Scripts by WP Speed Mattersを検索しインストール

【プラグインを追加】の画面で　Flying Scripts by WP Speed Matters　と入力してプラグインを探します。プラグインが表示されたら、【今すぐインストール】をクリックしてください。

インストールが出来たら【プラグインを追加】をクリックしてください。

続いて【有効化】のボタンを押してエラーが発生しなければ、初期設定は完了です。

Flying Scriptsを起動します

サイドナビの【設定】タブから【Flying Scripts】を選択してください。

設定画面が表示されたら【Settings】タブを開いて【Include Keywords】欄を確認します。

この項目にはPagespeed Insightの「使用していないJavaScript」を登録しますので、そのぺージを開いたままPageSpeed Insightsのページを開きます。

PageSpeed Insightsの【改善できる】項目をクリック

【使用していないJavaScriptの削減】の項目を表示して、該当ファイル名をコピーします。

コピーしたら先程の画面に戻って、【Include Keywords】欄にその内容をペーストします。

【Timeout】は5秒で設定します。

ここまでの内容が入力が完了すれば【Save Changes】ボタンを押せば設定完了です。

スピードが改善されたか確認

PageSpeed Insightに戻って、再度URLを入れてスピードが改善されたか確認します。

そうした時に、エラーはまだ出ているケースがあると思います。
今改善したばかりの「使用していないJavaScriptの削減」が全て対応出来ていないケースもありますが、これは5秒後にはJavaScriptが稼働するため、PageSpeed Insightsで計測する時点では稼働している為、対応が出来ていないと表示されている可能性があります。

PageSpeed Insightsはネットワークやサーバー・クライアントの負荷に応じて、分析結果が変動しますので、1回の計測だけでパフォーマンスを正しく評価することはできません。正しく結果を評価するには、数日にわたって何回か計測を行い、そこで頻発するエラーがあれば対応して行くようしてください。

まとめ

ホームページのスピードアップ対策は、必要ですがそれぞれの環境によっても異なり、原因は複雑な為、常に同じ結果となることはありません。
目指すべき得点は90点として改善をすれば良いと思います。

ただ、ワードプレスで使用してるテーマによってはその道のプロでなければ、どこをどう改善すれば良いのか分からないケースもありますので、70点から80点あれば十分だと私は思います。

※ご注意下さい。

今回の方法では、Chrome等で確認できる全てのJavaScriptを全て遅延させますので、以下の危険性が指摘されています。

もし上記のような不具合が生じた場合は、関連するJavaScriptを Flying Scriptsのキーワードから外す、もしくは Flying Scripts自体を削除して対応してください。

それでも、改善が出来ないという場合にはお気軽にエクセレントにご相談ください。

▼該当サービス

SEO対策が得意なホームぺージ制作会社エクセレント

The post 「使用していない JavaScript の削減」をプラグイン　Flying Scripts　でスピード解決する方法　 first appeared on ホームページの問い合わせを増やす！インスタ・LINE活用のWEB集客サポート | 株式会社エクセレント　岡山.

バックアップを取る必要性

そもそも、なぜそんなにバックアップが重要視されているのでしょうか？
Wordpressは知識が無くても高機能なサイトが作れるとても便利なツールです。
その分、トラブルが起きたときに何が原因かわからず、対処に困ることが考えられます。
そんな時、トラブルが起きる前の状態に戻せる「バックアップ」があると安心です。

バックアップするタイミング

必ずバックアップを取ってほしいタイミングは、以下の3つです。
・Wordpress本体のアップデート時
・テーマやプラグインのアップデート時
・カスタマイズ時

この3つは予期せぬトラブル・表示崩れが起きやすいタイミングです。
作業前には必ずバックアップを取ってください。
もちろん、何の問題もなくアップデート・カスタマイズできることも多いです。
ただ、トラブルはいつ起きるかわかりません。
もしもの時のためにバックアップを取って備えましょう。

バックアップするデータ

WordPressを構成するデータは大きく分けて2つです。
・サイトデータ（テーマ・プラグイン・画像）
・データベース（投稿等の内容）

これらのデータをバックアップするようにします。

バックアップ方法

バックアップの方法はいろいろありますが、今回は最も簡単なプラグインを使った方法をご紹介します。

「BackWPup」をインストールする

左メニュー　プラグイン　＞　新規追加　をクリックします。

テキストボックスに「BackWPup」と入力します。

「インストール」をクリックした後、「有効化」をクリックします。

「BackWPup」のバックアップ設定

一般設定

左メニュー　BackWPup　＞　新規ジョブを追加　をクリックします。

ジョブ名…わかりやすい名前を付けます
ジョブタスク…デフォルトのままでOKです。
バックアップファイルの作成…デフォルトのままでOK
ジョブの宛先…「フォルダーへバックアップ」にチェック
ログファイル…デフォルトのままでOK
「変更を保存」ボタンをクリックします。

スケジュール設定

「手動」にチェックが入っていることを確認します。
デフォルトでは「手動」にチェックが入っているはずですが、入っていなければ「手動」を選択して「変更を保存」ボタンをクリックします。

DBバックアップ

バックアップするテーブル…の全てにチェックが入っていることを確認します。
バックアップファイル名…そのままでOK
バックアップファイルの圧縮…「GZip」にチェック
「変更を保存」ボタンをクリックします。

残りの「ファイル」「プラグイン」「宛先：フォルダー」は特に変更の必要はありません。

バックアップファイルの取得

設定が完了したら、バックアップファイルをダウンロードします。
左メニュー　BackWPup　＞　ジョブ　をクリックします。

先ほど設定したジョブ名の「今すぐ実行」をクリックします。

時間が掛かる場合があります。

警告やエラーが出ることなく「ジョブ完了」となればOKです。

左メニュー　BackWPup　＞　バックアップ　をクリックします。

先ほど設定したファイルの「ダウンロード」をクリックします。

保存先は、任意の場所でOKです。

まとめ

サイトを成長させるには、サイト更新が欠かせません。
バックアップを取っておくことで、安心してサイトを更新することができます。

この記事を読んでも、「やり方がわからない」「自分でやるのが不安」という方がいらっしゃったらエクセレントで代行することも可能です。
遠慮なくご相談ください。

The post WordPressのバックアップを「BackWPup」というプラグインで対応する方法【初心者向け】 first appeared on ホームページの問い合わせを増やす！インスタ・LINE活用のWEB集客サポート | 株式会社エクセレント　岡山.

当社がご提供させて頂いておりますホームページの突然のトラブルの際にご利用頂いておりますホームぺージレスキューサービスに頂くご要望のうち、多いトラブルが・・・・

WordPress管理画面のユーザー名・パスワードが分かりません

というご連絡です。

そんな時は慌てずにこちらのページを確認して対応してみてください。
それでも解決出来なければ、下記のページから復旧サービスをお申込下さい。

パスワードだけを忘れてしまった場合

それでは、行ってみましょう！！
まずは、パスワードだけを忘れてしまった場合は簡単に再設定できます。

WordPressログイン画面の【パスワードをお忘れですか？】というリンクを選択します。

次に、ユーザー名またはWordPressに登録してあるメールアドレスを入れて、【新しいパスワードを取得】というボタンを選択します。

WordPressに登録してあるメールアドレスにメールが届きますので、メールの内容に従って新規パスワードを設定して完了です。

しかし、これでトラブルが解決するケースはほとんどありません。
なぜか？それは登録していたメールアドレスが分からないケースがほとんどだからです。

登録したメールアドレスを忘れてしまった場合

ほとんどのケースはこのメールアドレスを忘れてしまったというパターンで大騒ぎになります。

これがメールアドレスが分からない理由の2トップです。

しかし！そんな場合でも大丈夫です。
少し難しいですが、自力で確認出来る方法があります。

これから詳しく解説しますので、バックアップ(テキストファイルにコピペ)を取りながら慎重に試してみてください。

ユーザー名(メールアドレス)とパスワードの両方を忘れてしまった場合

phpMyAdminを確認する

登録しているレンタルサーバーのコントロールパネルにログインします。
ここでは当社がメインで利用させて頂いておりますXserverさんのコントロールパネルを利用して説明させて頂きます。

※phpMyAdminに入って作業する場合は、ホームページの情報を消してしまったり、壊してしまったりしないよう気を付けて作業してください。

データベースの【phpmyadmin】を選択します

クリックするとphpmyadminのログイン画面に切り替わるので、データベースを作成した際のユーザー名とパスワードを入力してください。

データベースを作成した際のユーザー名とパスワードだと？？

という状態ですよね。
管理画面の情報すらわからないのに、そんな情報分かるはずがないですよね。わかります。その状態！その気持ち！！

ということで・・・
次はデータベースを作成した際のユーザー名とパスワードの確認方法について説明いたします。

データベースを作成した際のユーザー名とパスワードの確認方法

WordPressの設定ファイル【wp-config.php】に情報が書かれていますのでファイルを確認します。

wp-config.phpを確認する

Ｘserverのサーバーパネルにログインします。
※先ほどのコントロールパネルのログイン画面とは異なります。

サーバーの項目に契約しているサーバIDが表示されていますので、確認したいサーバーの【ファイル管理】を選択します。

ファイル管理に移動したら、サイトのドメイン名と同じ名前のフォルダを探して選択します。
当サイトのドメイン名は【excellent.ne.jp】なので、同じ名前のフォルダを選択します。

次に、【public_html】を選択します。

下の方にスクロールすると【wp-config.php】があります。
クリックして選択すると、ヘッダーメニューの【編集】が選択できるようになるのでクリックして編集画面を開きます。

編集画面の中に【phpMyAdmin】のログイン情報が下記のような状態でありますので、テキストファイルにバックアップします。

wp_usersを確認する

データベースの管理画面に移動して先程確認したIDとパスワードでphpMyAdminにログインしてください。ログイン出来たら、左側からサイトのデータベースを選択します。

データベースを選択するとファイルが表示されるので【wp_users】探して【表示】を選択します。

各テーブルにはプレフィックス（prefix）、「接頭辞」と言われるものが先頭に付いています。
デフォルトのままの場合は「wp_」になってます。
変更している場合は「wp_」部分が変わっているので注意してください。

管理者全員の情報が表示されます。
こちらの画面でユーザー名と登録したメールアドレスが確認できます。

この項目を確認してください。

user_passにパスワードがあるのですが、暗号化されているのここでは確認することができません。ここではユーザー名(メールアドレス)が確認できたので、冒頭で説明したWordPressの管理画面に戻ってパスワードの再設定を行います。

しかし、このパスワードが分からないトラブルというのは、ここで終わらないのがこのパスワードのトラブル。メールアドレスは確認出来たものの、何らかの理由で登録したメールアドレスが使用できないケースが多いんですよね。

そのような場合は、次の項目を参考にパスワードの書き換えを行ってください。

パスワードを書き換える

パスワードを変更したいユーザーの【編集】を選択します。

user_passの関数をプルダウンでMD5に設定して、値の部分に新しいパスワードを入力して【実行】を選択します。

以上でパスワードの書き換えは完了です。
お疲れ様でした。
これで晴れて編集が出来るようになります。

※phpMyAdminに入って作業する場合は、ホームページの情報を消してしまったり、壊してしまったりしないよう気を付けて作業してください。

上記の内容を確認して頂いてそれでも解決が出来なければ、当社が御社に変わって復旧を行うサービス　ホームページレスキューサービスをご利用ください。


▼関連サービス

Web集客サポートと商品ページ制作代行ならエクセレント

The post WordPressの管理画面のユーザー名・パスワードを忘れた時の対処方法 first appeared on ホームページの問い合わせを増やす！インスタ・LINE活用のWEB集客サポート | 株式会社エクセレント　岡山.