Различные header.php для мобильных устройств на Wordpress?

Question

Прежде всего: извините за мой плохой английский, я из Германии.

У меня есть большая проблема на моей главной странице wordpress с заголовком на мобильных устройствах. Сайт: www.hd-sign.de

Если вы открываете страницу на компьютере, все выглядит нормально, но если я открою страницу на мобильном устройстве, текстовое поле слева будет над текстом «HD-Sign» и это выглядит очень плохо.

Вы можете видеть, что я имею ввиду на «am i responsive».

Я установил Mobile Device Detect плагин для Wordpress и добавил это к моему custom.css файл:

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

else { 
include "header.php"; 
} 

Но это не будут работать. Наверняка я установил header.php & mobile_header.php (без текстового поля) в мою основную папку темы.

Я пробовал много разных методов за последние 5 часов, но я все еще не смог исправить эту проблему.

Благодарим вас за каждый ответ!

EDIT:

Спасибо за каждый ответ, на самом деле я получил следующий код:

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

Im не уверен, что если этот код правильный и абсолютно не уверен, если я должен поставить код в «general-template.php» или в моем обычном css. Извините за этот глупый вопрос, но я только начал работать с html и css. Было бы здорово, если кто-нибудь скажет мне, где я должен поставить (правильный?) Код!

Спасибо!

Answer 1

Имя файлы, как это:

header.php 
header-mobile.php 

и использовать соглашения WordPress, чтобы назвать свои заголовки, как это:

// default 
get_header(); 

// mobile 
get_header('mobile'); 

Кроме того, я настоятельно рекомендую посмотреть на адаптивный веб-дизайн и медиа-запросов. Ваш заголовок будет загружаться один раз, когда страница загружается в первый раз. Он не изменится при изменении размера окна браузера с использованием этой техники.

Ресурсы:

WordPress ссылки функция для get_header() - http://codex.wordpress.org/Function_Reference/get_header

Answer 2

Попробуйте это.

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