Как сделать разные header для отдельных страниц сайта на WordPress?
В данном примере будет страница с id=11. Чтобы присвоить для страницы отдельную шапку, нужно редактировать шаблон страницы “page.php” (панель администратора > внешний вид > редактор > page.php). В редакторе “page.php” нажимаем клавиши (Ctrl + F) и ищем строку:
<?php get_header(); ?>
и заменяем его на следующий код:
<?php
if (is_page(‘11‘)) {
include(TEMPLATEPATH.’/header-2.php‘);
} else {
include(TEMPLATEPATH.’/header.php’);
} ?>
Теперь для страницы с id=11 будет выводиться “header-2.php”.
Подобная операция для нескольких страниц будет выглядеть следующим образом:
<?php
if (is_page(‘11‘)) {
include(TEMPLATEPATH.’/header-2.php‘);
} elseif (is_page(‘12‘)) {
include(TEMPLATEPATH.’/header-3.php‘);
} elseif (is_page(‘13‘)) {
include(TEMPLATEPATH.’/header-4.php‘);
} else {
include(TEMPLATEPATH.’/header.php’);
} ?>
Как добавить дополнительный логотип в шаблон WordPress?
Прежде всего, необходимо загрузить изображение в папку темы (или дочерней темы). Скорее всего это будет папка “images”. Далее необходимо открыть файл «header.php» и добавить следующий код, где “logo.png” название изображения, а “My Logo” описание картинки:
<img src=”<?php echo get_stylesheet_directory_uri()?>/images/logo.png” alt=”My Logo“>
“get_stylesheet_directory_uri ()” – указывает путь к папке темы, что-то вроде: http://mysite.com/wp-content/themes/my-theme. Теперь все, что нужно сделать, это заполнить остальную часть пути к изображению. Так, например, темы могут иметь строку кода, подобную этой:
<a href=”<?php echo esc_url( home_url( ‘/’ ) ); ?>” rel=”home”>
<?php bloginfo( ‘name’ ); ?>
</a>
Которые затем нужно изменить примерно так:
<a href=”<?php echo esc_url( home_url( ‘/’ ) ); ?>” rel=”home”>
<img src=”<?php echo get_stylesheet_directory_uri()?>/images/logo.png” alt=”<?php bloginfo( ‘name’ ); ?>”>
</a>
После этого следует переименовать и сохранить страницу под другим именем, например как «header-2.php». Теперь нужная страница будет загружаться с «header-2.php» и новым логотипом (изображением) “logo.png”.