IT初心者向けの・操作ガイド(WordPress編その1)

インターネット
この記事は約9分で読めます。

困ったこと(焦ったこと等)

初めてWordPressを操作する方で、表示等自分のイメージと違う画面になった場合、どこを確認すればよいか戸惑うと思います。(自分も未だにそうですが。)
そこで、力技も含め自分が体験んし改善したことを記載していきます。
少しでも参考にしていただければ幸いです。

Cocoonの管理画面の編集では表示されるがサイト表示では一部が表示されない

ここでは、理由は不明ですが、WordPressを編集中に画像がダッシュボードでは表示されていますがサイトを見ると表示されなくなりました。焦ったので解決策と試した内容を、ノウハウとして下記に記載します。お役に立てれば幸いです。

解決した操作
 表示されていない画像を再度アップロードし「保存」すると閲覧出来ました。

試行
 1.「Cocoon」⇒「高速化」でキャッシュやCSS/JavaScriptの縮小・結合・遅延読み込みなど✓を外す。
解決できず。
 2.WP Fastest Cacheのプラグインを無効化にした。
解決できず。

グロバルナビゲーションについて

ここでは、グローバルナビゲーションからのリンクで不具合が発生した場合について記載します。ご参考にしていただければ幸いです。

リンクが一部飛ばない場合

初歩的な操作で、色々操作している最中に、どのタイミングか不明ですがメニューよりボタンが消えリンクできませんでした。
その場合に、メニュー欄を確認しました。特にWordPress初心者でしたら何処の設定が外れているか等、「けんとう」がつかなく焦りますので、参考になればと思い確認した場所等を下記に記載します。

リンクの相違

ここでは、グローバルナビゲーションとSitemapのリンクが違った場合、私が対処したときの方法を参考に記載します。ご参考にしていただければ幸いです。

具体的には、一部の項目で、グロバルナビゲーションからのリンクは、投稿ページが直接表示される(下図左側)が、Sitemapからのリンクはアイキャッチ画像が表示(下図右側)されます。

グローバルナビゲーションからの画像
Sitemapからのリンク画像

そこでメニューを確認したところ、「メニュー構造」の「PC」メニューが「投稿」となっていましたので一度削除し、新たにカテゴリーよりメニュー追加したところ改善されました。

原因が、これでないかもしれませんが、確認した場所を下記に記載します。

WordPressのカテゴリーを再作成し一部のカテゴリーがスマホで表示されない

ここでは、PC・スマホに関わらず表示される画面が、表示されなかった場合の解決策を記載します。ご参考にしていただければ幸いです。

具体的内容:WordPressの管理画面で編集後、時間を空けてスマホで表示を確認しPCと違う表示になった場合下記操作で解決しましたので紹介します。(サブメニューなどは、PCでは表示されますが、スマホでは表示されません。)

解決策:PCでは、投稿ページ等表示されるがスマホで表示されない場合、対象のページ(固定・投稿)を1度「編集」で開き再度「保存」すると表示されました。

新しくカテゴリーを追加したがグローバルナビゲーションに表示されない場合

ここでは、新たにカテゴリーを作成した場合、グローバルナビゲーションメニューは再度設定しないと反映されなかったので、情報共有として下記に記載します。参考にしていただければ幸いです。

グロバルナビゲーションメニュー作成の操作:「外観」⇒「メニュー」⇒「メニュー項目を追加」⇒「カテゴリー」より対象のカテゴリーを選択⇒追加しメニュー構造に追加されたカテゴリーを配置し「メニューを保存」をクリックする。

※ グロバルナビゲーションには、追加したカテゴリーは自動適用されない。

一覧更新日を最終更新日にする場合

ここでは、下図のアイキャッチ画像に「投稿日」と「最終更新日」が表示され「最終更新日」のみにした場合の操作について記載します。
下記の操作のみで問題なく解決します。

改善前
改善後
設定画面

WordPressで特定画像の表示がHPではOKでが、スマホでは特定画像がNGの場合

私の場合サーバ側でも高速化設定していたので、サーバ側の「画像遅延」機能のみ「OFF」としてみました。(原因の特定には到っていませんが「画像遅延」がWordPress側での設定とサーバ側の設定が干渉していたと思われます。特に初心者の場合は、WordPressのテーマ側での設定や導入プラグインやサーバ側での設定など干渉に注視してください。)問題の絞り込みの助けになれば幸いです。

スマホ(iPhone)でもHP同様の表示となりました。(XServerの場合)

一部の固定ページ(画像)が急に開かなくなった場合

ここでは、サイトで固定ページの一部の画像が急に開かなくなりキャッシュの削除など試しましたが改善されず下記の方法で改善されましたので、記載します。参考になれば幸いです。

Lazy Loadを一度無効化にし保存し再度有効化してみると表示されました。

Lazy Loadとは、画像遅延読み込み制御でユーザにとっては利便性が向上しますがクローラから見るとデメリットになります。(クローラは人間のようにマウス操作しない為です。)

ウィジェット表示について

ここでは、初歩的ですが下図左側の画面のように「階層を表示」などが表示されませんでした。それゆえ親子の階層をサイドバーに表示することができず困っていました。その際下記方法で解決できましたので参考に記載します。ご参考にしていただければ幸いです。

解決方法:ウィジェットの右側にあるカテゴリ「タイトル」下の表示がない場合(下図の左側画像のように)は、管理画面のウィジェットを開き、左側のカテゴリを「ドラック&ドロップ」で移動します。
そうすると下図の中央の図のように表示されますので、そこで自由に設定できます。

投稿記事の編集中に特定の画像が表示できない場合

ここでは、下図のように編集画面では表示されていますが、プレビュー画面では表示されません。
メディア一覧より再度選択しなおしたり、一度ログアウトしたりと試しましたができませんでした。
解決:再度アップロードし貼り付けるとプレビューでも表示されました。参考になれば幸いです。

何も編集してないのに表示されるエラー画面

ここでは、私自身いつも経験していますが、WordPressで何も編集してなく閉じようとした場合下図の表示が出て焦りました。
あまりWordPress操作に慣れてない時期には、戸惑うと思いますので記載します。参考にしていただければ幸いです。

本エラーは、バックグラウンドで何か動いていたりした際に表示されますので特に気にする必要はありません。
ちなみに自分の場合は、「キャンセル」⇒「保存」としています。

まとめ

最後まで記事を見ていただきありがとうございました。設定は各章で完結しますので必要な場面に遭遇しましたらご活用いただけると幸いです。
また、私自身が初期の段階で設定していたことや困った場面で対応した事を記載しています。今後このサイト内でも記事を拡大していきますのでご参考いただければと思います。

タイトルとURLをコピーしました