サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2021年5月26日 12:58
対象のページのURL: https://osuzu-life.com/
相談内容:見出しをカスタマイズしたく、そのためには、1度リセットが必要とのことだったので、参考サイトに記載されているリセット用コードをコピーし、対応したのですが、なにも変わらず。
キャッシュ削除や、別ブラウザでも確認したが、状況がなにも変わらないです。
※文字だけでは正しく伝わらない可能性があるため、画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:
---------------------------------------------- サイト名:おすずのゆるライフ サイトURL: https://osuzu-life.com ホームURL: https://osuzu-life.com コンテンツURL:/wp-content インクルードURL:/wp-includes/ テンプレートURL:/wp-content/themes/cocoon-master スタイルシートURL:/wp-content/themes/cocoon-master 親テーマスタイル:/wp-content/themes/cocoon-master/style.css WordPressバージョン:5.7.2 PHPバージョン:7.4.16 ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 Safari/537.36 サーバーソフト:LiteSpeed サーバープロトコル:HTTP/1.1 エンコーディング:gzip, deflate, br 言語:ja,en-US;q=0.9,en;q=0.8 ---------------------------------------------- テーマ名:Cocoon バージョン:2.2.6.6 カテゴリ数:3 タグ数:4 ユーザー数:1 ---------------------------------------------- Gutenberg:1 AMP:0 PWA:0 Font Awesome:4 Auto Post Thumbnail:0 Retina:0 ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg ---------------------------------------------- ブラウザキャッシュ有効化:0 HTML縮小化:0 CSS縮小化:0 JavaScript縮小化:0 Lazy Load:0 WEBフォントLazy Load:0 ---------------------------------------------- 利用中のプラグイン: ----------------------------------------------
2021年5月26日 14:48
osuzu28さん
見出しのカスタマイズにリセットが必要とは。。。
少し難解な話ですが。。。
別にリセットなどなくても、カスタマイズはできます。
ただし、元々の見出しのカスタマイズがあまりにもコテコテにされているようであれば、一旦リセットなどした方が早いのかも知れませんが…。
ちょっと事情が良く分からないところです。
osuzu28さんのサイトを拝見したところ、1つある記事の「カスタムCSS」に以下のような記述を見つけました。
/*見出し初期化*/ .article h2, .article h3, .article h4, .article h5, .article h6 { padding: 0; margin: 0; background:none; border-collapse: separate; border-spacing: 0; border-top: none; border-right: none; border-bottom: none; border-left: none; line-height: normal; position:relative; } /*見出しデザインを変える場合はこれより下に記載してください*/ .article h2 { color: #ffffff; background: #9eceff;/*背景色*/ padding: 0.5em;/*文字まわり(上下左右)の余白*/ } .article h3 { padding: 0.25em 0.5em;/*上下 左右の余白*/ color: #666666;/*文字色*/ background: transparent;/*背景透明に*/ border-left: solid 5px #9eceff;/*左線*/ }
もしかすると、このことでしょうか。
これは「カスタムCSS」に記述なさっています。
「カスタムCSS」の適用範囲は、「カスタムCSS」を記載した投稿ページ(または固定ページ)のみです。
osuzu28さんは以下の記事の「カスタムCSS」に記載なさっています。
【ゴルフ初心者におすすめ】都内打ちっぱなし5選
https://osuzu-life.com/golf-uchippa/
つまり、上記記事にしかCSSは適用されないということです。
添付いただいた画像は、エディタか下書きの記事のプレビューだと思いますが、それらに「カスタムCSS」をあてる場合は、その記事の中の「カスタムCSS」に書く必要があります。
サイト全体にCSSをあてる場合は、子テーマのスタイルシートか追加CSSに記載します。
子テーマについては、以下のトピックが参考になると思います。
親テーマと子テーマについてです。
https://wp-cocoon.com/community/postid/34811/
追加CSSは、CSSを書いた時点でプレビューできるのが利点です。
その代わり作業スペースが狭いですので、コードの量が増えると分かりづらくなります。
量が増えてくることが考えられる場合は、子テーマのスタイルシートをお使いになることをお勧めします。
別件ですが。。。
親テーマが古いようですので、最新版へのアップデートをお勧めいたします。
プラグイン「WP Multibyte Patch」についても導入なさっていないようです。
https://ja.wordpress.org/plugins/wp-multibyte-patch/
日本語環境においては必須と言えますので、導入をお勧めいたします。
わいひら reacted
Topic starter
2021年5月26日 19:12
mk2様
ご確認していただき、ありがとうございました。
追加CSSを確認しますと、確かにCSSを追加しておりました。おそらく随分前に追加していたようです。削除しますと、初期状態に戻りました。
また追加CSSに記載していた、見出しのカスタマイズのコードを、外観>テーマエディタ>Coccon ChildのStyle sheetにコピーしましたが、現在投稿されている記事には適用されないようです。
こちら考えられる問題点ございますでしょうか?
親テーマの更新と、ご提案いただいたプラグインの導入もさせていただきます。
ご教示いただき感謝します。
This post was modified 3年前 by osuzu28
2021年5月26日 19:18
osuzu28さん
「Coccon Child」は子テーマですが、現在は子テーマを導入なさっていますか?
最初ご提示いただいた環境情報には、子テーマはありませんでしたが。。。
今拝見した感じでも、子テーマはなさそうなのですが。。。
有効になっていないとか。。。でしょうか?
(有効になっていないのに、テーマエディタで編集はできるものなのでしょうか。。。)
わいひら reacted
2021年5月26日 19:33
osuzu28さん
只今、私のローカル環境で試してみました。
テーマエディタでは、インストールされている全てのテーマの編集ができるようです。
おそらく現在osuzu28さんのサイトは、Cocoonの子テーマが有効になっていないものと思われます。
(親テーマが有効になっている)
「外観」⇒「テーマ」から、子テーマ(Cocoon Child)を「有効」にしてください。
Topic starter
2021年5月26日 23:33
mk2様
ご返信、ご確認ありがとうございます。
おっしゃるとおり、親テーマのほうが有効になっており、子テーマは、有効になっておりませんでした。
ですので、子テーマの方を有効にすると、変更した内容が反映されており、一旦解決されました。
常に子テーマの方を有効化しておけば良さそうでしょうか?
2021年5月26日 23:37
osuzu28さん
はい、有効にするのは子テーマです。
常に子テーマを有効にしてください。
(親テーマを有効にすることは、基本的にありません。)
わいひら reacted
Topic starter
2021年5月27日 00:09
mk2様
夜分遅くまでご対応ありがとうございます。
その情報は、本日はじめて知りました。大変恐縮です。
子テーマを有効にして、利用させていただきます。
こちらで私の疑問はすべて解消いたしました。
ありがとうございました。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。