Додавання зображення.

Додайте фото або ілюстрацію, що заповнює свій стовпець і масштабується разом з екраном.

Додавання зображення

Відкрийте свою сторінку, увійшовши до сайта: елементи керування конструктором з’являються, коли ви наводите вказівник на область вмісту. Основи показує сторінка Ваша перша сторінка.

1. Наведіть вказівник на стовпець і натисніть + на його панелі керування або натисніть Додати елементи на порожній сторінці. Відкрийте вкладку Вміст і натисніть Зображення. Воно з’явиться вгорі стовпця, і відкриється діалог його налаштувань.
2. У розділі Зображення натисніть Вибрати зображення. У Браузері медіа за бажанням відфільтруйте за назвою, позначте фото й натисніть Вставити вибране.
3. Натисніть заголовок SEO, щоб розгорнути його. Замініть текст у полі Атрибут Alt коротким описом фото.
4. Натисніть Зберегти у діалозі. Потім натисніть Зберегти на панелі інструментів угорі області вмісту, щоб зберегти сторінку.

Що ви бачите

Стандартна Ширина зображення становить 100%. Програми читання з екрана озвучують ваш альтернативний текст. Щоб перевірити масштабування, задайте для параметра Режим перегляду значення Попередній перегляд і звузьте вікно браузера. Відвідувачі побачать ваші зміни після збереження й публікації.

Налаштування зображення

Наведіть вказівник на елемент і відкрийте Більше > Налаштування на його панелі керування. Параметри:

• Зображення: виберіть зображення з браузера медіа чи файлів вашого сайта, завантажте файл або вставте зовнішню URL-адресу.
• Ширина зображення: ширина CSS, наприклад 100% або 300px. Стандартно 100%.
• Висота зображення: фіксована висота, наприклад 400px. Залиште порожньою, щоб зберегти пропорції фото.
• Посилання зображення: робить зображення клікабельним. Введіть URL-адресу або виберіть сторінку.
• Ціль посилання зображення: Те саме вікно або Нове вікно. Показується, коли ви додаєте посилання.
• Атрибут Alt: у розділі SEO опис для програм читання з екрана й пошукових систем.
• Атрибут Title: у розділі SEO додаткова інформація, що показується як підказка під час наведення.

Завантаження зображень і швидкість сторінки

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

Зображення можуть надходити з вашої медіабібліотеки, завантажених файлів або зовнішніх URL-адрес. Дайте зображенням завантажитися в редакторі перед збереженням, щоб DXPR Builder міг зарезервувати потрібний обсяг місця. Заміна зображення оновлює його розміри, не змінюючи вибраного вами розміру показу.

Зображення, уже наявні на вашому сайті, автоматично не оновлюються. Швидкість сторінки також залежить від розміру файлів зображень та іншого вмісту. Перевірте свою опубліковану сторінку на вузьких і широких екранах.

Якщо ви його не бачите

• Зображення немає на вкладці «Вміст». Ваш профіль користувача його приховує. Попросіть адміністратора увімкнути його в розділі Профілі користувачів.
• Воно зникло після перезавантаження. Сторінку не було збережено. Додайте його знову й натисніть Зберегти на панелі інструментів угорі області вмісту.
• Елемент зображення порожній. У полі Зображення не задано малюнка. Наведіть вказівник на елемент і відкрийте Більше > Налаштування, потім натисніть Вибрати зображення.
• З’являється значок пошкодженого зображення. Файл видалено або переміщено в медіабібліотеці. Наведіть вказівник на елемент і відкрийте Більше > Налаштування, приберіть вибір і виберіть нове зображення.
• Зображення розтягнуте або стиснуте. Ширина зображення і Висота зображення містять фіксовані значення, що не відповідають фото. Очистьте Висоту зображення, щоб відновити його пропорції.

Що далі?

Вкладка «Стиль», щоб змінити відступи й тло свого зображення.