Question

我使用html和css创建了一些列表。我想根据这个设计显示我的自定义分类。出于这个原因，我已经注册了一个名为“surgical”的自定义帖子类型，其中包含名为“surgical_cat”的自定义分类。我希望在创建类别时它会显示为包含4列的列表。当我点击任何类别时，它会将我带到特定页面（例如“类别”），其中显示此类别下的所有帖子。

要查看设计，请访问此链接：https://dl.dropboxusercontent.com/u/211935016/images/non_Surgical.png

请参阅我的HTML代码：

<div class="fix top_listing">
<header class="fix listing_title">
<h2>Procedures Surgical</h2>
</header>
<div class="fix floatleft single_listing">
<ul>
    <li><a href="">Arm Lift (0)</a></li>
    <li><a href="">Breast Lift (1)</a></li>
    <li><a href="">Cheek Implants (1) </a></li>
    <li><a href="">Face Lift (1)</a></li>
    <li><a href="">Liposuction (1)</a></li>
    <li><a href="">Lumpectomy (1)</a></li>
</ul>
</div>
</div>

请参阅functions.php中的自定义帖子类型代码：

/* Register Custom Post Types ********************************************/

add_action( 'init', 'surgical_post' );
function surgical_post() {

register_post_type( 'surgical',
    array(
            'labels' => array(
                    'name' => __( 'Surgical' ),
                    'singular_name' => __( 'Surgical' ),
                    'add_new' => __( 'Add New' ),
                    'add_new_item' => __( 'Add New Surgical' ),
                    'edit_item' => __( 'Edit Surgical' ),
                    'new_item' => __( 'New Surgical' ),
                    'view_item' => __( 'View Surgical' ),
                    'not_found' => __( 'Sorry, we couldn\'t find the Surgical you are looking for.' )
            ),
    'public' => true,
    'publicly_queryable' => false,
    'exclude_from_search' => true,
    'menu_position' => 14,
    'has_archive' => false,
    'hierarchical' => false,
    'capability_type' => 'page',
    'rewrite' => array( 'slug' => 'surgical' ),
    'supports' => array( 'title', 'editor', 'custom-fields', 'thumbnail', ),
    'taxonomies' => array('tag')
    )
);
}

请参阅functions.php中的自定义分类代码：

/* REGISTERING CUSTOM TAXONOMY FOR BUSINESS LISTING *******************************************/

add_action( 'init', 'business_listing_taxonomy');
function business_listing_taxonomy() {
register_taxonomy(
    'surgical_cat',  //The name of the taxonomy. Name should be in slug form (must not contain capital letters or spaces).
    'surgical',  //post type name
    array(

        'public'                => true,
        'hierarchical'          => true,
        'label'                 => 'Surgical Category',  //Display name
        'query_var'             => true,
        'show_admin_column' => true,
        'rewrite'               => array(
            'slug'              => 'surgical-category', // This controls the base slug that will display before each term
            'with_front'        => false // Don't display the category base before
            )
        )
);

}

我想知道我应该在html / css列表中使用哪个循环或查询，以便他们可以在主页中显示自定义类别？任何人都可以帮我修复它吗？

Answer 1

在您希望列出自定义分类的文件中使用以下代码。

<style>
    ul.custom_cat_list {
        list-style: none;
    }
    ul.custom_cat_list li {
        width: 25%;
        float: left;
    }
</style>

<ul class="custom_cat_list">
    <?php $categories = get_categories('taxonomy=surgical_cat&post_type=surgical'); ?>
        <?php foreach ($categories as $category) : ?>
            <li><a href="<?php echo get_category_link($category->cat_ID); ?>"><?php echo $category->name; ?></a></li>
    <?php endforeach; ?>
<ul>

我想在主页WordPress中显示自定义分类列表

1 个答案: