WordPressテーマSANGOの質問

カテゴリーページの記事一覧の下に出てくる個別記事の見出しの変更

アバター
ともひろ

カテゴリーページの記事一覧の下に出てくる個別記事の見出しがh2なのですが、h3に変更したいと考えています。実際にSANGOユーザーで変更されている方がいて、方法を知りたいです。

お忙しいところ申し訳ございません。
よろしくお願いします。

SEOを考えたカテゴリー設定
SEOを考えたカテゴリー設定をしよう
コメントへの回答
サルワカくん
サルワカくん
2020/11/19

sng-functions.php内に書かれている下記のメソッドを上書きすれば可能です。

function sng_normal_card() { ?> <article class="cardtype__article"> <a class="cardtype__link" href="<?php the_permalink()?>"> <p class="cardtype__img"> <img src="<?php echo featured_image_src('thumb-520'); ?>" alt="<?php the_title();?>" <?php sng_lazy_attr(); ?>> </p> <div class="cardtype__article-info"> <?php echo sng_get_single_date(null, "entry-time dfont") ?> <h2><?php the_title();?></h2> </div> </a> <?php // カテゴリーを出力 if (!is_archive()) { output_catogry_link(); } // newマーク newmark(); ?> </article>
<?php }

↑ このまま子テーマのfunctions.phpに貼り付けて、h2をh3に書き換えるイメージです。

ただ、SEO的な効果はまず無いと思います…。
よろしくお願いします。

アバター
ともひろ
2020/11/20

連投で申し訳ございません。

カードのデザインが変わってしまうのですが、どのように編集すれば良いか教えていただけると助かります。
具体的には、下記のような状態になります。
①文字が大きくなる
②横の余白がなくなる

何度も大変申し訳ございません。
よろしくお願い致します。

アバター
ともひろ
2020/11/20

ご返信ありがとうございます。
SEO的に効果ないんですねー泣

内心あると思っていました笑
ご丁寧に先読みのご回答までありがとうございます。

上記のh2の部分をh3に変更し貼り付けてみます!

サルワカくん
サルワカくん
2020/11/20

あ、すみません
合わせて下記のCSSをダッシュボードの[外観]⇒[カスタマイズ]⇒[追加CSS] もしくは子テーマのstyle.cssに貼り付ける必要がありました。

.cardtype h3 { margin: 8px 13px 0; font-size: 17px;
}
@media only screen and (min-width: 481px) { .cardtype__article h3 { margin: 8px 13px 0; }
}
@media only screen and (min-width: 1030px) { .cardtype h3 { margin: 8px 13px 0; font-size: 18px; }
}

ご確認よろしくお願いします。

アバター
ともひり
2020/11/21

迅速なご返信ありがとうございます。
試してみます。

もし、SEO的に成果がでたらご報告します。
ありがとうございました!