サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2019年10月31日 09:25
お世話になっております。
同じようなトピックがあったのですが、 こちらは1.8.8から1.9.9.5.3に手動更新した際にインデックスや見出し、メニューバーがおかしくなってしまったのでトピックを立てさせて頂くことにしました。
該当ホームページ(例①)→ https://hsds-menkyo.com/
該当ホームページ(例②)→ https://blog.hsds-menkyo.com/nob-7/
[症状※添付画像をご参照下さい]
・(A)(B)(C)、アップデート後に消したはずの線が出現しました。
・(D)インデックスを画像のみにしていたのですが、アップデート時にグレーの枠が表示されるようになりました。ちなみに本来はこんな感じで表示されていました( https://hsds-menkyo.com/test-scr/ )。
・(例②)の方はグローバルメニューが画面全体に広がらなくなり、文字色をCSSで入力しても反映されません。見出し2もオレンジ色に変えたのですが、もともと使用しているスキン(ミックスグリーン)本来の色である緑の淵が出現してしまっています。
---------------------------------------------------------
いつもは自動アップデートを利用させて頂いておりますが、今回は手動でアップデートしています。1日粘ったのですが解決できません。無知で申し訳ないのですが、解決方法を教えて頂けると幸いです。
2019年10月31日 20:58
ソースコードが圧縮されていると見づらいので、以下の方法で縮小化を解除していただいてよろしいでしょうか。
https://wp-cocoon.com/theme-trouble/
ただし、サポート対象外のものにもあるように、独自カスタマイズの不具合は、基本的にサポート外とさせていただいているので、原因がわからない可能性もあるのであらかじめご了承ください。
Topic starter
2019年11月1日 11:35
わいひら様
いつもお世話になっております。ご連絡頂きありがとうございます。
・縮小化を外しました。
・環境情報は以下の通りです。
----------------------------------------------
サイト名:東埼玉自動車教習所
サイトURL: https://hsds-menkyo.com
ホームURL: https://hsds-menkyo.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
スキン:/wp-content/themes/cocoon-master/skins/skin-mixgreen/style.css
Wordpressバージョン:5.2.4
PHPバージョン:7.2.23
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.70 Safari/537.36
サーバーソフト:LiteSpeed
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:1.9.9.5.3
カテゴリ数:5
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:0.0.4
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Auto Post Thumbnail:0
ホームイメージ:/wp-content/uploads/2018/07/タマオ.jpg
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
JavaScript(フッター):1
----------------------------------------------
利用中のプラグイン:
Akismet Anti-Spam 4.1.2
All-in-One WP Migration 7.9
Better Delete Revision 1.6.1
Classic Editor 1.5
Gallery Custom Links 1.2.3
Jetpack by WordPress.com 7.8
PS Auto Sitemap 1.1.9
Shortcodes Ultimate 5.6.0
----------------------------------------------
お忙しいところ申し訳ございませんが、宜しくお願い致します。
2019年11月1日 15:31
あと10・20分時間をかけたら、何を伝えようとされているのか、イロイロクリックしたりすれば分かるかも知れないです。
- どのページのここが変。ココを直したい。
と教えていただけますか。
*********
あと、
分かる部分だけでも返信したかったんですけど、だれが書いたCSSか全くわからないです。
- cocoon設定・高速化にある縮小化に加えプラグインの
高速化・縮小化 など一時的に停止してみてください
見ようとした人が「見にくい」、それを伝えるのも面倒という理由で
スルーされない。かも?れないです。
質問する際、高速化・圧縮・縮小化などを、停止しておくのが良いと思います^^
2019年11月1日 19:36
かうたっく様
ご返信ありがとうございます。至らない部分が多々あり申し訳ございません。
もともとは添付ファイルのようにインデックスやヘッダーの下部に線がありませんでした。(以前教わりましたCSSでカスタマイズしていました。)
/* エントリーカードラベル非表示 */
.entry-card .cat-label{
display: none;
}/* ---------------------------------------------------------
/ 『エントリーカード』
/
/ ・背景色+borderカラー+マウスオーバーでふわっと浮かせる
--------------------------------------------------------- */
/* ----- 背景色 ----- */
.a-wrap {
background-color: #ffffff;
-webkit-transition: all .5s;
transition: all .5s;
}/* ----- border ----- */
.a-wrap .blogcard {
border-color: #8cc9ac;
}/* ----- ふわっと浮かせる ----- */
.a-wrap:hover {
background-color: transparent;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
Cocoonの1.9.9.5.3にアップデートした際に上記のCSSが反映されなくなったイメージです。
プラグインは一度全て停止して試しましたが特に変化がありませんでした。時間ができたらもっと時間をかけて深く調べたいと思います。
ご迷惑をおかけして申し訳ございませんでした
2019年11月1日 20:51
Bについては、こちらのスキンのスタイルが適用されています。
スキン:/wp-content/themes/cocoon-master/skins/skin-mixgreen/style.css
スキンを外せば改善されるかと。
2019年11月1日 20:53
Cに関しては、Shortcodes Ultimateのスタイルが影響しているので、テーマは関係ないように思います。
https://hsds-menkyo.com/wp-content/plugins/shortcodes-ultimate/includes/css/shortcodes.css
2019年11月1日 20:57
Dに関しても、こちらのスキンが影響しているように思います。
スキン:/wp-content/themes/cocoon-master/skins/skin-mixgreen/style.css
2019年11月2日 01:53
Aはいらない。消したい。ってことでしょか???
もしそうであればスキンの記載が原因です。
h
ttps://hsds-menkyo.com/wp-content/themes/cocoon-master/skins/skin-mixgreen/style.css
.header-container{ box-shadow: 0 6px 5px -3px rgba(0,0,0,0.24), 0 6px 10px -3px rgba(0,0,0,0.18); }
スキンをはずすと表示されないと思いますよ
わいひら reacted
2019年11月5日 09:12
わいひら様
ご連絡遅くなり申し訳ございません。本日スキンを外してみたところ、アップデート前の見た目に戻りました。これまでミックスグリーン(スキン)を使い続けてきてのでスキンという発想に至らなかったです。貴重なお時間をかけさせてしまい申し訳ございません。重ねて詳しく、ご丁寧に回答を頂き心より感謝申し上げます。
------------------------------------
かうたっく様
ご連絡遅くなり申し訳ございません。Aの部分も教えて頂いた通りスキンを外すことで解決致しました。お手数をおかけしてしまい申し訳ございません。解決法を教えて頂き心より感謝申し上げます。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。