Логотип с помощью custom-header

Начиная с WordPress 3.4 — codex.wordpress.org/Version_3.4 разработчикам рекомендуется использовать add_theme_support('custom-header'); взамен add_custom_image_header. Отличие в способе определения параметров и дополнительных возможностях. В связи с этими, к месту будет описать один из вариантов использования данной функции.

У большинства современных сайтов есть логотип-заголовок, с одной стороны редко корректируемая часть сайта, с другой — та часть, управление которой желательно из консоли сайта. Можно, конечно, поискать плагин, можно написать свою функцию, а можно воспользоваться add_theme_support('custom-header');. Поступая так вы не “изобретаете велосипед” и не нагружаете сервер дополнительными функциями стороннего плагина, плюс к тому, вы получаете раздел в консоли сайта позволяющий управлять логотипом: загружать, удалять, менять или делать его случайным образом из списка загруженных.

Полностью переписывать кодекс — codex.wordpress.org/Персонализация_Шапки нет необходимости, единственное, в случае с заголовком следует корректно указать размеры логотипа и возможность его загрузки/замены пользователем.

Определяем ширину и высоту логотипа, устанавливаем логотип по-умолчанию и даем возможность пользователям загружать собственные. Добавим в functions.php:

$args = array(
  'width'         => 100,
  'height'        => 50,
  'default-image' => get_template_directory_uri() . '/images/logotype.jpg',
  'uploads'       => true,
);
add_theme_support( 'custom-header', $args );

А в строке вывода логотипа заполняем соответствующим образом атрибут alt:

<img 
  src="<?php header_image(); ?>" 
  height="<?php echo get_custom_header()->height; ?>" 
  width="<?php echo get_custom_header()->width; ?>" 
  alt="logotype" 
/>
Опубликовано

Обратите внимание на предыдущие записи: