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）

WordPress网站标识中的双徽标？

1 个答案: