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

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カスタマイズ依頼

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

Chromeでサイドバーが表示されない
 
共有:
通知
すべてクリア

[解決済] Chromeでサイドバーが表示されない

17 投稿
5 ユーザー
16 Likes
769 表示
(@ゆかこじ)
Active Member
結合: 3年前
投稿: 5
Topic starter  

お世話になります。

今年4月より自分の経験を記録に残そうと思い、ブログを立ち上げました。
https://www.retire-log.com/

ブログ作成は初めてなのですが、ConohaWingに申し込み、WordPressをインストールしてCocoonテーマで記事を書き始めました。4つ目の記事を書いたあたりまではChromeでもサイドバーが表示されていたのですが、その後サイドバーが表示されなくなってしまいました。FirefoxやMicrosoft Edgeではサイドバーの表示を確認しています。

自分では以下のことを確認してみましたが、改善されませんでした。

・Chromeのキャッシュクリア
・Chromeが最新版であること(89.0.4389.114)を確認
・WordPressでCocoonテーマを最新版に更新
・Cocoon設定でサイドバーの表示状態を「全てのページで非表示」に変更した後、「全てのページで表示」に戻す。
・プラグインを全て無効化して再度表示を確認

Googleや本サイト内を検索して、同様の不具合がないか確認しましたが解決策を見つけることができませんでした。同様の不具合が起きていればもっと情報が出てもおかしくないと思うのですが、全く検索に出てこなかったので、私が初心者故の初歩的なミスをしているのかもしれないと思っています。ただ、何が悪いのか自分ではわかりませんでしたので助けて頂きたく、投稿致しました。

環境情報は以下の通りです。その他必要な情報があれば教えてください。
よろしくお願い致します。

[環境情報]

----------------------------------------------
サイト名:ゆかこじのリタイア生活
サイトURL: https://www.retire-log.com
ホームURL: https://www.retire-log.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon
スタイルシートURL:/wp-content/themes/cocoon-child
親テーマスタイル:/wp-content/themes/cocoon/style.css
子テーマスタイル:/wp-content/themes/cocoon-child/style.css
スキン:/wp-content/themes/cocoon/skins/skin-colors-green/style.css
WordPressバージョン:5.7
PHPバージョン:7.4.14
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.114 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.2.8.1
カテゴリ数:3
タグ数:3
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.2
style.cssサイズ:973バイト
functions.phpサイズ:203バイト
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/themes/cocoon/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
All in One SEO 4.0.17
ConoHa WING コントロールパネルプラグイン 1.0
ConoHa WING 自動キャッシュクリア 1.0.0
Contact Form 7 5.4
WPForms Lite 1.6.6
----------------------------------------------


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6887
 

ゆかこじさん

すみません、これから移動がありますので、詳しくは書き込めません。

私もChromeなのですが、添付画像のような状態です。

サイドバーが表示されないとはどういう状態なのか、画像の添付などいただいてもよろしいでしょうか?

おそらく他の方がご回答くださると思います。

 


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

前略、ゆかこじ さん

Chromeでサイトを表示して、キーボードの Ctrl + 0(ゼロ)を押してみてください。

 

このゼロのキーは、ひらがなの「を わ」のキーです。


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

ゆかこじ さん

別件ですが、プラグインの WP Multibyte Patch は必ず入れておいた方がいいみたいです。

 

WordPress5から無くなったWP Multibyte Patchは必須なので手動インストールしましょう

https://yuki-stock.com/2019/01/09/hello-world/

 

また、Cocoonをしばらくの間お使いになる予定でしたら、プラグインの All in One SEO は不要です。


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

ゆかこじ さん

これも、別件ですが、ConoHa WING で提供されている Cocoonのテーマのフォルダ名が、標準のフォルダ名と異なっていることが原因で、Cocoonの親テーマをアップデートできない方が多くいらっしゃるようで、ゆかこじ さんも、そうなってしまう可能性が高いです。

 

以下の過去のトピックで、わいひらさんが解決方法をご案内くださっていますので、お読みになってみてください。

 

※[解決済] 親テーマ更新後、2つの親テーマがあります。

https://wp-cocoon.com/community/postid/40603/


   
(@ゆかこじ)
Active Member
結合: 3年前
投稿: 5
Topic starter  

mk2様
リフィトリー様

返信ありがとうございます。

>mk2様

私のChromeでの画面を添付します。Firefoxではmk2様が添付してくださったように、右側に「サイト内検索」「最近の投稿」などを含んだサイドバーが表示されています。

自分の閲覧環境に何か問題があるのかもしれないですね。
正しく表示されている方もいると分かって、ちょっと安心しました。

>リフィトリー様

Ctrl + 0(ゼロ)を押してみましたが、特に変化はありませんでした。

「WP Multibyte Patch」は早速インストール致しました。
Cocoonの親テーマをアップデートできない件についても、これから確認したいと思います。
アドバイスありがとうございます。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6887
 

ゆかこじさん

申し訳ないのですが、まだスマホで、調べたりできないのです。

先程見たときは、ChromeでもFirefoxでもEdgeでも、私は普通に見えていました。

添付いただいた画像を拝見すると、モバイル用の表示になっているように見えます。

Chromeのウィンドウ幅を広げてみると、どうなりますでしょうか?


   
(@yamachan11)
Honorable Member Registered
結合: 4年前
投稿: 385
 

(@ゆかこじ) さん

私のPCから見た場合も、

(@mk2_mk2)さんが、確認された時と同じく、

、ChromeでもFirefoxでもEdgeでも、普通に見えています。

 

Cocoon設定の「キャッシュ削除」は、やられていますか?

 

 

This post was modified 3年前 by Yamachan11

   
わいひら reacted
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16456
 
投稿者:: @mk2_mk2

Chromeのウィンドウ幅を広げてみると、どうなりますでしょうか?

僕もこれが原因ではないかと思います。


   
(@ゆかこじ)
Active Member
結合: 3年前
投稿: 5
Topic starter  

自分の閲覧環境に問題がある可能性があると分かりましたので、Chromeを一度アンインストールしてインストールし直しました。その結果、FirefoxやMicrosoft Edgeと同じようにサイドバーが表示されるようになりましたので、報告いたします。

コメント、アドバイスをくださった皆さん、ありがとうございました。


   
(@ゆかこじ)
Active Member
結合: 3年前
投稿: 5
Topic starter  

>ウインドウ幅が原因では?

ウインドウ幅を変えてみたところ、狭くすると非表示になり、広くすると表示されました!
このようなことで騒いでいた自分が恥ずかしいです・・・。

いずれにしましても、コメント・アドバイスをくださった皆さん、ありがとうございました。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6887
 

ゆかこじさん

解決と、ご理解いただけたようで、良かったです。

現代では、WebページはPC・タブレット・スマホと異なる画面の大きさの端末で閲覧します。

それぞれの端末によって、最適な表示になるように仕組みがあるんですよね。
(レシポンシブデザインというみたいです。)

ちょうど画像を作っているところで、解決してしまいましたが、せっかく作りましたから、添付しますね。

 


   
(@yamachan11)
Honorable Member Registered
結合: 4年前
投稿: 385
 

@mk2_mk2 さん

Good Job !

ここまでやられるとは!

 

This post was modified 3年前 by Yamachan11

   
(@yamachan11)
Honorable Member Registered
結合: 4年前
投稿: 385
 

ゆかこじ さん

 Cocoonのマニュアルはすぐれものです、一度ジックリお読みになることをお薦めします。

今回の件は、Cocoonのことではなかったですが・・・・・・・・・・・・・・・・

 

 

聞くは一時の恥聞かぬは一生の恥

ということもあります。

 

This post was modified 3年前 by Yamachan11

   
mk2 reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6887
 

Yamachan11さん

何と言うのか。

 

質問者の方々が、何を言っているのか分からんっ!
実際のものを見せてくれっ!

と思うことはしばしばですが…。
(ゆかこじさんは、最初から環境情報などあり、分かり易かったです。)

 

逆の立場になった時、きっと質問者の方々も、回答側が何を言っているのか分からないんだろうなぁと思いまして。

何はともあれ、一目で分かるものをご覧いただくのが1番なんですよね。

 

それは、質問側・回答側、どちらにも言えることだと思います。

 

例えるならば。

交通事故などの場合、お互いの言っていることは、言葉だけでは良く分からないことが多いです。
冷静でなかったり、主観が入ったりしますから。

しかし、ドライブレコーダーの映像があると、一目瞭然。

そんな感じかなと思いました。

 

【追記です】

 

昨日も思ったのですが。

質問者の方って、どうしても解決したいという思いが強過ぎて、冷静でないことが多いような気がします。

お困りだからこそ、フォーラムへ駆け込んでいらっしゃるのでしょうし。

冷静でなかったり、言い方は悪いですが、逆ギレのような状態の方もお見受けします。

そういう意味では、文字でのコミュニケーションは難しいなと思います。

 

このご時世で、オンラインでのコミュニケーションも増えました。

それにあたって、某企業では、オンラインでのコミュニケーションは誤解を生みやすいということで、そのマナーというのかルール化したそうです。

 

大雑把に言えば。

お互い悪意があって言っているのではないのだから、寛容に受け止めよう。

という感じでしたよ、拝見した感じだと。


   
(@ゆかこじ)
Active Member
結合: 3年前
投稿: 5
Topic starter  

>mk2様

添付して頂いた画像はわかりやすくて良いですね。
今回の件ですが、自分が作業しているときにちょっとサイズを変えてしまって、その時に気づかなかったようです。(多分今回のサイトとは別の所を見ていたのかと思います)

>Yamachan11様

「聞くは一時の恥聞かぬは一生の恥」
私もこの言葉が思い浮かびました。これにめげずにブログ作成に励みたいと思います。
Cocoonマニュアルも熟読します!

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


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6887
 

ゆかこじさん

分かってみると、「なぁーんだ」ってことは多いです。

自分を省みても、そういうことは本当に多いです。
むしろ、そういうことばかりです。

コンピューターは嘘をつかないので、大抵は自分だったりするんですよね、原因って。

良い経験なんだと思います。
経験を重ねていくことで、ご自分で解決できるようになるでしょうし、表現の幅の広がるのではないかと思います。

頑張ってくださいね。


   
共有:

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

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

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

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

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

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

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

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