更改标签云中的字体大小

Question

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

Answer 1

WordPress定义配置Tag Cloud的默认参数。这些参数定义为here in 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文件中。我不是那些人之一。我教授和倡导modular主题和插件开发。这意味着主题的functions.php文件不应该是所有内容的收集点。

主题functions.php

如上所述，如果您愿意，可以将上述代码添加到functions.php文件中。

执行以下步骤：

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

模块化方法

我提倡modular approach，将功能和主题配置拆分为支持单一用途的独立，不同的文件。

第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将font-size设置为内联CSS。您可以使用上面的代码覆盖它们。不建议通过CSS !important强制它。让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!
); ?>

如果您想在不触及任何模板文件的情况下修改默认行为，可以在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;

}

您可以查看有关他们的所有详细信息here