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

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

共有:
通知
すべてクリア

[解決済] タグ「style amp-custom」の CSS 構文エラー - 宣言が不完全です。

75 投稿
4 ユーザー
34 Reactions
3,433 表示
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

親テーマは、2.3.3みたいですね。

ダッシュボートからアップデートできると思います。


   
Kuchan reacted
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@kuchan さん

でも、微妙にに外観が違いますね。

ほぼ、上手くいっているようではありますが・・

 

エントリーカードに枠線があったような・・


   
Kuchan reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

以前から出ていたのかが分かりませんが。

スキンのスタイルシートに何かエラーが出ています。

 
Refused to apply style from 'https://freewheeling-11-blog-invesurgeon.com/wp-content/themes/cocoon/skins/skin-colors-blue/style.css?ver=5.7.2' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.
MIMEタイプが原因で、「https ://freewheeling-11-blog-invesurgeon.com/wp-content/themes/cocoon/skins/skin-colors-blue/style.css?ver=5.7.2」からスタイルを適用することを拒否しました ( 'text / html')はサポートされているスタイルシートMIMEタイプではなく、厳密なMIMEチェックが有効になっています。
ちょっと今まで見たことない感じのエラーです。

   
返信引用
(@kuchan)
Eminent Member Registered
結合: 3年前
投稿: 46
トピックスターター  

mk2 様 

ダッシュボードから2.3.3.3にアップデートできました.

ありがとうございます.


   
返信引用
(@kuchan)
Eminent Member Registered
結合: 3年前
投稿: 46
トピックスターター  

リフィトリー様

確かに,枠線がなくなっていて変になっています.スキンを調べたところ,スキンが何も設定されていない状態になっていました.こちらを変更してみます.


   
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@kuchan さん

いまの状態では、AMPエラーにはなっていない様子。

 


   
返信引用
(@kuchan)
Eminent Member Registered
結合: 3年前
投稿: 46
トピックスターター  

スキンを変更したら枠組みが戻りました!


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 
投稿者:: @kuchan

スキンを変更したら枠組みが戻りました!

スキンに関するエラーも消えました。


   
返信引用
(@kuchan)
Eminent Member Registered
結合: 3年前
投稿: 46
トピックスターター  

今のCocoonを最新版にした状況で,

「Cocoon設定」-「AMP」タブの以下の部分のチェックを外す

から再度チェックを入れて,AMPのエラーがでるかを検証してみます.

 


   
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@kuchan さん

スキンを変更しても、AMPエラーにはなっていない模様。

 


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 
投稿者:: @kuchan

「Cocoon設定」-「AMP」タブの以下の部分のチェックを外す

から再度チェックを入れて,AMPのエラーがでるかを検証してみます.

了解です。


   
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@mk2_mk2 さん

あとは、お任せして良いですね。 ? 


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 
投稿者:: @leafytree

あとは、お任せして良いですね。 ? 

Σ( ̄ロ ̄lll)ガーン

 

あっ、いえ、たぶんもう大丈夫そうですよね。


   
返信引用
(@kuchan)
Eminent Member Registered
結合: 3年前
投稿: 46
トピックスターター  

チェックをつけた状況でもAMP 有効なページになりました!

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

 

同じような悩みの方がいらっしゃるかもしれませんので,次の返信に今回のまとめを書いておきます.

そしてお二人には本当にお世話になりました.ありがとうございました!


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

kuchanさん

AMPでスキンも子テーマも適用できたのですね。

 


   
返信引用
(@kuchan)
Eminent Member Registered
結合: 3年前
投稿: 46
トピックスターター  

①「style amp-custom」の CSS 構文エラー - 宣言が不完全です。

こちらのエラーに対して施行したのは以下の通り.

1)「Cocoon設定」➡「AMP」➡「サイズ制限対応」の2項目のチェックを外す.

2) AMP testを行ってみると『有効なAMPページです』に切り替わる

*ただしConoHa WING 特有のCocoon 最新版にアップデートしていない状況で施行*

 

②ConoHa WING 特有のCocoon 最新版へのアップデート

1)「外観」➡「テーマエディター」➡「Cocoon Child:スタイルシート(style.css)」➡上から9行目の『Template: cocoon』 →『Template cocoon-master』 に変更.

2) 同ページのファイルを更新を押して,警告等でずに『ファイルの編集に成功したました.』と表記される.特段変わった変化はなし.

3)「Cocoon設定」➡「テーマ情報」➡Cocoonのバージョンを確認するも旧バージョンのまま.

4)「外観」➡「テーマ」➡Cocoon が2つ存在する.

5) その2つテーマにカーソルをあわせ,『テーマの詳細』をクリック➡バージョンが古い方の右下に『削除』が存在し,そちらをクリック.

6) ダッシュボードからCocoon設定という表記が消える.さらには自分のサイトに飛ぶと真っ白になる.1.2分後にはテーマが『Twenty Twenty-One』に切り替わってサイトが閲覧可能に.

7) 「外観」➡「テーマ」➡「Cocoon Child」を選択し,テーマを有効にする

8) テーマを有効にすると,Cocoonは最新版にアップデートされている.3)の手順で確認.

9) ただスキンが選択されていない状況でのサイトに切り替わっている.

10) アップデートする前のスキンを選択すれば,サイトは元に戻る.

11) 「Cocoon設定」➡「AMP」➡「サイズ制限対応」の2項目のチェックをつけて,AMP test 施行➡ 『有効なAMPページです』になり,問題解決.

 

 

以上になります.

今回お世話になった方,リフィトリー様・mk2様 本当にありがとうございました.


   
返信引用
(@kuchan)
Eminent Member Registered
結合: 3年前
投稿: 46
トピックスターター  

【追記】

cocoon設定➡吹き出し 

こちらを見てみると全ての吹き出し画像が消えていることが判明しました.


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

Kuchanさん

お疲れ様でした。

 

 

それにしても…。

今回のケースでも判断に迷うケースがあり、過去に経験のある方がいらしたからこそ、できることだったような気がします。
(ある意味勢いで進んでいる。)

 

今回のことで、更に親子テーマの入れ替えをお勧めした方が良い印象を持ちました。
この場合の難点は、バックアップなどが必要で、手数が多いことかもしれません。

それでも、シンプルな考え方で進めることのできるメリットが大きい気がします。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 
投稿者:: @kuchan

【追記】

cocoon設定➡吹き出し 

こちらを見てみると全ての吹き出し画像が消えていることが判明しました.

すみません、吹き出しのあるページのURLを教えてください。

 

【訂正】

ああ、管理画面のことですね。

吹き出し画像のURLをご確認いただけますか。
たぶん、直せば大丈夫のはずです。


   
返信引用
(@kuchan)
Eminent Member Registered
結合: 3年前
投稿: 46
トピックスターター  

@mk2_mk2 

https://freewheeling-11-blog-invesurgeon.com/ufj-8306-dividend/

上記になります.

 

ダッシュボードから,

①Cocoon設定➡404ページ

②Cocoon設定➡AMP➡AMPロゴ

こちらの2箇所でも以前みられていた画像がなくなっています.


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

kuchanさん

画像のURLをご確認ください。

https ://freewheeling-11-blog-invesurgeon.com/wp-content/themes/cocoon/~

のようになっていませんか。

 

これを

https ://freewheeling-11-blog-invesurgeon.com/wp-content/themes/cocoon-master/~

に変更する必要があるかもしれません。

 

親テーマのフォルダが変わってしまったから…ですね、きっと。


   
返信引用
(@kuchan)
Eminent Member Registered
結合: 3年前
投稿: 46
トピックスターター  
投稿者:: @mk2_mk2

kuchanさん

画像のURLをご確認ください。

https ://freewheeling-11-blog-invesurgeon.com/wp-content/themes/cocoon/~

のようになっていませんか。

 

これを

https ://freewheeling-11-blog-invesurgeon.com/wp-content/themes/cocoon-master/~

に変更する必要があるかもしれません。

 

親テーマのフォルダが変わってしまったから…ですね、きっと。

cocoon-master に変更したところ直りました.ありがとうございます.


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8089
 

kuchanさん

投稿ページ中の吹き出しも、1つ1つ修正しないとならない気がします。 

数が多い場合は、プラグイン等で変更した方が良いかも知れません。


   
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 6年前
投稿: 6845
 

@mk2_mk2 さん

投稿者:: @mk2_mk2

今回のことで、更に親子テーマの入れ替えをお勧めした方が良い印象を持ちました。
この場合の難点は、バックアップなどが必要で、手数が多いことかもしれません。

それでも、シンプルな考え方で進めることのできるメリットが大きい気がします。

私もそのように感じています。

この子テーマのCSSファイルのテンプレートヘッダを書き換えるやり方だと、作業途中がとても不安なんですよね。

 

でも、わいひらさんが、テンプレートヘッダを書き換える方がリスクが少ない、と、おっしゃっているので、このやり方の方を勧められる理由があるのだろうな、とは想像するところです。


   
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17391
 
投稿者:: @leafytree

わいひらさんご案内の方法の場合、過去に、テンプレートヘッダを書き換えてから、半日ぐらい経ってから反応が出たり、表示が一旦、真っ白になって、WordPressのデフォルトテーマに変わったなど、挙動が安定しないケースがありました。

そんなことになるんですね。
なぜラグになるのかが謎ですね…
だめな方法だと、その後もダメなままだと思うので。

ConoHa WINGに改善の要望メールを出しても、全く返信がないんですよね… ? ? ? 


   
返信引用
固定ページ 2 / 2
共有:

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

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

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

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

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

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

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

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