Вопрос или проблема
Я установил add_theme_support(‘custom-header’, $defaults); в файле functions.php. Это отображается в настройках, но когда я добавляю изображение, оно не появляется в превью или на живом сайте.
Мой код:
$defaults = array(
'height' => 250,
'header-text' => true,
'uploads' => true,
'video' => true
);
add_theme_support( 'custom-header', $defaults );
Высота 250 отображается как пространство, отведенное для добавления изображения, но само изображение не появляется после загрузки. Также обрезка изображения не работает, оно просто отображает темное изображение, я нажимаю “обрезать”, и оно сохраняется как есть. Могла ли это быть проблема? Оно не сохраняется правильно?
То же самое происходит и с видео, оно появляется в настройках для добавления видео, но не отображается в превью или на сайте.
Я заставил это работать. Мне нужно было вызвать функцию на странице, где я хочу, чтобы она работала, способ сделать это здесь: https://developer.wordpress.org/themes/functionality/custom-headers/#displaying-custom-header (ссылка предоставлена Джейкобом Питти) и это нужно делать внутри тегов, а не просто в div с id site-header.
Ответ или решение
При решении проблемы с неработающим кастомным заголовком в WordPress важно учитывать несколько ключевых аспектов. Основные моменты, которые нужно проверить и учитывать, были уже упомянуты, но я подробно раскрою каждый из них для вашего удобства.
1. Проверка кода и поддержки темы
Вы правильно инициировали поддержку кастомного заголовка в вашем functions.php, с использованием функции:
$defaults = array(
'height' => 250,
'header-text' => true,
'uploads' => true,
'video' => true
);
add_theme_support('custom-header', $defaults);Это обеспечивает, что заголовок будет поддерживаться, но для его корректного отображения вам необходимо дополнительно вызвать функцию вывода заголовка в нужном месте темы. Обычно это делается с помощью функции the_custom_header_markup(), которую нужно разместить в соответствующем месте шаблона.
2. Правильное размещение функции вывода заголовка
Как вы уже выяснили, вызов функции для вывода заголовка должен находиться внутри тегов <header> или других соответствующих контейнеров, а не просто в <div>. Это может выглядеть так:
<header id="site-header">
<?php if (get_header_image()): ?>
<img src="<?php header_image(); ?>" alt="<?php bloginfo('name'); ?>" />
<?php endif; ?>
</header>Это приведет к корректному отображению заголовка как на предварительном просмотре, так и на живом сайте.
3. Проверка настроек и кэширования
Если после внесения изменений заголовок все еще не отображается, вам стоит проверить следующее:
- Очистка кэша: Если у вас установлены плагины кэширования или используются CDN, попробуйте очистить кэш, чтобы убедиться, что изменения вступили в силу.
- Настройки темы: Убедитесь, что в кастомайзере заголовок действительно установлен и сохранен. Сохраните изменения повторно, если это необходимо.
- Совместимость с плагинами: Некоторые плагины могут конфликтовать с функциями темы. Отключите плагины и посмотрите, появится ли заголовок.
4. Проблема с обрезкой изображений
Что касается проблемы с обрезкой изображений и темной картинкой, это может указывать на проблемы с именованиями изображений или отсутствием прав на запись в директорию загрузки. Также проверьте, корректно ли заданы размеры в add_theme_support, и, возможно, попробуйте загрузить изображение меньшего размера.
5. Заголовок видео
Для видео важно убедиться, что код для отображения видео прописан аналогичным образом, как и для изображений. Если у вас настроен кастомный заголовок видео, но он не отображается, убедитесь, что вы вызываете правильные функции в шаблоне.
Заключение
Теперь, когда вы успешно вывели кастомный заголовок на своем сайте, важно следить за тем, чтобы все обновления темы и дополнительные настройки раздела кастомизации были актуальны. Это обеспечит работоспособность всех фишек вашей темы и хорошую оптимизацию для пользовательского опыта.
Если у вас будут дополнительные вопросы или пожелания, не стесняйтесь обращаться. Удачи в разработке!