How can I add the featured image?
From what I can tell in your code, you've stored all category featured images in the category_images
option. So you can use get_option
to retrieve the featured image for each category:
$image_urls = get_option( 'category_images', array() );
foreach ( $categories as $category ) {
$cat_id = $category->term_id;
$image_url = isset( $image_urls[$cat_id ) ? $image_urls[$cat_id] : '';
...
}
You can then use $image_url
as the src
attribute of an <img>
.
How can I display only the subcategories of a certain category parent?
Like get_terms
, get_categories
has a 'child_of' parameter. Again, in your foreach
loop:
$sub_categories = get_categories( array(
'orderby' => 'name',
'order' => 'ASC',
'child_of' => $cat_id,
) );
foreach ( $sub_categories as $sub_category ) {
// Process the sub-categories here.
}
Is it possible to display these as a grid?
Yes, you can! But that's an HTML/CSS questionHTML/CSS question that I think is beyond the scope of this question. Go ahead and open a new question under that topic. You can never ask too many. :)
Hope this helps!