如何正确设置自定义徽标大小?

时间:2019-02-04 作者:Sekhemty

根据Codex页面关于添加Custom Logo, 必须将以下代码添加到functions.php:

function themename_custom_logo_setup() {
    $defaults = array(
        \'height\'      => 100,
        \'width\'       => 400,
        \'flex-height\' => true,
        \'flex-width\'  => true,
        \'header-text\' => array( \'site-title\', \'site-description\' ),
    );
    add_theme_support( \'custom-logo\', $defaults );
}
add_action( \'after_setup_theme\', \'themename_custom_logo_setup\' );
我不太确定heightwidth 已使用。文档中说这是“预期大小”,但当我在customizer中选择要用作s a徽标的图像时,它保留了原始图像大小。

How are these values used? 它们是否以与内置相同的方式定义自定义图像大小名称thumbnail, medium, large, 等等如果是这样,它的名称是什么,以及在使用the_custom_logo() 作用

我试图实现的是以最大图像高度显示自定义徽标,比方说100px, 并且让宽度按比例缩放,而不会扭曲图片,即使加载到定制器中的图像的大小更大。

我真的不知道该怎么做。

添加max-height 之后样式表中的CSS值没有帮助,因为the_custom_logo() 函数显式设置heightwidth 中的值<img /> 标签

1 个回复
SO网友:A. Eakins

我想你的问题的答案是,如果heightwidth 在功能数组中指定,它将在生成时从自定义菜单设置徽标的高度和宽度。我很确定它是通过设置裁剪尺寸来实现的,然后可以在生成过程中手动覆盖裁剪尺寸。如果我理解你的意思,他们不会定义自定义图像大小的名称。他们所做的就是添加一个内联widthheight 样式设置为元素中的图像。但是,图像应保持其比例。不过,CSS应该覆盖生成大小。检查以确保没有CSS冲突。你可能会发现这个问题很有帮助https://stackoverflow.com/questions/46700000/why-can-i-not-change-custom-logo-dimension-attributes-via-add-theme-support

相关推荐

Problem in functions.php file

我正在尝试使用functions.php. 以下是我迄今为止所做的工作: <?php function blogroom() { wp_enqueue_style(\'bootstrap\', get_stylesheet_directory_uri() . \'/assets/lib/bootstrap/dist/css/bootstrap.min.css\'); wp_enqueue_style(\'loade