wp_tag_cloud inline CSS

时间:2012-04-25 作者:George Katsanos

我正在使用wp\\u tag\\u cloud,但我的问题是内联CSS(字体大小)。我在做RWD,所以我需要完全控制我的标记/css。

正如我所看到的,没有任何属性可以让它消失,所以我想我需要使用另一个函数,或者format=array。我尝试使用数组格式,但无法显示标记。(不是php专家)。

此外,请注意标记需要包含在元素中,因此没有明文。。

我的解决方案是什么?我能否以某种方式使用wp\\U list\\U类别?

非常感谢。

2 个回复
SO网友:fuxia

在中为标记云添加过滤器functions.php:

add_filter( \'wp_tag_cloud\', \'wpse_50242_unstyled_tag_cloud\' );

/**
 * Change tag cloud inline style to CSS classes.
 *
 * @param  string $tags
 * @return string
 */
function wpse_50242_unstyled_tag_cloud( $tags )
{
    return preg_replace(
        "~ style=\'font-size: (\\d+)pt;\'~",
        \' class="tag-cloud-size-\\1"\',
        $tags
    );
}
在模板中,您可以这样调用标记云:

wp_tag_cloud(
    array (
        \'format\' => \'list\'
    )
);
现在,所有内联样式都转换为CSS类。

之前:

<li><a href=\'http://wp.dev/tag/doolie\' class=\'tag-link-22\' title=\'1 topic\' style=\'font-size: 8pt;\'>doolie</a></li>
之后:

<li><a href=\'http://wp.dev/tag/doolie\' class=\'tag-link-22\' title=\'1 topic\' class="tag-cloud-size-8">doolie</a></li>
在样式表中,可以使用以下格式设置标记的格式:

.tag-cloud-size-8
{
    font-size: .8em;
}
.tag-cloud-size-10
{
    font-size: 1em;
}
.tag-cloud-size-12
{
    font-size: 1.2em;
}

SO网友:George Katsanos

谢谢大家的回答,我真的找到了解决办法。我使用wp\\u list\\u categories并将标记声明为分类法。我想要一个简单的ul列表,不涉及内联css。。

结束

相关推荐

使用浏览器检测和body_class()函数修改CSS

我正在使用以下函数,如下所述:http://www.nathanrice.net/blog/browser-detection-and-the-body_class-function/现在,当我使用以下css样式时,它完全符合我在Safari和Chrome中的要求:.safari li#linkrss {margin-top: -15px;} .chrome li#linkrss {margin-top: -15px;} 当我尝试时.gecko li#linkrss {margin-to