Heim >Backend-Entwicklung >PHP-Tutorial >WordPress-Kategorien mit Beitragsanzahl
Dieser Shortcode zeigt übersichtlich Ihre WordPress-Kategorien zusammen mit der jeweiligen Beitragsanzahl an.
PHP-Code:
<code class="language-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');</code>
CSS-Styling:
<code class="language-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; }</code>
Vollständiger Leitfaden: Verbessern Sie Ihre WordPress-Site mit dieser gestalteten Kategorieliste und Beitragsanzahl. Verwenden Sie den bereitgestellten Shortcode [category_count]
in Ihren Beiträgen oder Seiten.
Das obige ist der detaillierte Inhalt vonWordPress-Kategorien mit Beitragsanzahl. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!