現在デフォルトスキンとして「COLORS(ブルー)」を適用中。

1.9.9.5.3にアップデートした際に設定したCSSが反映されなくなります。 | 不具合報告 | Cocoon フォーラム

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

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

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

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

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

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

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
1.9.9.5.3にアップデートした際...
 
Share:

[解決済] 1.9.9.5.3にアップデートした際に設定したCSSが反映されなくなります。  


tamao
(@tamao)
Active Member
参加: 2年 前
投稿: 15
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日粘ったのですが解決できません。無知で申し訳ないのですが、解決方法を教えて頂けると幸いです。


わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7078
わいひら - Facebookわいひら - Twitter
2019年10月31日 20:58  

ソースコードが圧縮されていると見づらいので、以下の方法で縮小化を解除していただいてよろしいでしょうか。
https://wp-cocoon.com/theme-trouble/
ただし、サポート対象外のものにもあるように、独自カスタマイズの不具合は、基本的にサポート外とさせていただいているので、原因がわからない可能性もあるのであらかじめご了承ください。


わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7078
わいひら - Facebookわいひら - Twitter
2019年10月31日 20:59  

あとよろしければ、環境情報もいただければと思います。
https://wp-cocoon.com/theme-report/


tamao
(@tamao)
Active Member
参加: 2年 前
投稿: 15
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
----------------------------------------------

お忙しいところ申し訳ございませんが、宜しくお願い致します。


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 3728
かうたっく - Facebookかうたっく - Twitterかうたっく - Google+
2019年11月1日 15:31  

あと10・20分時間をかけたら、何を伝えようとされているのか、イロイロクリックしたりすれば分かるかも知れないです。

 

  • どのページのここが変。ココを直したい。

と教えていただけますか。

 

 

*********

あと、

分かる部分だけでも返信したかったんですけど、だれが書いたCSSか全くわからないです。

 

  • cocoon設定・高速化にある縮小化に加えプラグインの
    高速化・縮小化 など一時的に停止してみてください

見ようとした人が「見にくい」、それを伝えるのも面倒という理由で
スルーされない。かも?れないです。

 

質問する際、高速化・圧縮・縮小化などを、停止しておくのが良いと思います^^


tamao
 tamao
(@tamao)
ゲスト
参加: 2週間 前
投稿: 2
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が反映されなくなったイメージです。

プラグインは一度全て停止して試しましたが特に変化がありませんでした。時間ができたらもっと時間をかけて深く調べたいと思います。

ご迷惑をおかけして申し訳ございませんでした


わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7078
わいひら - Facebookわいひら - Twitter
2019年11月1日 20:50  

とりあえずAについては以下のサイトでも同様に出ているようですが。
https://hsds-menkyo.com/test-scr/


わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7078
わいひら - Facebookわいひら - Twitter
2019年11月1日 20:51  

Bについては、こちらのスキンのスタイルが適用されています。

スキン:/wp-content/themes/cocoon-master/skins/skin-mixgreen/style.css

スキンを外せば改善されるかと。


わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7078
わいひら - Facebookわいひら - Twitter
2019年11月1日 20:53  

Cに関しては、Shortcodes Ultimateのスタイルが影響しているので、テーマは関係ないように思います。
https://hsds-menkyo.com/wp-content/plugins/shortcodes-ultimate/includes/css/shortcodes.css


わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 7078
わいひら - Facebookわいひら - Twitter
2019年11月1日 20:57  

Dに関しても、こちらのスキンが影響しているように思います。

スキン:/wp-content/themes/cocoon-master/skins/skin-mixgreen/style.css

This post was modified 2週間 前 by わいひら

かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 3728
かうたっく - Facebookかうたっく - Twitterかうたっく - Google+
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);
}

スキンをはずすと表示されないと思いますよ


わいひら 件のいいね!
tamao
 tamao
(@tamao)
ゲスト
参加: 2週間 前
投稿: 2
2019年11月5日 09:12  

わいひら様

ご連絡遅くなり申し訳ございません。本日スキンを外してみたところ、アップデート前の見た目に戻りました。これまでミックスグリーン(スキン)を使い続けてきてのでスキンという発想に至らなかったです。貴重なお時間をかけさせてしまい申し訳ございません。重ねて詳しく、ご丁寧に回答を頂き心より感謝申し上げます。

------------------------------------

かうたっく様

ご連絡遅くなり申し訳ございません。Aの部分も教えて頂いた通りスキンを外すことで解決致しました。お手数をおかけしてしまい申し訳ございません。解決法を教えて頂き心より感謝申し上げます。


わいひら 件のいいね!
Share:
スポンサーリンク
わいひらをフォローする
おすすめサーバ

性能も兼ね備えながら安くブログ運営を開始したいのであればここ1択。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越しオプションあり(有料)
サービス運営期間:1年3ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2019/12/31まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
○サーバ引っ越しオプションあり(有料)
○サーバー料金をチャージ払いが可能
サービス運営期間:3年

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
△DBは7日分だけ無料復旧可能(ファイルは有料)
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可
サービス運営期間:16年

とにかく速い。サイトに表示スピードを求めるならココ。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DB復旧は無料(ファイルは有料)
○サーバ引っ越しツールあり
○サーバー料金をチャージ払いが可能
△新しいサービスなので運営櫪がまだ短い
サービス運営期間:1年1ヶ月

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越しオプションあり(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)
サービス運営期間:3年

Cocoon
  
動作中

ログイン または 登録 してください

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