SWELLでTOPページに記事一覧のサムネイル下にカテゴリーを全表示させる方法

2025-04-01

ファイルのパス

親テーマに記述しました。

更新すると消えますがとりあえず。

ファイルのパスはこちらです。
parts/post_list/style_normal.php

一番下の方

</a>

より下、

</li>

より上に記述した。

コード

	    <!-- カテゴリー表示の追加部分 -->
<?php
if (has_category()) {
    echo '<div class="post-categorys it-category c-categoryList">';
    echo the_category(); // カンマなし
    echo '</div>';
}
?>

CSS

あとで記述します

/*=================*/
/** 投稿リストのカテゴリー表示 **/
/*=================*/
/* アイコン非表示 */
.c-categoryList:before {
    display: none;
}

/* カテゴリー間の余白を調整 */
.p-categoryList__body .post-categorys a {
    display: inline-block;
}

.p-categoryList__link {
    display: inline;
}
.post-categorys li{
    display: inline-block;
}

/* カテゴリーのデザイン調整 */
.it-category a {
    display: inline-block;
    text-decoration: none;
    color: #212121;
		border: 1px solid #212121;
    background-color: #FFF; /* 背景色 */
    border-radius: 5px; /* 背景角丸 */
    padding: 1px 5px; /* 背景余白 */
    margin-top: 1px;
    font-size: 10px !important; /* 文字サイズ */
}