更改标签云中的字体大小

Question

我想减小标签云中的字体大小（至少对于具有多个命中的标签）。我在CSS文件中查找，但在标签云中找不到有关字体大小的任何信息。你知道在哪里改变吗？（链接是www.veda-vit.de，以防万一。）

Answer 1

wordpress定义配置标签云的默认参数。这些参数在Codex中定义。请注意，您可以指定最小和最大的字体尺寸。默认情况下，它设置为22，用pt的单位。

要更改此默认行为，您将需要注册对WordPress Core提供的过滤器的回调。

代码

在此示例中，我正在更改最小和最大的字体尺寸。您需要对其进行调整以进行特定实施：

add_filter( 'widget_tag_cloud_args', 'change_tag_cloud_font_sizes');
/**
 * Change the Tag Cloud's Font Sizes.
 *
 * @since 1.0.0
 *
 * @param array $args
 *
 * @return array
 */
function change_tag_cloud_font_sizes( array $args ) {
    $args['smallest'] = '10';
    $args['largest'] = '18';
    return $args;
}

在哪里放置代码

很多人会告诉您将其添加到主题的functions.php文件中。我不是那些人之一。我教和提倡模块化主题和插件开发。这意味着主题的functions.php文件不应该是所有内容的收集点。

主题的functions.php

话虽如此，您可以在functions.php文件中添加上述代码。

执行以下步骤：

1. 打开主题的functions.php文件。
2. 向下滚动到文件的底部。
3. 如果找到关闭的PHP标签元素，即?>，请删除它。这不是必需的。
4. 复制并将上述代码粘贴到文件中（在文件的底部）。
5. 保存文件。
6. 如果它在服务器上，请通过SSH或SFTP传输。

模块化方法

我提倡一种模块化方法，通过将功能和主题配置分为支持单个目的的单独的，不同的文件。

步骤1：找到文件夹

在您的主题中，您应该使用一个称为lib，includes或src的文件夹。此文件夹是您放置自定义功能文件的地方。

步骤2：创建一个新文件

在其中一个文件夹中，创建一个新文件并将其称为widgets.php。在此文件中，在第一行中添加以下代码：

<?php
/**
 * Widgets functionality
 *
 * @package     YourTheme
 * @since       1.0.0
 * @author      your name
 * @link        your URL
 * @license     GPL-2+
 */

然后在其下方添加上述代码。

步骤3：加载文件

现在您需要加载该文件。打开主题的functions.php文件，导航到文件末尾，然后添加以下代码：

include_once( __DIR__ . '/lib/widgets.php' );

只需将lib替换为将新文件的文件夹的名称替换为

注意

字体大小设置为WordPress的内联CSS。您可以使用上述代码覆盖那些。不建议通过!important通过CSS强制它。让WordPress做它的事情，只需设置最小和最大值。

Answer 2

由于我们不知道您如何实现标签云，因此CSS并不是您必须自定义它的唯一方法。wp_tag_cloud（）函数接受参数的数组

<?php $args = array(
    'smallest'                  => 8, 
    'largest'                   => 22,
    'unit'                      => 'pt', 
    'number'                    => 45,  
    'format'                    => 'flat',
    'separator'                 => "n",
    'orderby'                   => 'name', 
    'order'                     => 'ASC',
    'exclude'                   => null, 
    'include'                   => null, 
    'topic_count_text_callback' => default_topic_count_text,
    'link'                      => 'view', 
    'taxonomy'                  => 'post_tag', 
    'echo'                      => true,
    'child_of'                  => null, // see Note!
); ?>

如果要修改默认的behazviour而不触摸任何模板文件，则可以在functions.php中使用过滤器 wp_tag_cloud，

add_filter('wp_tag_cloud', 'se_40811909', 10, 2);
function se_40811909($return, $args){
  // copy and modify $args to fit your needs
 // $args = array(.....);
 return $args;
}

您可以在此处查看有关它们的所有详细信息