サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
不具合報告
10
投稿
3
ユーザー
15
Reactions
946
表示
トピックスターター 2021年1月29日 14:58
ブログを始めて一か月の初心者です。
見よう見まねでここまできましたが、色々と間違えているようです。サイドバーが消えてしまいました。
間違えたと認識していることとして
１ 昨日まで親テーマを使っていたこと おそらくテーマの更新をした後に消えてしまったと思います
２ 昨夜、テーマ更新前にバックアップを取ったつもりが取れていなかったこと 更新後にサイドバーが消えました
３ あわてていろいろ調べると、親テーマのままではいけなかったことがわかり、子テーマに移ったがサイドバーは現れず
対処方法としての案
- カスタマイズ済みの親テーマをPC上にバックアップ
- 公式テーマでダウンロードしたCocoon親テーマをPC上で解凍
- diffソフトなどでフォルダやファイルの比較
- サーバー上にftpで親テーマを上書き：まっさらなもの
- 差分を1つづつ子テーマでカスタマイズを行う
この部分を参考に小テーマの再ダウンロードとFFFTPをダウンロードをして親テーマの再ダウンロードをしたこと
https://wp-cocoon.com/ftp-update/こちらの記載通りにしたつもりです。
3については、上記の作業をしたらサイドバーは一度は復活したので間違っていたかはわかりません。
安心して次の記事を30分ほど前にアップしましたら、再度サイドバーが消えてしまった、という流れです。
おわかりいただけるとよいのですが…
現在はプラグインをすべて無効化しています。高速化も無効にしました。
ブログ作成が面白くて親テーマのままいろいろいじってしまいましたが、よく出てくるCSSというのは全く知識がなくいじった覚えがありません。
履歴なども消しました。もう私の手には負えない状況なのでしょうか。すべて原理を知らず見よう見真似ですので、お叱りを受けるかもしれないのですが、せっかくここまでやったのでなんとかしたいです。
アドバイスください。よろしくお願いいたします。
サイト名：モココページ
サイトURL： https://mokoko.page
ホームURL： https://mokoko.page
コンテンツ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-fuwari-ebicha/style.css
WordPressバージョン：5.6
PHPバージョン：7.4.12
ブラウザ：Mozilla/5.0 (Windows NT 10.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.104 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.2.6.6
カテゴリ数：8
タグ数：63
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.2
style.cssサイズ：845バイト
functions.phpサイズ：203バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
----------------------------------------------
2021年1月29日 15:33
@ishizuka-20 さん
トップページを見る限りサイドバーがあるように見えるのですが、どのページのサイドバーが消えてしまうのでしょうか？
管理画面の「外観」→「ウィジェット」にサイドバーについての設定があると思うので、一度確認してみるといいかもしれません。
2021年1月29日 15:33
前略、ishizuka-20 さん
サイドバーは、ちゃんと表示されているようですが、メインカラム（ブログの本文を書くところ）の幅が広すぎるようです。
親テーマと子テーマの関係は、以下の過去のトピックが参考になるかと思います。
この投稿は4年前ずつリフィトリーに変更されました
わいひら and ishizuka-20 reacted
2021年1月29日 15:42
ishizuka-20 さん
親て―マには、リセット機能がありますので、親テーマは、基本的にリセットして、デフォルトの状態にしておきます。（先に貼り付けた、過去のトピックに具体的なやり方等がありますのでご覧ください。）
カラム幅の設定は、子テーマで行いますが、とりあえず、一旦、デフォルトのカラム幅に戻した方が良いかと思います。
メインカラムの幅が広すぎると、小さめの画面では、サイドバーが表示されない場合があります。
カラム幅をデフォルトに戻すには、Cocoon設定の「カラム」タブの設定で、
コンテンツ幅
コンテンツ余白幅
コンテンツ枠線幅
サイドバー幅
サイドバー余白幅
サイドバー枠線幅
の数値を消すと、自動的にデフォルトの数値に戻るようになっています。
この投稿は4年前 2回ずつリフィトリーに変更されました
わいひら and ishizuka-20 reacted
トピックスターター 2021年1月29日 15:49
大変申し訳ございません。
皆様のご指摘でわかりました。カラム幅のせいかといじったまま、クロームの画面が最大でなかっただったことが原因だと思います。
カラムの幅をデフォルトに戻してみましたが、画面が少し小さいだけでサイドバーは映りません。親テーマはリセットしてあります。
でも、ちゃんと表示されているのがわかったので一安心です。
こんな簡単なことで大騒ぎしてすみません。
でも伺わないとわからなかったです！
お忙しいのに、迅速な対応感謝いたします。
この投稿は4年前ずつishizuka-20に変更されました
2021年1月29日 15:50
ishizuka-20 さん
いずれにしても、親テーマと子テーマの関係がとても重要です。
親テーマと子テーマの関係を整えてから、カスタマイズを行う、という順番の方がスムーズに作業できるかと思います。
ishizuka-20 reacted
トピックスターター 2021年1月29日 15:53
ありがとうございます。
親と子について気が付いたのが昨夜でしたので、まだ自分の中でしっくりきていないのですが、わかりそうです。
またいろいろトライしてみます。
ありがとうございます。
リフィトリー reacted
2021年1月29日 15:57
@ishizuka-20 さん
ときどき、Ctrl + ０（ゼロ ひらがなの「を」のキー）を押して、ブラウザを100％表示にする習慣をつけておくと良いかもしれません。
ishizuka-20 reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。