あなたがやろうとしていることは、次のように簡単に解決できると思います。
<?php
foreach((get_the_category()) as $category) {
echo '<a href="link">';
echo '<i class="icon-briefcase">' . $category->cat_name . '</i>';
echo '</a>';
}
?>
これにより、あなたが言ったように、すべてのカテゴリ名がリンクされたアイコンのように表示されます。それぞれの名前に異なるアイコンを付けたい場合は、もちろん条件文を追加して、カテゴリ名または ID に基づいて異なる HTML をレンダリングできます。
編集:
Twitter Bootstrap を使用するため、アイコンを表示するためにリンクに css クラスを割り当てる必要があります。これを行うには 2 つの方法があります。そのうちの 1 つは、カテゴリにアイコンと同じ名前を付けることができるということです。たとえば、「briefcase」という名前のカテゴリは、「icon-briefcase」クラスのリンクをレンダリングします。コード:
<?php
// Iterate through the available categories
foreach((get_the_category()) as $category) {
echo '<a href="link">'; // Display a link
echo '<i class="icon-' . $category->cat_name . '">' . $category->cat_name . '</i>'; // Create the <li>
echo '</a>';
}
?>
2 番目の方法は、コンテンツの目的 (猫の名前をより自由に選択できる) には少し良いと思いますが、コード内で条件ステートメントを使用して、アイコンを特定のカテゴリに割り当てることです。例えば:
<?php
// Iterate through the available categories
foreach((get_the_category()) as $category) {
// First define a default css name class to use
$iconclass = 'icon-default';
// Then using an if statement, assign a new css class name to the variable based on the name of the category
if($category->cat_name == 'Travel') { $iconclass = 'icon-briefcase'; }
echo '<a href="link">'; // Display a link
echo '<i class="'. $iconclass . '">' . $category->cat_name . '</i>'; // Create the <li>
echo '</a>';
}
?>
これが十分に明確であることを願っています。