Question

首先：对不起我的英语不好，我来自德国。

我的wordpress主页上的移动设备标题出现了大问题。该网站是：www.hd-sign.de

如果您在计算机上打开该页面，一切看起来都很好，但如果我在移动设备上打开该页面，则左侧的文本框位于＆＃34; HD - Sign＆＃34;文字，看起来很糟糕。

你可以在＆＃34; am i responsive＆＃34;。

上看到我的意思

我将移动设备检测插件安装到Wordpress并将其添加到我的custom.css文件中：

include Mobile_Detect.php;
$detect = new Mobile_Detect;
if( ! $detect->isMobile() {
include "mobile_header.php";
}

else {
include "header.php";
}

但它不起作用。我确实安装了header.php＆amp; mobile_header.php（没有盒装文本）到我的主题文件夹。

我在过去5小时内尝试了很多不同的方法，但我仍然无法解决这个问题。

非常感谢您的每一个答案！

编辑：

感谢您的每一个答案，实际上我得到了以下代码：

include Mobile_Detect.php;
$detect = new Mobile_Detect;
if( ! $detect->isMobile() ) : {
function get_header( 'mobile' );
}
else : {
function get_header();
endif;
}

我不确定这段代码是否正确，并且绝对不确定我是否必须将代码放入＆＃34; general-template.php＆＃34;或者在我的自定义CSS中。对不起这个愚蠢的问题，但我刚开始使用html和css。如果有人可以告诉我在哪里（正确？）代码，那会很棒！

谢谢！

Answer 1

将文件命名为：

header.php
header-mobile.php

并使用WordPress约定来调用您的标题：

// default
get_header();

// mobile
get_header( 'mobile' );

除此之外，我强烈建议您查看自适应网页设计和媒体查询。第一次加载页面时，您的标题将加载一次。当您使用此技术调整浏览器窗口大小时，它不会发生变化。

资源：

get_header() - http://codex.wordpress.org/Function_Reference/get_header

的WordPress功能参考

Answer 2

试试这个。

if(!preg_match('/(iPhone|iPod|iPad|Android|BlackBerry)/i', $_SERVER['HTTP_USER_AGENT']))
{
include "mobile_header.php";
}
else
{
include "header.php";
}

wordpress上的移动设备不同header.php？

2 个答案: