サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2019年3月11日 21:08
お世話になっております。
cocconを使わせて頂いております。
ありがとうございます。
自分で検索したのですが、解決しなかったため、こちらで質問させていただきます。
「追加CSS」に以下の内容を加えて見出しのカスタマイズを行おうと思いましたが、なぜか、記事内の見出し以外にも、記事一覧のタイトルも同じカスタマイズが適用されてしまいます。
他の追加CSSを削除しても同じ状況でした。
.post h2 {
の代わりに
.post-content h2 {
と記述すると、記事一覧のタイトルのカスタマイズが解除されたのですが、記事内の見出しのカスタマイズも解除されてしまいました。
やりたいこととしては、記事内の見出しと、記事一覧のタイトルを別々にカスタマイズを行いたいのですが
どのようにCSSを記述する必要があるのでしょうか。
「.post-??? h2 {」の???に何かしらの単語を加えればよいのでしょうか。
追加CSS
ここから
/*=================
見出しリセット
=================*/
.article h2 {
padding: 0;
background: none;
}
/*=================
見出しカスタマイズ
=================*/
.post h2 {
padding: 0.5em;
background: #FFFFFF;
border-left:8px solid #0080FF;
border-bottom:3px solid #0080FF;
font-size: 26px;
}
ここまで
・プラグインを停止してみましたか？
・フラウザのキャッシュ・Cookie を削除してみましたか？
・関連する WordPress の設定画面は確認しましたか？
上記の項目は全て試しましたが状況は変わりませんでした。
サイトのURLはこちらです
記事一覧
https://kouya-koudou.com/
記事内の見出しの一例です
https://kouya-koudou.com/2019/03/11/444/
お忙しいところ恐れ入りますが、ご教授いただけますと幸いです。
何卒よろしくお願いいたします。
2019年3月11日 22:09
かうたっくさんごめんなさい… ?
確か、かうたっくさんが書き込まれたのを見たような気がしたんですが、2度目にこのトピックをみたら消えていました。
もしかしたら、僕が消してしまったのかもしれません。
消す動作をした覚えはないのですが…。
もし、テキスト等で書き込みが残っているようであれば、貼り付けていただければ幸いです。
もしかしたら、僕の操作ミスで消してしまったのかもしれません。
誠に申しわけないです。
一応、かうたっくさんが書かれていたことを、簡単に書くと.post h2を使わず.article h2を使う必要があるということです。
2019年3月11日 22:59
開きっぱ星人、その上スペシャルタフ ? な？、かうたっくのようです。
コピペ
少しだけ認識が違うと言うか。
.article h2 でpaddingと、backgroundのリセットをする必要がありません。
.post h2 の指定方法に難ありなんですね。なぜリセットをしなくて良いのかは、やりたいカスタマイズはpadding: 0.5em;と、background: #FFFFFF;で上書きするからです。※上書きしないようなカスタマイズのときだけ、リセットを行えばOKなんです。
.postではなく.articleを指定すればOKです。
.article h2 {
padding: 0.5em;
background: #FFFFFF;
border-left:8px solid #0080FF;
border-bottom:3px solid #0080FF;
font-size: 26px;
}
******
今後用としてその理由
.post h2はコンテンツ部分のカスタマイズだけではなく、『記事一覧』のh2を囲むarticleのclassにも指定（post
post-452 entry-card e-card cf post type-post status-publish format-standard has-post-thumbnail hentry category-35-post tag--scotch-post
）があるので反映されてしまいます。
あと投稿記事の『article』につけられたclass指定（post
article post-444 post type-post status-publish format-standard has-post-thumbnail hentry category-20-post category-24-post tag-tv-post
）にも同じpostの指定があります。※目が痛いですね＾＾；
だから反映されてしまう可能性がない指定方法.article や .entry-contentを選ばなきゃダメなんです。※見ようによっては、だた長くなっただけです。スミマセン ?
残しておいてよかった＾＾
わいひらさんは悪くないです ?
この投稿は6年前ずつかうたっくに変更されました
2019年3月11日 23:32
削除する場合は、添付画像のようなダイアログが出るのでまず間違いようはないはずなんですが ?
でも、削除権限を持っているのは僕しかいないので多分僕なのかなと。
それにしても、結構長文だったので残っていて良かったです^^;
wpForoは返信を消してしまうと復旧できないんですよね…。ごみ箱機能とかあればいいのに。
2019年3月12日 00:05
わいひらさんに。
残しておいてよかった＾＾
わいひらさんは悪くないです ?
この言葉のとおりです。
でも、削除権限を持っているのは僕しかいないので多分僕なのかなと。
削除権限は私の投稿に関しては、私もあります。実際まえにも私の書き込み後、すぐにわいひらさんの書き込みがあれば、邪魔なので消したこともあります。
やろうと思えば、Unapprove
https://gyazo.com/a89573f8ce4954160cdefb84fa6f2af3
をして、一部のみはいれる管理画面上で、削除しようと思えばできる感じの権限です。※やった方が良い場合でも、やった事がありませんが＾＾；
率直に言えば私の返信内容ですが、私が猛烈にいやだったので、消しました。
なぜかと言えば、知りたい内容はわいひらさんの言う通りで。ただ一部勉強兼ねてる人には原因をご自身で確認されて、一歩先に進めるから。って事だけだったりします。※長くて見にくいのが嫌すぎました。
なので『わいひらさんは何も悪くないです』の通りです ?
***
ただ追記・削除は時間がきまってます。多分追記は10分。削除は5分？？？だったように思いますが忘れました ? ? ?
この投稿は6年前ずつかうたっくに変更されました
2019年3月12日 00:20
あ、モデレータ権限に削除権限も付与してたんですね僕。
だからか。
トピックスターター 2019年3月14日 12:28
質問した1時間後にご教示いただいていたにもかかわらず、返答が遅くなり申し訳ございません。
ご教示いただいた
＞.postではなく.articleを指定すればOKです。
を行わせていただいたところ、思い通りのカスタマイズが出来ました。
質問内容のほかにもご助言もいただき、とても勉強になりました。
ありがとうございました！
わいひら reacted
トピックスターター 2019年3月14日 12:30
無事に問題解決いたしました。
ありがとうございました！
2019年3月14日 20:02
うまくいったようでよかったです ?
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。