サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2021年7月19日 21:19
始めての投稿です,よろしくお願いいたします.
対象のページURL: https://freewheeling-11-blog-invesurgeon.com/ufj-8306-dividend/?amp=1
(上記のページURLのみならず多数のページで同様のエラー発生しています.)
相談内容:Cocoonを使用しておりますが,Google Search Console で多数のエラーページが発生しています.AMP, タグ「style amp-custom」の CSS 構文エラー - 宣言が不完全です。こういった内容のエラーが多発しております.こちらの解決策をおしえていただけないでしょうか?
解決のために試したこと:
①AMP test にてどの箇所が不具合があるのかを検索.
②添付画像の .site-name-text-link{ font-size:64px}</style>が不具合の原因と判断.
③font前の全角スペースによることでエラーになっているのかもとgoogleで検索してたどり着く
④AMP validator で全角スペースから半角スペースに直して,Validator Status;PASSに変わる.
⑤Cocoon の外観➡テーマエディターでCocoon Childのスタイルシートで
.site-name-text-link{ font-size:64px} の記載があった個所を全角スペースから半角へ修正.
⑥しかし,AMP test では改善しない.
CSSは触ったこともなく,全くわかっていない状態です.ただgoogleで調べてできることをやってみましたが,直りませんでした.アドバイスいただけませんでしょうか?
よろしくお願いしたします.
環境情報:
----------------------------------------------
サイト名:外科医くちゃんのブログ
サイトURL: https://freewheeling-11-blog-invesurgeon.com
ホームURL: https://freewheeling-11-blog-invesurgeon.com
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon
スタイルシートURL:/wp-content/themes/cocoon-child
親テーマスタイル:/wp-content/themes/cocoon/style.css
子テーマスタイル:/wp-content/themes/cocoon-child/style.css
スキン:/wp-content/themes/cocoon/skins/skin-colors-blue/style.css
WordPressバージョン:5.7.2
PHPバージョン:7.4.14
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.124 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.2.8.1
カテゴリ数:8
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.2
style.cssサイズ:860バイト
functions.phpサイズ:203バイト
----------------------------------------------
Gutenberg:1
AMP:1
PWA:0
Font Awesome:5
Auto Post Thumbnail:0
Retina:0
ホームイメージ:
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:1
WEBフォントLazy Load:1
----------------------------------------------
利用中のプラグイン:
BackWPup 3.9.0
ConoHa WING コントロールパネルプラグイン 1.0
ConoHa WING 自動キャッシュクリア 1.0.0
Contact Form 7 5.4.2
Google Analytics for WordPress by MonsterInsights 7.18.0
Invisible reCaptcha 1.2.3
SiteGuard WP Plugin 1.6.0
WebSub/PubSubHubbub 3.0.3
WP Multibyte Patch 2.9
XML Sitemaps 4.1.1
----------------------------------------------
2021年7月19日 21:57
前略、Kuchan さん
AMPエラーも、修正が必要かもしれませんが、もっと重要なことがあります。
なぜか、レンタルサーバーのConoHa WING が提供しているCocoonのテーマは、デフォルトのテーマとはフォルダ名が異なっており、そのため、ダッシュボートの「更新」のところで、順当に親テーマをアップデートできない、また、できていないユーザーが多く見受けられます。
わいひら reacted
2021年7月19日 21:59
Kuchan さんもその中のおひとりのようです。
Cocoonのテーマのフォルダ名は以下ようになっています。
Cocoonのテーマのデフォルトのフォルダ名
親テーマ→ cocoon-master
子テーマ→ cocoon-child-master
ConoHaからインストールしたCocoonのテーマのフォルダ名(これでは自動アップデートが有効にならないようです)
親テーマ→ cocoon
子テーマ→ cocoon-child
わいひら reacted
Topic starter
2021年7月19日 22:03
mk 2 様
「Cocoon設定」-「AMP」タブの以下の部分のチェックを外す(2つとも).
こちらを試してみましたが,AMP test で再度テストしても変化ない様子です.
2021年7月19日 22:04
Kuchan さん
以下の過去のトピックで、わいひらさんが解決方法をご案内くださっていますが、私は後述する方法の方が良いのではないかと思っています。
※[解決済] 親テーマ更新後、2つの親テーマがあります。
https://wp-cocoon.com/community/postid/40603/
もう一つの方法は、一旦WordPressのデフォルトテーマである、「twentytwentyone」などを有効化したあと、ConoHaからインストールしたCocoonの親テーマと子テーマを削除して、このCocoonのサイトからダウンロードした親テーマ・子テーマを有効化して切り替える、という方法です。
この場合は、子テーマに保存されている情報が失われてしまいますので、cocoon設定や、ご自身でカスタマイズした部分や、各種設定したコードなどもバックアップしておく必要があります。
Cocoonのテーマ設定のバックアップ方法
https://wp-cocoon.com/how-to-theme-settings-backup/
Cocoonのテーマ設定の復元(レストア)方法
https://wp-cocoon.com/how-to-theme-settings-restore/
また、念のためバックアップ用の「BackWPup」等のプラグインを用いて、サイトのデータベースやフォルダ等をバックアップしておくと良いかと思います。
This post was modified 3年前 by リフィトリー
Kuchan reacted
2021年7月19日 22:06
kuchanさん
言い忘れました。
AMPキャッシュを削除していただきたいです。
「Cocoon設定」 -「キャッシュ削除」-「AMPキャッシュの削除」です。
Kuchan reacted
Topic starter
2021年7月19日 22:10
リフィトリー様
上記のエラー以外に多数のエラーが発生しており,現在困っています.それらもConoHa特有の問題であり,解決できるのであれば解決したいのですが…
それかもう直せないのでしょうか?
2021年7月19日 22:16
@kuchan さん
WordPressのバージョンは最新のバージョンで、Cocoonの親テーマのバージョンが古いというのは、何はともあれ、先ずは、Cocoonの親テーマのバージョンを最新版にアップデートし、新しい環境が整った時点で、どのようなエラーや不具合が残るのか、残らないのか、そこからが本当のスタートだと思います。
Topic starter
2021年7月19日 22:16
mk2 様
「Cocoon設定」-「AMP」タブの以下の部分のチェックを外す(2つとも).➡AMPキャッシュ
これでAMP test行ったところ,AMP有効と出ました!ありがとうございます.
ただ 「AMP」タブの以下の部分のチェックを外す(2つとも).
これは今後も外したままで問題ないのでしょうか?
2021年7月19日 22:21
Kuchanさん
ちょっと話が技術的な話になってしまいます。
私もこの辺は疎いのですが。。。
AMPはCSSの容量に制限があります、75KBだったと思います。
Kuchanさんきスキンをご利用のようですが、これを適用させてしまうと、CSSの容量がその制限をオーバーしてしまったのではないか。。。と思われます。
(それらしいエラーが見つからず、推測でしかないのですが。)
今回はAMPページにスキンを適用しない対応をしてしまいました。
それで解消されたということは、やはりその制限に引っ掛かったのではないか。。。と思った次第です。
(スキンの可能性もあるかもしれません。)
この辺りの判断は難しいところです。
Topic starter
2021年7月19日 22:34
mk2 様
制限オーバーの可能性.それならばスキンをなしにしてしまえば,AMP対応になる可能性もあるということですかね?
テーマを採用しなけらば,スマートフォンとパソコンで乖離が起きてしまう可能性を恐れています.
スキンなしも試してみようかと思います.
本当にありがとうございます!
2021年7月19日 22:34
kuchanさん
一旦、ちょっと試すのはやめて。。。
ConoHa特有の問題を解消しましょうか。
これは、この先に関わってきますから。
最新であることは大事だと思います。
その後、AMPの2つ外したチェックの上だけON ⇒ AMPキャッシュ削除 をするとどうなるか試してみてください。
子テーマの記述に問題はないように見えるのですが。
ただ、上記でエラーにならなければ、子テーマが問題ということになります。
制限オーバーの可能性.それならばスキンをなしにしてしまえば,AMP対応になる可能性もあるということですかね?
今回スキン適用を外したのは、AMPページだけであることは、ご理解ください。
非AMPページではスキンは適用されたままです。
そういう意味では、AMPの必要性もご検討いただいた方が良いのかもしれません。
Topic starter
2021年7月19日 22:37
リフィトリー様
ConoHa特有の最新にならない問題も,リフィトリー様がご紹介してくださった方法でやってみようと思います.今後もサイトを運営する上では最新版の方が好ましいと思いますので.ただバックアップ、、、間違えてすべてが消えてしまわないか不安ですが.
2021年7月19日 23:07
@kuchan さん
本来は、ConoHa WING がテーマのフォルダ名を変更してしまっていることが問題なので、ConoHaのサポートにお問い合わせください、というのがごく普通のことなのですが、過去にそのように書かせていただいたところ、フォーラムにご質問いただいた方々がとても困ってしまうことになった経緯があり、やむを得ず、書き込ませていただいた次第です。
WordPressとテーマの関係は、Local などのサービスを利用して、自分のパソコンにテスト用のWordPressのサイトを作成し、いろいろと弄りまわしてみると、ああ、こうやっても大丈夫なんだな、とか、これは やちゃだめなんだな、とか、少しずつわかってくるような気がします。(テストサイトなら、最悪壊れてしまっても、また作ればいいので・・)
WordPressローカル環境ツール「Local by Flywheel」のインストール方法と使い方
https://nelog.jp/local-by-flywheel-install
This post was modified 3年前 2回 by リフィトリー
Topic starter
2021年7月19日 23:39
リフィトリー様
ご親切に本当にありがとうございます.BackWPupをもう一度きちんと設定して,バックアップ万全の体制にしてやってみようと思います.今日は時間が足りないので,明日以降になると思いますが,ご報告させていただきます.
2021年7月19日 23:41
@kuchan さん
あと、サイトタイトルの文字を大きくするときは、
.site-name-text-link { font-size: 64px; }
ではなく、
.site-name-text { font-size: 28px;/*数値は適宜設定なさってください。*/ }
のようなセレクタにすると、文字のサイズが変わるかと思います。
2021年7月20日 18:59
ConoHa特有の最新にならない問題も,リフィトリー様がご紹介してくださった方法でやってみようと思います.今後もサイトを運営する上では最新版の方が好ましいと思いますので.ただバックアップ、、、間違えてすべてが消えてしまわないか不安ですが.
まずはこちらの方法を試しても良いような。こちらの方がリスクは少ないです。問題があっても元に戻せますし。
※[解決済] 親テーマ更新後、2つの親テーマがあります。
上記の方法で何か問題がありましたっけ?
とりあえず、こちらを試してからでも遅くはないような気がします。
2021年7月20日 20:11
@yhira さん
Kuchanさん
わいひらさんご案内の方法の場合、過去に、テンプレートヘッダを書き換えてから、半日ぐらい経ってから反応が出たり、表示が一旦、真っ白になって、WordPressのデフォルトテーマに変わったなど、挙動が安定しないケースがありました。
でも、その後は、問題が解消したように記憶しています。
親子の連携が上手くいっていない方がいらしたような気がしていますが、私の勘違いかもしれません。
Kuchanさん
過去の関連するトピックを貼ってみますので、参考にしてみてください。
※[解決済] 投稿編集画面がおかしくなりました。
https://wp-cocoon.com/community/postid/46731/
※[解決済] インデックスカード画像表示について
https://wp-cocoon.com/community/postid/47998/
[解決済] ConoHaウィングからテーマを登録したら親しかダウンロードできてない場合
https://wp-cocoon.com/community/postid/35652/
WordPress更新画面での親テーマ表示がおかしい
https://wp-cocoon.com/community/postid/42740/
[解決済] サーチコンソールのモバイルユーザビリティエラーが解決できない
https://wp-cocoon.com/community/postid/45009/
[解決済] 投稿画面がグレーになっちゃいました
https://wp-cocoon.com/community/postid/46848/
conoha wingサーバーでcocoon利用者がテーマの自動アップデートされない件
https://wp-cocoon.com/community/postid/46844/
[解決済] 私のサイトにcocoonの親テーマが2つある件について
Topic starter
2021年7月20日 20:50
リフィトリー様
色々とご指導ありがとうございます.昨日から再度BackWPup設定を行ってバックアップを取っている段階です.ただZip, Tar GZip の設定のためか(いまいち理解できておりません)うまくバックアップしたファイルが開けない状態です.
WindowsだとZipの方がいいらしい?そんな情報はgoogleから検索いたしましたが...
ひとまずわいひら様の方法で試してみたいと思います.
Topic starter
2021年7月20日 21:09
わいひら様
いつもcocoonを使わせていただいております.ありがとうございます.
外観➡テーマエディターからCocoon Child:スタイルシートでTemplate: cocoon ➡cocoon-master
に変更してみましたが,警告等でずに
ファイルの編集に成功したました.
とでます.特に変わった様子もないのですが,最新版にアップロードされていないのでしょうか?
以前の記事でわいひら様が言及されています,
親テーマの方が適用されているのを確認した後は、古い親テーマは削除してしまって良いかと思います。
この親テーマの方が適応されているかどうか不明なのと,以前テーマにはCocoonが2つ存在し,削除もできない状態が続いています.
拙い説明で申し訳ございませんが,ご教授いただけると幸いです.
Topic starter
2021年7月20日 21:22
リフィトリー様
ダッシュボードのページを更新しても,特に変化はありません.
何か間違って設定しているのでしょうか?
2021年7月20日 21:26
mk2さんと被っていますが、ほぼ同じ内容かと思います。
2021年7月20日 21:27
2.2.8.1の右下の方に「削除」という文字はありますか?
2021年7月20日 21:32
古い2.2.8.1 の方の右下に削除のボタンが存在しました.
こちらを削除してみます.
過去のトピックのお話では、古い方を削除したら、何かしらの変化があったという書き込みが多くみられました。
2021年7月20日 21:33
これは…。
とても判断に迷う状況のように思いますが。。。
どうでしょう?
【追記】
親テーマですし、子テーマの設定がなくなる訳ではないですし。
リフィトリーさんに同意です。
2021年7月20日 21:36
@kuchanさん
Wordpressって、上手くできていて、テーマが見つからない場合などは、Wordpressのデフォルトテーマに戻るようになっているんですよね。
Topic starter
2021年7月20日 21:38
削除してみました.WordPressからcocoon設定という表記がなくなりました.
自分自身のサイトを開いても真っ白なページになりました.
これがタイムラグであればいいのですが.
2021年7月20日 21:45
この場合は再度Cocoon Child を有効したらいいのでしょうか?
だと思います。
2021年7月20日 21:47
この場合は再度Cocoon Child を有効したらいいのでしょうか?
GOだと思います。
固定ページ 1 / 2
次へ
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。