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的に成果がでたらご報告します。
ありがとうございました!