サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2020-02-24 01:51
お世話になっております。知識がないのに設定のところでいじりすぎてしまい、おかしくなってしまいました。助けてください。よろしくお願いいたします。
2020-02-24 10:15
設定というのはCocoonの設定のことですか？
Cocoonの設定であれば、「リセット」することで設定を初期化（変更をなかったことにする）できます。
（もし、Cocoonの設定だけでこうなったんだったら、これはこれですごい（笑））
↓のページを参考にして、リセットしてみてください。
注意点などいろいろ書いているので、一通り目を通してください。
当然、バックアップ→リセット→戻すということをすれば、今の状態に戻ってしまいます。
※バックアップだけは、してもいいかもしれないですね。
Topic starter
2020-02-24 11:52
回答ありがとうございます。
でも、それもすでに試してみましたけどダメでした。
助けてください。(-_-;)
2020-02-24 12:54
Cocoon設定の「ヘッダー」タブの設定で「ヘッダーの固定」のところの、「ヘッダーを固定する」にチェックが入っていませんでしょうか？
もし、入っていた場合、チェックを外して下にスクロールし、「変更をまとめて保存」の青いボタンをクリックすれば、ヘッダーの固定が解除されるかと思うのですが・・
私だったら、これを先ず試してみるかなぁ・・・
あ、「変更をまとめて保存」のボタンは上にもあったんですね。
わいひら reacted
2020-02-24 13:28
でも、この機能、本来は「ヘッダー固定」ではなくて、「グローバルメニュー固定」だと思うので、もしかしたら、わいひらさんが、修正してくださるかも・・（期待 ? )
少しトピックの主旨から脱線してしまうけど、私の好きなサイト・・
わいひら reacted
Topic starter
2020-02-24 14:09
ありがとうございました。
「ヘッダーを固定する」にチェックが入ってました。
無意識のうちにチェックしたみたいです。
大変お騒がせしました(;^ω^)
リフィトリー reacted
2020-02-24 14:31
何がおかしかったんだろ？？？
今後
オカシイと思う部分の画像の添付をお願いします。
それと
この部分がどうオカシイ。という説明もあれば、意味も分かるかと思います。
わいひら reacted
Topic starter
2020-02-24 14:45
すみません。解決しました。ありがとうございました。
2020-02-24 14:54
かうたっくさん
症状をわいひらさんに見せたかったですよね。すみません。
記憶したイメージを添付します。
上にスクロールすると、グローバルメニューの上下に幅の広い余白が付いた状態でブラウザ上端に固定されている感じでした。
6f34bd9d5b7bb334a7980802315d0eee.png
あまり正確ではないかもしれませんが・・
およそ、こんな感じでした。
わいひら reacted
Topic starter
2020-02-24 15:01
はい、全くその通りです。一瞬、壊れたかと思ってびっくりしました(笑)
2020-02-24 17:30
すみません、閉じたトピックなのに恐縮ですが…。
leafytreeさんのこのレス、なぜ他人のWordPressなのにCocoon設定で質問者さんのプレビューが表示されているのでしょうか？
「分かりにくくないように気を利かせて画像編集した」みたいなだけのことでしたらくだらない質問となってしまい申し訳ありません…。笑
わいひら reacted
2020-02-24 17:35
みるみさん
いつもトピックを拝見しています。
ダッシュボードの画像をよくキャプチャするのですが、自分のサイトの宣伝みたいで恥ずかしいのと、トピ主様の分りやすいように合成しています。
わいひら reacted
2020-02-24 18:24
leafytreeさん
いつもトピックを拝見しています。
なんと、新参者ですがそのように言っていただいて光栄です…。これからも少しでもみなさんのお役に立てるように頑張ります！（Cocoonフォーラム楽しい）
ダッシュボードの画像をよくキャプチャするのですが、自分のサイトの宣伝みたいで恥ずかしいのと、トピ主様の分りやすいように合成しています。
やはりそうだったんですね！
そういった細かい気配りは特に初心者さんからしたらとても嬉しいと思います（彼ら自身は意識していないとは思いますが笑）。
僕もそういう視点を見習います！
わいひら reacted
2020-02-24 19:18
ありがとうございました。
「ヘッダーを固定する」にチェックが入ってました。
無意識のうちにチェックしたみたいです。
大変お騒がせしました(;^ω^)
2点ほど気になります。
1点目：
「ヘッダーを固定する」にチェックがついていたことが原因だったようですが、わいひらさんにチェックがついていた時の現象を見せた方がいいと思います。
いくつかの条件が重なって現象が出ているかもしれないので。
2点目：
僕の回答にたいして、「設定をリセットしても現象が解消されなかった」というのがちょっと解せないですね。
リセットしたら、「ヘッダーを固定する」のチェックが外れて現象も出ないと思うんですが、浮浪雲さんはリセットでも駄目だったと書いているので。
もしかして、リセットしてもチェックが外れていない？
いずれにせよ、この2点については、はっきりさせた方がいいと思います。
追加確認
浮浪雲さんの今のページを見ると、ページをずっと下までスクロールしてもヘッダー画像がいつまでも見えているのはおかしくないですか？
スクロールしてヘッダーが消えているのに、ヘッダー画像だけがbodyの背景のように見えるのが？？？状態です。
もしかして僕が知らないだけで、そんな機能があるんでしょうか。
わいひら reacted
2020-02-24 19:41
現在の設定状態や、スクリーンショット画像を見る限り、Cocoon設定「ヘッダー」の「高さ」を設定していることによる不具合のように見えます。
不具合を修正しておきました。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------
Topic starter
2020-02-24 21:19
ヒロアキさん ご丁寧にありがとうございます。
最初2回ほどリセットを繰り返したのですがダメでした。
『ページをずっと下までスクロールしてもヘッダー画像がいつまでも見えているのはおかしくないですか？』
↑この件については私も疑問に思っていました。でも、諦めています(;^ω^)
2020-02-24 21:58
『ページをずっと下までスクロールしてもヘッダー画像がいつまでも見えているのはおかしくないですか？』
先ほどと同じCocoon設定の「ヘッダー」タブの設定の下の方に「ヘッダー背景画像」という項目があるかと思います。
そこの「ヘッダー背景画像の固定」のところにチェックが入っていませんでしょうか？
もし、入っていたら、チェックを外して「変更をまとめて保存」のボタンをクリックします。
その後、ヘッダーの高さが高すぎてグローバルメニューとの間に余白ができてしまうようでしたら、
高さを変更して調節します。
わいひらさんとかぶってしまった。
2020-02-24 22:49
おそらくヘッダー画像が設定されているのと同時に、テーマカスタマイザーの背景画像にも同様の画像が設定されているからだと思います。
わいひらさんの、この書き込みでわかりました。
スクロールしてもヘッダー画像が見えているように思ったのは、「サイトの背景画像」なんですね。
全く同じ画像だったのと隙間があったので、ヘッダー画像のように見えたのか。
F12キーでcss確認してみたら、bodyタグにもヘッダーと同じ画像が指定されていたので、多分そうなんでしょう。
『ページをずっと下までスクロールしてもヘッダー画像がいつまでも見えているのはおかしくないですか？』
↑この件については私も疑問に思っていました。でも、諦めています(;^ω^)
いや、諦めないで頑張ってください（笑
Cocoonの設定で、「全体」→「サイト背景画像」をクリアするか、WordPressのダッシュボード「外観」→「カスタマイズ」で「背景画像」をクリアすればいいんじゃないですかね。
あと、leafytreeさんが書かれているヘッダーの高さも調整した方がいいかと。
ちなみにヘッダー画像の高さは309pxです。
わいひら reacted
Topic starter
2020-02-24 22:59
leafytree さん ありがとうございます。
仰る通りにチエックを外したらこのようになりました。
2020-02-24 23:02
浮浪雲さん
もうちょっとです。
先ほどの画像の「高さ」のところを、たぶん「350」ぐらいで上手く収まるのではないかと推測しています。
高さを変更したら、また、「変更をまとめて保存」のボタンをクリックします。
Topic starter
2020-02-24 23:05
ヒロアキ さん ありがとうございます。 はい あきらめないで頑張るっす?
WordPress のダッシュボード「外観」→「カスタマイズ」で「背景画像」
↑外観の背景画像はもともと設定していません。
空っぽなんです。
なんだか難しいですね。でも楽しいです♪
Topic starter
2020-02-24 23:10
leafytree 度々ありがとうございます。
３５０に設定したも↓のとおりで、背景とヘッダ画像ダブっているんですよね。
2020-02-24 23:12
ヘッダー画像は上手く収まりましたね。
後ろ側にある背景画像は必要なものでしょうか？
あ、要らないんですね。
ちょっとお待ちください。
2020-02-24 23:23
Cocoon設定の「全体」のタブの設定の中程に「サイト背景画像」という項目があると思うのですが、そこに何か入っていませんでしょうか？
もし、入っているようでしたら、「クリア」ボタンをクリックします。
「クリア」ボタンを押した後にまた、「変更をまとめて保存」の青いボタンをクリックします。
Topic starter
2020-02-24 23:28
leafytree さん
クリアしたら↓の通りになるんです(´;ω;｀)
2020-02-24 23:28
あれ？
ヘッダー画像は、消しちゃダメです。
「全体」のタブの方です。
画像を良く見てください。
Topic starter
2020-02-24 23:37
leafytree 勘違いしてました(;^ω^)
ありがとうございます。直りました。
でも、最初の設定の時は、ヘッダ画像がPCの画面幅で表示されてたんです。
幅いっぱいに表示させるにはどうしたらいいのでしょうか？
初歩的な質問ですみません(-_-;)
2020-02-24 23:48
浮浪雲さん
ちょっと急用で、外します。すみません。
2020-02-25 00:27
浮浪雲さん
やはり、Cocoon設定の「全体」タブの設定の中に「サイトの均一化」という項目があるかと思います。
そこの「サイト幅を揃える」にチェックが入っていませんでしょうか？
もし入っていたら、チェックを外して、また、「変更をまとめて保存」の青いボタンをクリックします。
とりあえず、上記の作業を試してみて、ヘッダーの高さに問題があれば、また、高さを調整する必要があるかもしれません。
Topic starter
2020-02-25 13:17
leafytree さん おはようございます。
確認したのですが、チエックは入っていませんでした。
仕事してきます。
2020-02-25 14:43
浮浪雲さん
「サイト幅を揃える」にチェックが無かったのですね。
ブラウザの開発者ツールで、サイト幅の指定を見てみると「VK All in one Expansion Unit」というプラグインによって指定されているようです。
私はこの「VK All in one Expansion Unit」は使ったことがないため、仕様等がわかりません。
浮浪雲さんが、ご自分でもよく分からないようでしたら、「現状のままで」というのも有りなのかなと思います。
また、あまりいじりすぎると、わからなくなってしまう可能性もありますし・・
わいひら reacted
2020-02-25 14:58
Cocoon設定・全体タブ サイト背景画像 ここから背景画像をいれてるようですよ。
で。
Cocoon設定・ヘッダー タブ ヘッダーロゴ
ヘッダーに画像が入ってないですが、ここら辺の設定ミスとかチェックしてみましたか？？
- ヘッダーにロゴを入れたかったんじゃないですかね？読んでみたけど…？？？
わいひら reacted
2020-02-25 15:15
かうたっくさん
ヘッダー背景画像になっていると思ったのですが、間違えていますでしょうか？
2020-02-25 16:27
かうたっくさん
ありがとうございます。
また、何か間違えていたら、教えていただけると助かります。
何分、私は、そそっかしいので・・
Topic starter
2020-02-25 20:09
leafytree、かうたっく さん お疲れ様です。 なんだかさっぱりわからなくなってきました。
冷静になって、最初から見直してみたいと思います。
2020-02-25 20:23
浮浪雲さん
いままでの作業で、ひとつずつ、前に進んでいると思います。
疑ってしまうようで、恐縮なのですが、Cocoon設定の「全体」タブの設定の中に「サイトの均一化」
のところの「サイト幅を揃える」のところにチェックが入っていないか、もう一度確認いただけますか？
Topic starter
2020-02-25 20:36
leafytree さん ご丁寧にありがとうございます。
チエックは入っていません。
それよりも、 leafytreeさんの指摘にあった「VK All in one Expansion Unit」を停止にしたら何とかなりました。
知識が無いってのは恐ろしいですね。つくづく痛感しました(;^ω^)
とりあえず一安心しました。
本当にありがとうございました。
すみません。また質問なんですが、Twitterにアイキャッチ画像を表示させるにはどうしたらいいのですか？
2020-02-25 21:09
浮浪雲さん
いま、サイトを拝見したところ、ヘッダーや、フッターだけではなく、メインカラムとサイドバーも画面幅いっぱいに広がっているようです。
元々、こんな感じだったのでしょうか？
Cocoonの表示なら、スキンを適用していても、このようにはならないかと思われます。
また、別のプラグインのスタイルが影響しているのかもしれませんし、ちょっと何ともわかりません。
プラグインの影響なら、ひとつずつ、停止してみることで、なにかヒントが得られる可能性はあるかと思います。
浮浪雲さんがこのままで良いというのであれば、それはそれで良いかと思います。
Twitterのご質問は、別件になりますので、別トピックを立ててくださるようお願いいたします。
また、その際には、環境情報を添えていただくようにお願いいたします。
https://wp-cocoon.com/theme-report/
なお、Twitterについては、私は不案内なので、別の方が回答くださるかと思います。
わいひら reacted
2020-02-25 22:48
わいひらさん
質問なんですが、今のCocoonでは、メインカラムの幅が1600pxまでしか設定できませんが、以前のバージョンでは、1660pxも設定可能だったときがありますか？
2020-02-25 23:21
多分ないと思います。
変更履歴がこちら。
https://github.com/yhira/cocoon/commits/5956e0f68ba548d1088e30c9c3bf4cc2c7ac55f8/lib/page-settings/column-forms.php
変えたと言っても、1000pxから1600pxに変えたくらいだと思います。履歴全部は見てないですけど。
https://github.com/yhira/cocoon/commit/f1bdcb6c19538d0705e31c8ec973cf22e7a3dfcb#diff-6784ec9bdd732f0187042e7b05ac7c08
リフィトリー reacted
2020-02-25 23:36
わいひらさん
ありがとうございます。 お手数をおかけしました。
トピ主さんのサイトがメインカラム1660px、サイドバー240pxになっているようだったので、もしやカラム設定では、と思ったのです。
でも、どうも違うみたいですね。
あ、いけない、.main＝コンテンツ幅+（余白幅×2）+（枠線幅×2）でしたね。
カラム設定か・・
Topic starter
2020-02-25 23:42
leafytree さん
毎回、ご丁寧な回答ありがとうございます。 leafytreeさんのおっしゃる通りで、以前はカラムとサイドバーは画面いっぱいには広がっていませんでした。諦めていたのですが、ヒントをいただいたので頑張ってみます。Twitterの件は承知しました。
おやすみなさい。(^ε^)-☆Chu!!
リフィトリー reacted
2020-02-25 23:45
浮浪雲さん
もしかしたら、画面いっぱいに広がっているのは、Cocoon設定の「カラム」タブの数値の設定かもしれません。
Topic starter
2020-02-26 09:40
leafytree さん
おはようございます。仰るとおりでした。カラムを１６００にしてました。
これでほぼ解決しました。
まだまだ始めたばかりの初心者ですが、これからもどんどん質問していきたいと思います。
また、機会ありましたらその時はよろしくお願いいたします。
本当にありがとうございました。
リフィトリー reacted
2020-02-26 09:48
浮浪雲さん
Cocoon設定の「カラム」タブの数値の設定は数値を消すと、デフォルトの初期の数値に戻るようになっています。（そのときは、薄いグレーの数字で表示されます）
もちろん、好きな数値に設定してあれば、それでOKです。
ヒロアキさんの案内のように、リセットした方が早道だったかもしれませんね。
案内が下手で遠回りになってしまいすみません。
2020-02-26 12:21
leafytree、かうたっく さん お疲れ様です。 なんだかさっぱりわからなくなってきました。
冷静になって、最初から見直してみたいと思います。
Cocoon設定・全体タブ サイト背景画像 ここから背景画像をいれてるようですよ。
で。
Cocoon設定・ヘッダー タブ ヘッダーロゴ
ヘッダーに画像が入ってないですが、ここら辺の設定ミスとかチェックしてみましたか？？
- ヘッダーにロゴを入れたかったんじゃないですかね？読んでみたけど…？？？
で、これはどうなってますか？？？
- この設定の画像が入っている箇、ヘッダー画像の設定がある箇所のスクショをください。
- PCでチェックして画面の横幅を小さくしたり、大きくしてチェックしてください。
まだ背景画像が入ってます。
※まだヘッダーに画像を入れてない状態だから言ってます。
プラグインを全部停止してから、そのまま
お待ちください。
落ち着いて読んで、ご自身で設定を変更してくださいね
2020-02-26 13:01
かうたっくさん
※まだヘッダーに画像を入れてない状態だから言ってます。
デベロッパーツールで見てみるとヘッダー画像はちゃんとヘッダーの背景画像として設定されているみたいです。
ただ、理由はトピ主さんしかわかりませんが、「ヘッダー背景画像の固定」に、再び、チェックをされているみたいです。
元々、ロゴ画像は使っていらっじゃらないみたいですので、ご本人が試したり、選択されればいいのかなと私は思います。
「ヘッダー背景画像の固定」の解除の方法もこのトピック内にありますし、浮浪雲さんも、もうそのへんは理解されているのではと思いますが、いかかですか？
（私はFirefoxですが、他のブラウザだとキャッシュされちゃうのかな・・）
固定ページ 1 / 2
次へ
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。