게시물 개수가 포함된 WordPress 카테고리

이 단축코드는 WordPress 카테고리를 해당 게시물 수와 함께 깔끔하게 표시합니다.

PHP 코드:

// ---------------------------------------------------------- //
//           Custom WordPress Category Display                //
// ---------------------------------------------------------- //

function display_categories_with_count() {
    $categories = get_categories();
    $output = '<ul class="sf-categories">';
    foreach ($categories as $category) {
        $output .= '<li><a href="' . get_category_link($category->term_id) . '">' . $category->name . '<span>(' . $category->count . ')</span></a></li>';
    }
    $output .= '</ul>';
    echo $output;
}

add_shortcode('category_count', 'display_categories_with_count');

CSS 스타일링:

/* ---------------------------------------------------------- */
/*           Styled Category List for WordPress              */
/* ---------------------------------------------------------- */
.sf-categories { display: flex; flex-direction: column; gap: 8px; list-style: none; margin: 0; padding: 0; }
.sf-categories li { position: relative; padding: 0; }
.sf-categories li a { display: flex; background-color: #fff; color: #000; border-radius: 8px; padding: 10px 16px; font-size: 1rem; text-decoration: none; transition: all .2s ease-in-out; }
.sf-categories li a span { display: block; position: absolute; right: 16px; top: 50%; transform: translateY(-50%); padding: 3px 8px; font-size: 0.85rem; line-height: 1; background-color: rgba(0,0,0,.05); border-radius: 4px; }
.sf-categories li a:hover { background-color: #46A787; color: #fff; }
.sf-categories li a:hover span { background-color: rgba(255,255,255,.1); color: #fff; }

전체 가이드: 스타일이 지정된 카테고리 목록과 게시물 수로 WordPress 사이트를 개선하세요. 게시물이나 페이지에 제공된 단축 코드[category_count]를 사용하세요.

위 내용은 게시물 개수가 포함된 WordPress 카테고리의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!