我需要将 HTML 添加到我的 Wordpress 主题中的类别名称中,以便我可以将名称定义为图标(通过 Twitter 引导程序)。
示例代码如下:
<a href="link">
<i class="icon-briefcase"></i>
</a>
这会将类别名称显示为链接图标。
有没有办法做到这一点。我无休止地搜索,我能找到的唯一 Wordpress 插件只允许将 HTML 添加到类别描述中。
提前致谢。
我需要将 HTML 添加到我的 Wordpress 主题中的类别名称中,以便我可以将名称定义为图标(通过 Twitter 引导程序)。
示例代码如下:
<a href="link">
<i class="icon-briefcase"></i>
</a>
这会将类别名称显示为链接图标。
有没有办法做到这一点。我无休止地搜索,我能找到的唯一 Wordpress 插件只允许将 HTML 添加到类别描述中。
提前致谢。
我认为您尝试做的事情可以像这样轻松解决:
<?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>';
}
?>
我希望这足够清楚。
我认为您想要的只是类别图标插件。
我只是有类似的要求,即在同一列表中的某些类别名称(但不是其他)的开头添加一个大写字母。我发现这样做的最简单方法是使用 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。