wordpress网站标识中的双徽标？

Question

我需要在 WordPress 定制器的站点标识中使用双徽标。一个在移动视图上，另一个在桌面视图上。两者是不同的图像。请提供添加两个徽标的代码。 我有添加一个自定义徽标的代码。我需要它在网站身份本身上

function lotus_flies_custom_logo_setup()
{
    $defaults = array(
        'height'      => 139,
        'width'       => 176,
        // 'flex-height' => true,
        // 'flex-width'  => true,
        'header-text' => array( 'site-title', 'site-description' ),
    );
    add_theme_support('custom-logo', $defaults);
}
add_action('after_setup_theme', 'lotus_flies_custom_logo_setup');

Answer 1

根据屏幕大小拥有不同徽标的最佳方法是在 CSS 中使用 @media 查询。

因此，您可以在继承的自定义模板中为当前图标找到一个 css 选择器，并添加一些 css 以根据屏幕大小调整其大小。 除了调整大小，您还可以在 CSS 中完全更改图像的来源。

（作为灵感：Swap out 3 differently-sized logos with media queries?。文档：Using_media_queries）