1

我需要将 HTML 添加到我的 Wordpress 主题中的类别名称中,以便我可以将名称定义为图标(通过 Twitter 引导程序)。

示例代码如下:

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

这会将类别名称显示为链接图标。

有没有办法做到这一点。我无休止地搜索,我能找到的唯一 Wordpress 插件只允许将 HTML 添加到类别描述中。

提前致谢。

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 类分配给链接以显示图标。有两种方法可以做到这一点。其中之一是您可以将类别命名为与图标相同。例如,名为“公文包”的类别将呈现与“图标公文包”类的链接。编码:

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

第二种方式,我认为对于内容目的更好一些(选择猫名的更多自由),是在代码中使用条件语句将图标分配给某些类别。例如:

<?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

我认为您想要的只是类别图标插件。

于 2012-06-08T17:27:15.187 回答
0

我只是有类似的要求,即在同一列表中的某些类别名称(但不是其他)的开头添加一个大写字母。我发现这样做的最简单方法是使用 CSS。这就是我最终做的

#projects-term-4 h5 a:before {
    content:'H';
    font-size:80px;
    display:block;
    margin-bottom:10px;
    color:white;
}

#projects-term-5 h5 a:before {
    content:'S';
    font-size:80px;
    display:block;
    margin-bottom:10px;
    color:white;
}

... etc

您可能会使用此方法实现一个非常简单的解决方法,而无需了解任何 php 编码或安装任何额外的插件。你只需要检查生成页面的 html 代码来获取你需要的类名和 id。

于 2017-02-02T12:54:33.780 回答