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 и при этом сохранять аккуратную разметку.
