Баннер


Как добавить водяной знак и отметки на изображения в 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):

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

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

Изучаем Joomla


Joomla Social Networking with JomSocial

Joomla Social Networking with JomSocial

В последнее время, в связи с растущей популярностью социальных сетей, стал... [Подробнее...]

Picture Yourself Building a Web Site with Joomla1.6

Picture Yourself Building a Web Site...

Эта книга является прекрасным пособием для желающих научиться создавать... [Подробнее...]

Joomla! Bible

Joomla! Bible

Отличная книга-самоучитель по созданию сайтов на CMS Joomla 1.5. Особенностью этой... [Подробнее...]

Joomla! Mobile Development Beginner's Guide

Joomla! Mobile Development Beginner's...

Рынок мобильных технологий не стоит на месте, а с ускоренными темпами движется... [Подробнее...]

Manager's Guide to Social Media

Manager's Guide to Social Media

Manager's Guide to Social Media - справочник по работе с социальными сервисами (Facebook, Twitter,... [Подробнее...]

Вход на сайт



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

RT Lexicon для WordPress

News image

RT Lexicon - майская многоцелевая тема вордпресс от популярной студии RocketTheme, кот...

YT Digit для WordPress

News image

YT Digit – яркий релиз универсального вордпресс-шаблона от команды веб-разработчиков сту...

YT Frequency для WordPress

News image

YT Frequency - яркий WordPress-шаблон созданный разработчиками невероятно популярной студии веб...

YT Everest для WordPress

News image

YT Everest - свежий майский вордпресс-шаблон, созданный командой разработчиков студ...

RT Epsilon для Wordpress

News image

RT Epsilon - свежий апрельский релиз бизнес-шаблона, применимого также для соз...

RT Anacron для WordPress

News image

RT Anacron - апрельский вордпресс-шаблон в светлых цветовых тонах с пол...

RT Hadron

News image

RT Hadron - свежий мартовский вордпресс-шаблон от популярной студии RocketTheme, вып...

RT Paradigm для WordPress

News image

RT Paradigm - новый многоцелевой шаблон под WordPress 3.x, выпущенный спе...

RT Spectral

News image

RT Spectral - свежий релиз прекрасного шаблона, теперь и для вор...

YT Avenue

News image

YT Avenue - свежий февральский WordPress-шаблон с полной поддержкой актуальных вер...

YT Vida

News image

YT Vida - свежий WordPress-шаблон с полной поддержкой новой верс...

YT Moustache

News image

YT Moustache – очередной креативный WordPress-шаблон  от разработчиков известной веб-студии Yoo...

TF Awake

News image

TF Awake – качественная и очень функциональная тема для WordPress нов...

RT Acacia

News image

RT Acacia - свежий многоцелевой шаблон с полной поддержкой WordPress 3.x...

TF Ultra

News image

TF Ultra v.1.2 - является новой версией отличной многоцелевой темы для...