更改标签云中的字体大小

pra*_*ana 3 wordpress tag-cloud

我想减小标签云中的字体大小(至少对于具有多个匹配项的标签而言)。我在看css文件,但是在标签云中找不到有关字体大小的任何信息。你知道在哪里改变吗?(链接是www.veda-vit.de,以防万一。)

hel*_*nya 6

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;
}
Run Code Online (Sandbox Code Playgroud)

在哪里放置代码

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

主题的 functions.php

这样,您可以根据需要将以上代码添加到functions.php文件中。

请执行以下步骤:

  1. 打开主题functions.php文件。
  2. 向下滚动到文件的最底部。
  3. 如果找到一个封闭的PHP标记元素,即将其?>删除。这不是必需的。
  4. 将以上代码复制并粘贴到文件中(在文件底部)。
  5. 保存文件。
  6. 如果在服务器上,则通过SSH或SFTP进行传输。

模块化方法

我主张通过将功能和主题配置拆分为支持单个目的的不同文件来实现模块化方法

步骤1:查找文件夹

在你的主题,你应该一个文件夹叫libincludessrc。该文件夹是放置自定义功能文件的位置。

步骤2:创建一个新文件

在其中一个文件夹中,创建一个新文件并调用它widgets.php。在此文件中,在第一行添加以下代码:

<?php
/**
 * Widgets functionality
 *
 * @package     YourTheme
 * @since       1.0.0
 * @author      your name
 * @link        your URL
 * @license     GPL-2+
 */
Run Code Online (Sandbox Code Playgroud)

然后在其下面添加上面的代码。

步骤3:载入档案

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

include_once( __DIR__ . '/lib/widgets.php' );
Run Code Online (Sandbox Code Playgroud)

只需将替换为lib您将新文件放入的文件夹的名称。

注意

字体大小由WordPress设置为嵌入式CSS。您可以使用上面的代码覆盖这些代码。不建议通过CSS通过强制使用!important。让WordPress来做它的事情,并如上所述设置最小和最大。