JCE дає змогу додавати зображення та посилання до матеріалів Joomla без ручного редагування HTML. Через вбудовані діалоги можна завантажити файл, задати альтернативний текст і розміри зображення, вибрати потрібну сторінку сайту для посилання та за потреби налаштувати додаткові атрибути.
Якщо редактор ще не встановлено або потрібно розібратися з профілями, панеллю інструментів і безпечною обробкою HTML, спочатку перегляньте матеріал JCE для Joomla 5 і 6: встановлення, налаштування та можливості редактора. Тут зосередимося саме на повсякденній роботі із зображеннями та посиланнями.
Де в JCE розташовані інструменти зображень і посилань
Кнопки для вставлення зображення та створення посилання розташовані на панелі інструментів JCE. Набір і розташування кнопок можуть відрізнятися залежно від активного профілю редактора: адміністратор може додавати й прибирати інструменти в налаштуваннях профілю.
Як додати зображення до матеріалу Joomla через JCE
Установіть курсор у те місце статті, де має з’явитися зображення, і натисніть кнопку зображення на панелі JCE. Відкриється Менеджер зображень. У верхній частині менеджера розташовані основні параметри зображення: шлях до файлу, альтернативний текст, розміри, вирівнювання та відступи. Нижче розміщено файловий браузер для вибору й завантаження зображень.
Якщо потрібного зображення на сервері ще немає, відкрийте відповідну папку й натисніть «Завантажити». Для статей зручніше заздалегідь використовувати зрозумілу структуру каталогів, а не складати всі зображення в спільний корінь images.
URL, альтернативний текст і розміри
Після вибору файлу JCE заповнює шлях до зображення та його розміри. Поле «Текст» відповідає атрибуту alt. Для змістовного зображення краще написати короткий опис того, що на ньому показано. Не варто перетворювати alt на набір ключових слів. Для справді декоративного зображення допустимий порожній alt.
Під час зміни ширини або висоти залишайте ввімкненою опцію «Пропорційно», щоб зображення не розтягувалося. Для зображень усередині статті зазвичай краще заздалегідь підготувати файл потрібного розміру, а не зменшувати дуже велику картинку лише засобами HTML.
Якщо потрібно докладніше розібратися з вагою файлів, WebP і підготовкою графіки, стане в пригоді окрема стаття про оптимізацію зображень для сайту.
Вирівнювання, відступи та додаткові параметри
JCE дає змогу вибрати вирівнювання й задати відступи від навколишнього тексту. Для окремого зображення це зручно, але повторюване оформлення краще задавати через стилі шаблону або CSS-класи — так дизайн залишається однаковим і його простіше змінювати.
На вкладці «Розширені» доступні додаткові атрибути зображення, зокрема CSS-клас, title, ідентифікатор і параметр завантаження. Атрибут title необов’язковий: додавайте його лише тоді, коли додаткова підказка справді корисна відвідувачу.
Як створити посилання в JCE
Щоб зробити посиланням фрагмент тексту, виділіть його й натисніть кнопку зі значком ланцюжка. У полі «Посилання» можна ввести URL вручну або знайти матеріал через вбудований пошук і дерево Joomla. Поле «Текст» містить анкор — видимий користувачеві текст посилання.
Відкривати посилання в новому вікні чи ні
Для звичайного внутрішнього посилання на іншу сторінку свого сайту, як правило, достатньо залишити поле «Ціль» без спеціального значення — сторінка відкриється в поточній вкладці. Відкривання в новому вікні варто застосовувати усвідомлено, наприклад коли користувачеві корисно зберегти поточну сторінку відкритою.
Внутрішні посилання краще створювати через відносний URL або вбудований пошук JCE. Це спрощує перенесення сайту між доменами та протоколами й робить HTML акуратнішим.
Атрибути rel: nofollow, sponsored і ugc
На вкладці «Розширені» JCE дає змогу задавати додаткові параметри посилання, включно з відношенням поточної сторінки до цільової (rel).
Ставити nofollow на всі зовнішні посилання для «збереження ваги сторінки» не потрібно. Для звичайного корисного посилання атрибут rel може взагалі не знадобитися. sponsored використовують для рекламних і оплачених розміщень, ugc — для посилань у користувацькому контенті, а nofollow — коли ви не хочете пов’язувати свій сайт із цільовою сторінкою й інші значення не підходять.
Докладніше про базову логіку внутрішніх і зовнішніх посилань можна прочитати в матеріалі «Що таке посилання і які види посилань існують».
Коротка пам’ятка щодо зображень і посилань у JCE
- для зображень використовуйте зрозумілі імена файлів і тематичні папки;
- заповнюйте alt відповідно до змісту зображення, а не заради набору ключових слів;
- зберігайте пропорції під час зміни розмірів;
- для повторюваного оформлення віддавайте перевагу CSS-класам замість великої кількості inline-стилів;
- внутрішні посилання зазвичай відкривайте в поточній вкладці;
- не додавайте
nofollowдо всіх зовнішніх посилань автоматично; - перевіряйте створене посилання та відображення зображення після збереження матеріалу.
Підсумок
Менеджер зображень і діалог посилань JCE закривають більшість повсякденних завдань під час підготовки матеріалів Joomla. Для звичайної статті достатньо вибрати файл, перевірити alt і розміри, а для посилання — указати зрозумілий анкор, правильний URL і лише за потреби додаткові параметри. Такий підхід дає змогу обходитися без постійного редагування вихідного HTML і водночас зберігати акуратну розмітку.
