Cocoonフォーラム

2018.02.102023.01.25

書き込みの前に以下の3点をご確認ください。

1つのトピックにつき1つの質問を書き込んでください
不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください
該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL：

相談内容：

不具合の発生手順：

解決のために試したこと：

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/

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

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

共有:

通知

すべてクリア

[解決済] ブログカードのタイトルがH１でなくH2になってしまう。

不具合報告

最新の投稿 : saliyah0813 12か月前

5 投稿

3 ユーザー

3 Reactions

355 表示

RSS

saliyah0813

(@saliyah0813)

Active Member Registered

結合: 12か月前

投稿: 6

Topic starter 2023年12月9日 21:31

不具合・カスタマイズ対象ページのURL： https://huuhublog.com/

相談内容：ブログカードのタイトルがH１でなくH2になっているため、見出しをカスタマイズするとそこにも反映してしまいます。よろしくお願いします。

不具合の発生手順：

解決のために試したこと：

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：----------------------------------------------
サイト名：妻の小言と夫の寝言
サイトURL： https://huuhublog.com
ホームURL： https://huuhublog.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン：6.4.2
PHPバージョン：8.2.4
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.6.9
カテゴリー数：5
タグ数：18
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：7724バイト
functions.phpサイズ：2280バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：5
Auto Post Thumbnail：0
Retina：1
ホームイメージ：/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
----------------------------------------------
利用中のプラグイン：
AddQuicktag 2.6.1
Akismet Anti-spam: Spam Protection 5.3
BackWPup 4.0.0
ConoHa WING コントロールパネルプラグイン 1.2
ConoHa WING 自動キャッシュクリア 1.0.0
Contact Form 7 5.8.4
Rinker 1.10.2
SiteGuard WP Plugin 1.7.5
XML Sitemap Generator for Google 4.1.13
----------------------------------------------

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

わいひら

(@yhira)

Illustrious Memberサイト Admin

結合: 7年前

投稿: 17223

2023年12月9日 22:11

投稿者:: @saliyah0813

↑

不具合・カスタマイズ対象ページのURL： https://huuhublog.com/

対象ページにブログカードはないようです。
なので対象ページから推測するにブログカードとは添付画像のようなエントリーカードのことをおっしゃっておられますか？

Cocoonで言うブログカードは以下のようなカードのことになりますがこちらのことでしょうか。
https://wp-cocoon.com/how-to-use-internal-blogcard/
https://wp-cocoon.com/how-to-use-external-blogcard/
でもだとしたらデフォルトでブログカードの見出しはH2にはなっていないかと思います。
もし上記のようなブログカード見出しがH2になっているページがありましたらこのページのURLを貼っていただければ幸いです。

chu-ya

(@chu-ya)

Illustrious Member Registered

結合: 3年前

投稿: 2950

2023年12月9日 22:28

追加CSSに問題があります。

●原因

以下に示すように、単にh2としている。
この為、本文の見出しと、エントリーカードの見出しが同じ装飾となる。①

h2 {
position: relative;
padding: 0.6em;
background: #e0edff;
}

h2:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #e0edff;
width: 0;
height: 0;
}

●対策

どこの見出しなのか、親のCSSクラスを定義します。②
本文なら、.articleを付加し、.article h2とする。

●補足

本文のh3は、.articleを付けており。③

カスタマイズするなら、CSSクラスが何なのか、調べ方を理解する事が先かと思います。