Часто веб-мастера сталкиваются с необходимостью в качестве ссылки использовать картинку. В Joomla сделать картинку ссылкой не сложно. Я покажу как это делается. Дополнительно покажу, как создать ссылку с помощью html-кода. Думаю, что осваивая приемы работы веб-мастера, нужно обязательно изучать HTML и CSS. Не смотря на то, что CMS Joomla упрощает работу и не требует особых знаний HTML и CSS, хочу отметить, что эти знания вам очень пригодятся.

Как сделать картинку ссылкой в Joomla

Допустим вам нужно, чтобы изображение в статье являлось ссылкой и вело на определенную страницу сайта. Для этого вам нужно выполнить следующие действия:

1. Загрузите нужную картинку в папку на сервер, где у вас хранятся изображения.

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

3. Кликните по картинке мышью (вокруг картинки образуется рамка).

4. Кликните по кнопке "Вставить/Редактировать ссылку" в верхнем меню редактора. Заполните поля: адрес ссылки - скопируйте адрес страницы, на которую будет вести ссылка;
цель - открыть в новом окне (_blank);
название - укажите название (будет видно, при наведении курсором на картинку)

5. Если все сделано правильно, кликнув по изображению, вы попадете на указанную в ссылке страницу. Для примера, кликнув по картинке ниже, вы попадете на страницу сайта со статьей "Как вставить картинку в статью Joomla"

Как сделать картинку ссылкой в html

Кликните мышкой по кнопке "Редактировать HTML-код" в верхнем меню редактора и вы сможете увидеть, как выглядит ваша ссылка в виде html-кода. У меня она выглядит так:

<a href="/joomla/kak_vstavit_kartinku_v_statiu_joomla.html" title="Как вставить картинку в статью Joomla"><img src="/images/stories/myimages/joomla/gif-07.gif" border="0" align="left" /></a>

1. Для создания ссылки используем тег <a>:

<a href= "Адрес ссылки" >Название ссылки</a>

2. Для вывода изображения используем тег <img>:

<img src= "Адрес картинки" >

3. Для того, чтобы картинка стала ссылкой, объединяем теги:

<a href= "Адрес ссылки" ><img src="/Адрес картинки" ></a>

Дополнительно можно использовать:

target="_blank" - ссылка должна открываться в новом окне

align="left" - выравниваем картинку по левому краю

Вот и все. Таким образом, мы сделали картинку ссылкой на нужную страницу.