「メイド・イン・ヘブン」スキン適用中

Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

ホームページに固定ページを設定するとサ...
 
共有:
通知
すべてクリア

[解決済] ホームページに固定ページを設定するとサイドバーが表示されない

20 投稿
2 ユーザー
11 Likes
2,254 表示
 AK
(@AK)
Active Member
結合: 3年前
投稿: 12
Topic starter  

----------------------------------------------
サイト名:AKバイク【原付特化】
サイトURL: https://50-125.scooter.akio3594.com
ホームURL: https://50-125.scooter.akio3594.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
スキン:/wp-content/themes/cocoon-master/skins/skin-modernblack/style.css
WordPressバージョン:5.6
PHPバージョン:7.4.4
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.2.5.4
カテゴリ数:4
タグ数:0
ユーザー数:2
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.2
style.cssサイズ:845バイト
functions.phpサイズ:2315バイト
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:5
Auto Post Thumbnail:0
Retina:0
ホームイメージ:
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:1
WEBフォントLazy Load:1
----------------------------------------------
利用中のプラグイン:
AddQuicktag 2.5.3
Akismet Anti-Spam 4.1.7
Aurora Heatmap 1.4.10
BackWPup 3.8.0
Broken Link Checker 1.11.15
Classic Editor 1.6
Compress JPEG & PNG images 3.2.1
Contact Form 7 5.3.2
Google XML Sitemaps 4.1.1
Search Regex 2.4.1
----------------------------------------------

対象記事のURL

https://50-125.scooter.akio3594.com

 

・ページ設定でデフォルトページに設定

・ウィジットでサイドバーにプロフィールを設定

・ウィジェットでサイドバーに人気記事を設定

 

ウィジェットで設定したサイドバーの項目が、トップページで表示されません。

他の記事でも、サイドバーが表示されるものとされないものがあります。

ウィジェットの表示設定は、一切いらっていないので、全て表示されるはずなのですが...

※そのほかの固定ページをホームページにしたりしましたが、どの記事もサイドバーが表示されませんでした。

※ページ設定は、デフォルトですが、1カラムで広くなります。

本文のみ狭くにした場合は、狭くなりますが、ホームページのみデフォルトで広く1カラムになります。

 

サイドバーをホームページで表示できない原因と解決策を知りたいです。

 

お手数をおかけしますが、よろしくお願いします。

 

 


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

前略、AK さん

私もあまり詳しくないのですが、詳しい方が診てくださるかもしれませんので、フォーラム冒頭の案内にありますとおり、高速化設定を無効にしていただけるとよいような気がします。

 

また、キャッシュ系のプラグインやソースコードを圧縮するプラグインをご利用でしたら、停止していただけますようお願いします。

 

どこかで、サイドバーを非表示に設定されていることに加えて、HTMLの構成が正常ではないので、対(つい)になっていなければならない、HTMLの開始タグか終了タグが欠けているか、余分なタグが書きこまれている、などが考えられます。(あくまでも推測なので、間違っているかもしれません)

 

 

This post was modified 3年前 by リフィトリー

   
わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

AK さん

あと、Cocoonの高速化設定の「ブラウザキャッシュ有効化」もOFFにしておいた方がいいかもしれません。


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

AK さん

念のため、Cocoon設定の「全体」のタブの設定にある、「サイドバーの表示状態」を、今一度、ご確認ください。

 

もし、「全てのページ」以外が選択されていたら、「全てのページ」を選択して、「変更をまとめて保存」のボタンをクリックします。

 


   
わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

AK さん

HTMLの構成がおかしくなっているページでは、サイドバーは、右側ではなく、ページの最下部(フッターの下)に表示されている場合があります。

 

右側だけでなく、ページの最下部も確認が必要かもしれません。

This post was modified 3年前 by リフィトリー

   
わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

AKさん

HTMLの構成が崩れるのは、HTMLの開始タグや閉じタグのどちらかが欠けている場合が多いように思います。

 

ご自身でカスタマイズして、何かを書きこんだところ(ウィジェットの中とかテーマエディター内のどこかのファイル等々)を、再確認してみてください。

 

例え、タグが欠けている箇所や余分なタグが1箇所だけであっても、サイト全体の表示が崩れてしまう場合もあります。

This post was modified 3年前 by リフィトリー

   
わいひら reacted
 AK
(@AK)
Active Member
結合: 3年前
投稿: 12
Topic starter  

リフィトリーさん返信ありがとうございます。

全ての高速化設定と、プラグインを無効化しました。

---------------------------------------------
サイト名:AKバイク【原付特化】
サイトURL: https://50-125.scooter.akio3594.com
ホームURL: https://50-125.scooter.akio3594.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
スキン:/wp-content/themes/cocoon-master/skins/skin-modernblack/style.css
WordPressバージョン:5.6
PHPバージョン:7.4.4
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.2.5.4
カテゴリ数:4
タグ数:0
ユーザー数:2
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.2
style.cssサイズ:845バイト
functions.phpサイズ:2315バイト
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:5
Auto Post Thumbnail:0
Retina:0
ホームイメージ:
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
----------------------------------------------

>念のため、Cocoon設定の「全体」のタブの設定にある、「サイドバーの表示状態」を、今一度、ご確認ください。

 

こちら設定を確認するとフロントページで非表示になっていました。

全て表示に切り替えたところ、2カラムにすることはできました。

ただ、やはりフロントページと一部のページでサイドバーが表示されません。

表示されていないなページは、フッターの方にサイドバーが表示されています。

 

これは、やはりそのページでHTMLの閉じタグが抜けているから起きるということでよろしいでしょうか?

この場合はサイドバーが表示されていないページのテキストモードでHTMLを確認。

修正すればいいのでしょうか?


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

AK さん

トップページ以外は、サイドバーが正常に表示された?みたいですね?

 

今までのフォーラムを見ていた感じでは、やはり、トップページのコンテンツの中に、足りないタグか、余分な不要なタグがあるような気もします。(間違っている場合もあるかもしれませんが・・)

 

サーバーのキャッシュが残っているためか、ソースコードが圧縮されたままになっています。

 

サーバーのキャッシュを消去できますでしょうか?

 

サーバーキャッシュ設定


   
わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

AK さん

これは、やはりそのページでHTMLの閉じタグが抜けているから起きるということでよろしいでしょうか?

この場合はサイドバーが表示されていないページのテキストモードでHTMLを確認。

修正すればいいのでしょうか?

もちろん、ご自身で、ちゃんと、開始タグと閉じタグがちゃんと記述されているか、編集時にうっかり、消し残して、開始タグだけ、とか、閉じタグだけになっているタグが無いかチェックが可能なら、それでもいいような気はします。 

 

閉じられていないタグがあると、このようになる場合がある、ということです。


   
わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

AK さん

あとご自身でできる方法としては、原始的ですが、固定ページを新しく作って、トップページのテキストエディタの内容をブロックに区切って(例えばh2区切りなど)少しずつ、プレビューを確認しながら、コピーしていって、サイドバーが下に落ちたブロックの内容をチェックする、とか、でしょうか?

 

新しく作った方の固定ページは、トップページのクローンになる訳ですが、そちらでサイドバーが正常に表示されるようであれば、新しく作った方をトップページに差し替えてしまうという手もあるかもしれないと、ふと考えた次第です。


   
わいひら reacted
 AK
(@AK)
Active Member
結合: 3年前
投稿: 12
Topic starter  

リフィトリーさん返信ありがとうございます。

サーバーキャッシュを実行しましたので再びテーマ情報を貼っておきます。

----------------------------------------------
サイト名:AKバイク【原付特化】
サイトURL: https://50-125.scooter.akio3594.com
ホームURL: https://50-125.scooter.akio3594.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
スキン:/wp-content/themes/cocoon-master/skins/skin-modernblack/style.css
WordPressバージョン:5.6
PHPバージョン:7.4.4
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.2.5.4
カテゴリ数:4
タグ数:0
ユーザー数:2
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.2
style.cssサイズ:845バイト
functions.phpサイズ:2315バイト
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:5
Auto Post Thumbnail:0
Retina:0
ホームイメージ:
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:1
CSS縮小化:1
JavaScript縮小化:1
Lazy Load:1
WEBフォントLazy Load:1
----------------------------------------------
利用中のプラグイン:
AddQuicktag 2.5.3
Akismet Anti-Spam 4.1.7
Async JavaScript 2.20.12.09
Aurora Heatmap 1.4.10
Autoptimize 2.8.1
BackWPup 3.8.0
Broken Link Checker 1.11.15
Classic Editor 1.6
Compress JPEG & PNG images 3.2.1
Contact Form 7 5.3.2
Google XML Sitemaps 4.1.1
Search Regex 2.4.1
----------------------------------------------

>あとご自身でできる方法としては、原始的ですが、固定ページを新しく作って、トップページのテキストエディタの内容をブロックに区切って(例えばh2区切りなど)少しずつ、プレビューを確認しながら、コピーしていって、サイドバーが下に落ちたブロックの内容をチェックする、とか、でしょうか?

 

新しく作った方の固定ページは、トップページのクローンになる訳ですが、そちらでサイドバーが正常に表示されるようであれば、新しく作った方をトップページに差し替えてしまうという手もあるかもしれないと、ふと考えた次第です。

 

そうですよね。

HTMLの閉じたタグや記述漏れを確認するのはそれが手っ取り早いかもしれませんね。

他の設定とか見直しながら、そちらも実行してみます。


   
 AK
(@AK)
Active Member
結合: 3年前
投稿: 12
Topic starter  

高速化とプラグインを無効化していなかったので再度、テーマ情報を送ります。

----------------------------------------------
サイト名:AKバイク【原付特化】
サイトURL: https://50-125.scooter.akio3594.com
ホームURL: https://50-125.scooter.akio3594.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
スキン:/wp-content/themes/cocoon-master/skins/skin-modernblack/style.css
WordPressバージョン:5.6
PHPバージョン:7.4.4
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.2.5.4
カテゴリ数:4
タグ数:0
ユーザー数:2
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.2
style.cssサイズ:845バイト
functions.phpサイズ:2315バイト
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:5
Auto Post Thumbnail:0
Retina:0
ホームイメージ:
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
----------------------------------------------


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

AK さん

理由は不明ですが、ソースコードが圧縮された状態のままなので、ヒントが得られないんですよね・・

 

やはり、前述のとおり、新しい固定ページを作って、ご自身でチェックしてみてください。

 

いままでの、フォーラムお問い合わせから推測すると、表示が崩れているページのコンテンツの中のどこかに問題があるような気がします。

This post was modified 3年前 by リフィトリー

   
 AK
(@AK)
Active Member
結合: 3年前
投稿: 12
Topic starter  

リフィートリーさん。

エクスサーバーのサーバ―キャッシュを実行したのですが、うまくいかなったのかな?

新しい固定ページを作成して、原因と思われるHTMLコードを修正するとサイドバーが表示されました。

ですが、まだ何故の部分があり、新しい固定ページで作成したHTMLコードを旧固定ページ(サイドバーが表示されない)にそのままコピペしたところ、やはりサイドバーは表示されませんでした。

旧固定ページでは、どうしてうまくサイドバーが表示されないか何故です。

一応新しく作った固定ページでホームページ設定→無事にサイドバー表示されているので、新しい固定ページをそのままトップページとして利用しています。

もちろんリダイレクトをかけています。

 

で、この後他のページも確認すると、未だにサイドバーが非表示になっているページが複数ありました。

新しくページを作成→リダイレクトを設定すればいいのでしょうが、SEOの評価も気になるので、できれば既存のページにサイドバーを表示させたいのですが...

原因がイマイチわからないので、新ページ作成→サイドバー表示→リダイレクトするしか方法はないのでしょうか?

質問ばかりで申し訳ないです。

 

 


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

AKさん

私は固定ページをホームページにしたことは、テストサイトでしかないのですが、ホームページに関しては、リダイレクト設定は要らないような気がします。

 

ダッシュボードの「設定」→「表示設定」と、たどって、「ホームページ」のところのプルダウンメニューから、ホームページにしたい固定ページを選択すれば良いような気がします。

 


   
わいひら reacted
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

AKさん

新しい固定ページで作成したHTMLコードを旧固定ページ(サイドバーが表示されない)にそのままコピペしたところ、やはりサイドバーは表示されませんでした。

旧固定ページでは、どうしてうまくサイドバーが表示されないか何故です。

前述しましたとおり、h2区切りなどのブロックに分けて、そのブロックだけをコピペして、プレビューで表示を確認する、という作業を行わないと、どこに原因があるのかわかりません。

 

ページ全部をコピーしてしまったら、不具合の箇所を絞ることができません。

 

少しずつコピペしながら、プレビューで表示を確認することにより、ああ、今コピペした部分の中に不具合があるのだな、と、わかるのです。


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

AKさん

エクスサーバーのサーバ―キャッシュを実行したのですが、うまくいかなったのかな?

「キャッシュを実行」ではなく、「キャッシュを削除」です。


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

AKさん

まだ何故の部分があり、新しい固定ページで作成したHTMLコードを旧固定ページ(サイドバーが表示されない)にそのままコピペしたところ、やはりサイドバーは表示されませんでした。

旧固定ページでは、どうしてうまくサイドバーが表示されないか何故です。

この件に関しては、旧固定ページに、HTMLの構造が崩れてしまう何らかの要因があるということぐらいしかわかりません。

 

全てのページの表示が正常になった後にでも、ゆっくり調べてみてもいいかもしれません。


   
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

AK さん

あと、今遅まきながら気づいたのですが、プラグインの「Autoptimize」をお使いのようですね。

 

この「Autoptimize」とCocoonの高速化設定を併用すると、不具合が出るようです。

 

Cocoonのテーマを使っている限りでは「Autoptimize」は使わないことをオススメします。

 

※気づくのが遅れてすみません。

This post was modified 3年前 2回 by リフィトリー

   
わいひら reacted
 AK
(@AK)
Active Member
結合: 3年前
投稿: 12
Topic starter  

リフィートリーさん

h2やh3のブロックごとに確認していくと表示されていないページは</div>タグが多いのが原因でした。

 

無事全てのページでサイドバーが表示されました。

ありがとうございました。

 

あと、ホームページ設定なら、リダイレクト不要なのですね。

エクスサーバーはキャッシュを削除もやりました。

ご丁寧にありがとうございます。

 

「Autoptimize」はcocoonの高速化があれば不要なのですね。

さっそく取り外しました。

 


   
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

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