1

Wordpress テーマ内のカテゴリ名に HTML を追加して、名前をアイコンとして (Twitter ブートストラップ経由で) 定義できるようにする必要があります。

コード例は次のとおりです。

<a href="link">
<i class="icon-briefcase"></i>
</a>

これにより、カテゴリ名がリンクされたアイコンとして表示されます。

これを行う方法はありますか。私は際限なく検索しましたが、HTML をカテゴリの説明にのみ追加できる唯一の Wordpress プラグインを見つけることができました。

前もって感謝します。

4

3 に答える 3

2

あなたがやろうとしていることは、次のように簡単に解決できると思います。

<?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>';
        } 
        ?>

これが十分に明確であることを願っています。

于 2012-06-08T17:23:26.543 に答える
0

あなたが望むのは、 Category Iconsプラグインだけだと思います。

于 2012-06-08T17:27:15.187 に答える