桌面视图中的视频标题、移动视图中的图像标题

时间:2017-02-07 作者:user3199063

在2017年,是否有一种简单的方法可以在桌面视图中显示视频标题,并在移动视图中显示图像标题?

2 个回复
SO网友:Prasun Jajodia

您可以使用wp_is_mobile() 检查用户是否正在从移动设备查看。。

因此,代码变为:

if(wp_is_mobile()){
  //show image
}
else{
 // show video
}

SO网友:Fujianto

首先,在主题上添加视频标题支持。

add_theme_support( \'custom-header\', array(
    \'video\' => true
) );
接下来,添加\\u custom\\u header\\u markup()显示图像/视频标题的标题区域。

最后,用类似这样的css设置视频标题的样式。

.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
    display: block;
    height: auto;
    width: 100%;
        height: 400px;
}
每当用户从移动设备访问您的站点时,标题将自动切换为图像。无需添加额外代码来处理视频/图像横幅切换。

Source

相关推荐

当我尝试登录时,我正在创建的插件出现‘Headers Always Sent’错误

我正在尝试创建我的第一个插件。到目前为止,它实际上工作正常,但有一个错误:当我尝试登录到wp admin时,会收到一条“Headers ready Sent”PHP消息。如果我从wpcontent/plugins目录中删除插件文件,像往常一样登录,然后替换插件文件,它工作得很好——这似乎只是在登录和注销时发生的。我的(缩写)代码是:<?php /* Plugin Name: Product Manager Plugin URI: http://www.tech-knowled