Суббота, Январь 23, 2016

Как вставить картинку в модуль JoomlaВставить картинку в модуль Joomla столь же просто, как вставить картинку в статью. И то, и другое делается с помощью визуального редактора. Короткий путь, который одинаков для всех версий Joomla!, мы пройдём по шагам:

Шаг 1. Создаем модуль, в который будет вставлена картинка.

Открываем меню Расширения>>Менеджер модулей. Жмем на зеленую кнопку "Создать" и дальше выбираем из списка типов модулей тип "HTML-код" .

Шаг 2. Ставим курсор в текстовое поле редактора и нажимаем на кнопку "Изображение" в нижней панели редактора. Откроется менеджер картинок, среди которых надо отыскать приготовленную для вставки в модуль. Нажать на кнопку "Вставить" в верхнем правом углу.

2.1. Картинка установилась, но мы пока не сможем увидеть результат того, как она будет выглядеть в лицевой панели сайта. Чтобы это сделать, надо дооформить модуль и сделать ему привязку к пунктам меню. Значит, даем модулю заголовок и выбираем способ привязки. Я обычно выбираю "Только на указанных страницах". Затем очищаю выбор от галочек и проставляю их напротив тех пунктов меню, которые считаю подходящими для нового модуля. Пока делаю подгонку, ставлю модуль сначала на Главную страницу, а потом уж определяю остальные места.

Модуль не покажется нигде до тех пор, пока мы не определим ему позицию. В правой от редактора колонке есть заголовок "Позиция", под ним выпадающий список позиций всех установленных на сайте шаблонов. Найдите среди них шаблон своего сайта и выбирайте нужную.

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

2.2. Переходим в лицевую панель и открываем пункт меню, к которому привязали модуль с картинкой. В зависимости от позиции картинка будет иметь соответствующее отражение: может точно вписаться в ширину модуля, а может выдвинуться за его пределы. Многое зависит не только от правильно или неправильно выбранного размера картинки, но и особенностей самого шаблона. Например, мой нынешний шаблон делает подгонку размера самостоятельно.

Если вы не угадали с размером, то придётся его подгонять. Делается это так:

Первый вариант: нажимаем на картинку, у неё появится контур. Если нажать на клавишу Shift и, не отпуская её, потянуть за уголок как бы внутрь картинки, то картинка уменьшится в размере. Надо помнить, что уменьшение обычно не дает потери в качестве, а вот увеличение картинку "размоет".

Второй вариант - уменьшение через кнопку с изображением в верхней панели редактора. Нажав на эту кнопочку, мы затем в строчке "Dimensions" указываем новую ширину, а длина убавится автоматически пропорционально ширине.

Шаг 3. Картинку в модуле подогнали, теперь придаём ей какой-нибудь смысл, например, делаем её ссылкой на что-нибудь: статью, другой сайт и пр. Для этого жмем на картинку, а затем на иконку линка(в виде цепочки) в верхней панели редактора. В открывшемся окне вставляем заранее скопированную ссылку на место "посадки" картинки.

К картинке можно добавить текст, кнопку со ссылкой типа "Читать далее...", ну и пр.

Сохраняем изменения и любуемся в лицевой панели конечным результатом. А мой пример - справа от вас, - видите, как петушок ведет за собой курочек? Это я вот так своеобразно привлекаю ваше внимание к ссылке на нашу страницу в Твиттере, дескать, не хотите ли быть нашими фолловерами?

 

Комментировать материал через:

  • Joomlalessons.ru
  • Вконтакте

Поделиться: