WordPressテーマSANGOの質問

記事一覧の横長タイプでカテゴリーラベルを表示したい

アバター
きゃっつり。

横長タイプでカテゴリーラベルを表示するカスタマイズ方法を教えてください。

カスタマイザーでデザイン設定
カスタマイザーでデザインや細かな設定をしよう
コメントへの回答
サルワカくん
サルワカくん
2018/07/14

①以下のコードを子テーマのfunctions.phpに追加

/*横長カードをカスタマイズ*/
  function sng_sidelong_card(){ ?>
    <article class="sidelong__article">
        <a class="sidelong__link" href="<?php the_permalink() ?>">
          <p class="sidelong__img">
            <img src="<?php echo featured_image_src('thumb-160'); ?>" alt="<?php the_title(); ?>">
          </p>
          <div class="sidelong__article-info">
            <?php if(!get_option('remove_pubdate')):?>
            <time class="updated entry-time dfont" datetime="<?php the_time('Y-m-d'); ?>"><?php echo get_post_time('Y.m.d D');?></time>
            <?php endif; ?>
            <h2><?php the_title(); ?></h2>
          </div>
        </a>
        <?php 
                newmark();
                 if(!is_archive()) output_catogry_link();  
        ?>
    </article>
<?php
  }
/*END 横長カードをカスタマイズ*/

②以下のCSSを追加

.sidelong__article .cat-name {
    top: 0;
    right: 0;
    left: auto;
    padding: 0 5px;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    border-radius: 0;
}

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

サルワカくん
サルワカくん
2018/07/15

申し訳ありません。古いバージョンでの方法を書いてしまいました。
さきほどのコメントを修正し、最新版の方法を載せました。
申し訳ないのですが、子テーマのpost-grid.phpは消していただき、子テーマのfunctions.phpに上記コメントのコードを貼って頂けますか?