Установка логотипа с помощью кастомайзера WordPress

15 мая 2016 1 590 3

API кастомайзера WordPress с каждым релизом обретает все новые и новые функции. Кастомайзер медленно, но верно превращается в мощный инструмент кастомизации тем. Который, я думаю, рано или поздно придет на смену страницам пользовательских настроек и фреймворкам сторонних разработчиков.

Новые лендинги

С некоторых пор, а именно в WordPress 4.5 «Coleman» стало возможным штатными средствами внедрять в кастомайзер загрузчик логотипа. Как это работает уже можно увидеть в дефолтных темах WordPress. Например, в Twenty Fifteen или Twenty Sixteen.

Theme Customizer API — механизм визуальной настройки темы WordPress, позволяющий разработчику вынести настройку необходимых переменных в администраторский интерфейс.

Установка логотипа с помощью кастомайзера WordPress

Для активизации в других темах модуля загрузки логотипа, необходимо добавить в functions.php следующий код:

add_action( 'after_setup_theme', 'danilin_setuplogo' );
function danilin_setuplogo() {
add_theme_support( 'custom-logo', array(
'width' => 250,
'height' => 100,
'flex-width' => true,
'flex-height' => true,
'header-text' => array('site-title', 'site-description')
));
}

Где width и height — ширина и высота логотипа в пикселях, flex-width и flex-height — разрешают или запрещают свободные значения длин сторон логотипа, header-text — массив скрываемых элементов.

В темах логотип обрабатывается и выводится с помощью трех привычных для WordPress функций:

  • has_custom_logo() — проверка наличия логотипа;
  • get_custom_logo() — возвращает логотип;
  • the_custom_logo() — выводит логотип.

Подпишитесь на мой телеграм и первыми получайте новые материалы, в том числе которых нет на сайте.

INNERSTAT
Лучшее за неделю

Подпишитесь на рассылку и получайте новые материалы на электронную почту

Иван Данилин

Практикующий веб-разработчик, специализируюсь на платформе Вордпресс.

Комментарии
  1. блин, почему не срабатывает add_theme_support( ‘custom-logo’); ????????????
  2. почему на вашем замечательном сайте через 10 секунд пропадает скролл? это фишка такая? чтобы смотреть статичную страницу?
Добавить комментарий

Премиум-темы для Вордпресс с русскоговорящей поддержкой
Подробнее