Баннер


Как добавить водяной знак и отметки на изображения в Joomla

Водяной знак — один из самых простых способов защитить графический контент сайта от копирования. Отметки же позволяют “расставить акценты” на изображении, например, указать месторасположения на карте.

Мы только установили движок на хостинг https://s-host.com.ua/ и теперь разберемся с двумя вопросами: как автоматически добавлять водяной знак на картинки, загружаемые на сайт и как как создать отметку (или несколько отметок) на любой картинке.

Водяной знак

Для нанесения водяного знака мы будем использовать плагин Watermark, который избавляет от необходимости пользоваться пользоваться специальными графическими программами.

Установка и настройка плагина

Скачайте плагин Watermark на сайте разработчика, а затем перейдите на страницу "Расширения"/"Менеджер расширений"/"Установить", чтобы установить его:

  • откройте вкладку "Загрузить файл пакета";

  • выберите файл на компьютере;

  • загрузите файл.

На этом установка плагина завершена. Чтобы перейти к настройкам найдите расширение (“Водяной знак”) на странице "Расширения"/"Менеджер плагинов":

  • включите плагин (поле “Состояние”);

  • выберите расположение водяного знака по вертикали (снизу или сверху);

  • выберите расположение знака по горизонтали (справа или слева);

  • выберите изображение в медиа-менеджере Joomla:

Добавление водяного знака на изображение

Теперь, когда плагин установлен и настроен, вы можете добавлять водяной знак во время загрузки файлов в медиа-менеджер. Теперь на странице загрузки картинок появился пункт “Наложить водяной знак”. Поставьте галочку напротив него и на изображении появится “маркировка”:

Если вы добавите плагин Watermark в список своих расширений после установки CMS на хостинг, у вас под рукой всегда будет удобный инструмент для наложения водяного знака на изображения:

Добавление отметок на изображение

Отметки на изображение также “наносятся” при помощи расширения. Речь идет о модуле JA Image Hotspot.

Установка модуля

Откройте админку Joomla и перейдите в раздел "Расширения"/"Менеджер расширений"/"Установить". Загрузите скачанный файл на вкладке "Загрузить файл пакета". Теперь, когда появилось сообщение об успешном добавлении модуля, вы можете переходить к настройкам.

Настройка модуля

Перейдите на страницу "Расширения"/"Менеджер модулей"/JA Image Hotspot и откройте вкладку “Модуль”:

  • выберите позицию;

  • включите модуль.

Затем перейдите к следующей вкладке — "Привязка к пунктам меню" и выберите десь страницы, на которых будет отображаться изображение. Далее вам нужно открыть вкладку Settings/Global Configuration:

  • Description (описание);

  • Animation (анимация: Pop или Fade);

  • Tooltips (вывод подсказок: всегда или при наведении);

  • Show Dropdown selection (включить/отключить выпадающий список);

  • Selection text (текст выпадающего списка);

  • Dropdown position (позиция выпадающего списка):

На вкладке Settings/Marker Control настраиваются непосредственно отметки. Блок Pointer Parameters:

  • выберите в поле Images path изображение, на которое будут нанесены отметки;

  • нажмите Add Marker;

  • выберите тип отметки (Point Type);

  • впишите название иконки (Icon name);

  • выберите цвет (Color):

Блок Tooltip Parameters:

  • выберите тип контента (Content type);

  • выберите изображение (Image);

  • впишите название отметки (Pointer title);

  • добавьте ссылку (Link);

  • впишите основной текст (Pointer text):

  • выберите фон подсказки (Tooltip background color) и позицию (Position):

Сохраните изменения и на вашем сайте появится изображение с отметками. Как вы видите, настроить модуль не так уж сложно.

Похожие материалы:
Баннер
Баннер

Новости в сети