Вопрос или проблема
Я пытался добавить пользовательский заголовок или подсказку внутри блока с изображением в категории пользовательского таксономии WordPress, но не нашел решения. Как добавить пользовательский текст под Нажмите на изображение, чтобы изменить или обновить в изображении, представленном на странице.
Пожалуйста, посмотрите скриншот для лучшего понимания.
https://www.screencast.com/t/VafpoWvxw
Спасибо
Вы можете сделать это, вызвав файл javascript для админки.
Создайте файл javascript в папке js текущей темы с именем admin.js. Внутри файла добавьте следующий код:
jQuery(document).ready(function($) {
$('#postimagediv .inside').prepend('<p>Рекомендуемый размер изображения 300*300px</p>');
});
Теперь в functions.php в папке вашей текущей темы добавьте этот код, чтобы вызвать файл javascript только для админки.
add_action('admin_init', 'custom_admin_js');
function custom_admin_js() {
wp_register_script( 'admin-js', get_stylesheet_directory_uri() . '/js/admin.js' );
wp_enqueue_script( 'admin-js' );
}
Для различных блоков/разделов таксономий вы можете использовать их идентификатор, и в html их ID будет заканчиваться на div. Например, если идентификатор таксономии “some_taxonomy_identifier”, то html ID будет “some_taxonomy_identifierdiv”. Так что в js будет выглядеть следующим образом:
$('#some_taxonomy_identifierdiv .inside').prepend('<p>Некоторый рекомендованный текст</p>');
Ответ или решение
Чтобы добавить пользовательскую метку или текст под изображением в блочной секции "Изображение записи" в WordPress, вам потребуется выполнить несколько шагов, включающих написание JavaScript-кода, а также добавление его в административную часть вашей темы. Вот подробная инструкция по этому процессу.
Шаг 1. Создание JavaScript файла
-
Создайте файл: В вашей текущей теме создайте папку
js, если она еще не существует. Внутри этой папки создайте файлadmin.js. -
Добавьте код: Откройте файл
admin.jsи добавьте следующий код:jQuery(document).ready(function($) { $('#postimagediv .inside').prepend('<p>Рекомендуемый размер изображения: 300x300 пикселей</p>'); });В этом коде мы используем jQuery, чтобы добавить текст непосредственно под секцией "Кликните на изображение для редактирования или обновления".
Шаг 2. Регистрация и подключение JavaScript файла в административной панели
-
Откройте файл
functions.php: В корневой папке вашей темы найдите файлfunctions.php. -
Добавьте следующий код: Вставьте следующий код в файл
functions.php, чтобы зарегистрировать и подключить ваш JavaScript файл:add_action('admin_init', 'custom_admin_js'); function custom_admin_js() { wp_register_script('admin-js', get_stylesheet_directory_uri() . '/js/admin.js'); wp_enqueue_script('admin-js'); }
Шаг 3. Добавление текста в других таксономиях
Если вы хотите добавить текст в другом блоке (например, в блоке пользовательской таксономии), вам нужно будет использовать уникальный идентификатор этого блока. Например, если идентификатор вашей таксономии — some_taxonomy_identifier, код в admin.js будет выглядеть следующим образом:
jQuery(document).ready(function($) {
$('#some_taxonomy_identifierdiv .inside').prepend('<p>Некоторый рекомендованный текст</p>');
});Подсказки для оптимизации SEO
-
Используйте ключевые слова: Добавьте ключевые слова, связанные с вашей темой, в текст, который вы вставляете в HTML. Например, если вы работаете с изображениями продуктов, добавьте соответствующие термины, такие как "лучший размер изображения для продукта".
-
Структура заголовков: Если это требуется, используйте маркеры и списки, чтобы улучшить читаемость и структуру текста.
Заключение
Следуя этой инструкции, вы сможете эффективно добавить пользовательский текст под изображением в вашем административном интерфейсе WordPress, что поможет улучшить пользовательский опыт и обеспечит дополнительную информацию для ваших администраторов или редакторов. Не забудьте очистить кэш вашего браузера после внесения изменений, чтобы они вступили в силу. Если у вас есть дополнительные вопросы, не стесняйтесь обращаться за помощью.