Перейти до вмісту
themeforge
UA
Почати безплатно
Меню
  1. Головна
  2. Довідник атрибутів
  3. opt-image
Основне Налаштування сайту

Логотип чи картинка для всього сайту

opt-image="Назва поля"

Зображення в налаштуваннях сайту: логотип у шапці й підвалі, обкладинка за замовчуванням, значок оплати. Клієнт замінює його один раз — і змінюються всі сторінки.

Куди ставити

На <img> у theme-options.html, який створює поле, і на такому самому <img> у шапці з тією самою назвою, який його читає.

Поле з’явиться в адмінці, лише якщо сторінка має назву групи: wp-fields-group на її <body>.

Приклад: логотип

Розмітка theme-options.html · index.html
<!-- theme-options.html -->
<img src="images/logo.png" alt="Warm Corner" opt-image="Logo">

<!-- the header of every page -->
<a href="/"><img src="images/logo.png" alt="Warm Corner" opt-image="Logo"></a>
В адмінці ThemeForge → Options
Logo logo.png
На сайті усі сторінки
Warm Corner Home Menu Contacts

Що важливо

  • alt лишається таким, як у розмітці; srcset видаляється.
  • PNG, JPG або WebP: SVG до медіабібліотеки не потрапляє.

Типові помилки

Журнал збирання — вкладка «Логи» вашого проєкту на themeforge.pro; ті самі зауваження показує безплатна перевірка розмітки.

Не так
<!-- theme-options.html -->
<img alt="Warm Corner" opt-image="Logo" src="images/logo.png">
<!-- header -->
<img alt="Warm Corner" opt-image="Site logo" src="images/logo.png">

Різні назви в налаштуваннях і в шапці: шапка читає поле, якого не існує, і логотип не з’являється. Журнал мовчить.

Так
<!-- theme-options.html -->
<img alt="Warm Corner" opt-image="Logo" src="images/logo.png">
<!-- header -->
<img alt="Warm Corner" opt-image="Logo" src="images/logo.png">

Одна назва в обох місцях.

Альтернативний запис

o_image працює так само: тема збирається однаковою.

Використовується в рецептах

Коли будете готові

Подивіться адмінку WordPress свого сайту ще до оплати.