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

问题描述:

我已经使用html和css创建了一些列表。我想根据此设计显示我的自定义分类法。出于这个原因,我已经注册了一个名为“外科手术”的自定义发布类型,并带有一个名为“surgical_cat”的自定义分类。我希望当我创建类别时,它会显示为4列的列表。当我点击任何类别时,它会将我带到特定页面(例如“类别”),其中显示此类别下的所有帖子。我想在首页显示自定义分类列表WordPress

要查看设计,请访问以下链接: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列表中使用哪些循环或查询,以便他们可以在主页中显示自定义类别?任何人都可以帮我解决它吗?

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

<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> 
+0

Hi @Kausha Mehta,谢谢你的回答。使用你的代码后,我的列表如下所示:[请参阅设计](https://dl.dropboxusercontent.com/u/211935016/images/after_use.jpg)。但是我想像设计一样在4列中显示它(我在我的问题中提到过)。我怎么能这样做?没有更多,我在等待你的回应。保持良好。 – 2014-09-29 00:59:57

+0

@ active-worker我按照您的要求更新了我的答案,只需在'ul'中添加类并为其添加样式即可。希望它能为你工作。 – 2014-09-29 05:08:46

+1

嗨@Kausha Mehta,我很高兴地说它很好用!如果你不介意,我可以问你另一件事吗?我希望在点击类别链接时,该类别中的所有帖子都将使用由模板层次结构规则指定的相应类别模板显示在类别页面上。我怎么能这样做?谢谢。 – 2014-10-03 10:31:27