gototopgototop
Register
Вход
HomeКак это сделать?... /  Как залинковать картинку в редакторе JCE
Как залинковать картинку в редакторе JCE E-mail
Повышаем мастерство - Как сделать?...

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

Шаг 1. С помощью логина и пароля входим в админку. Чтобы попасть в редактор, открываем Менеджер материалов:

Шаг 2. В открывшемся окошке просто нажимаем на Создать:

Уроки Joomla! :: Как залинковать картинку

Шаг 3. Теперь мы видим редакторскую панель. Именно таким путём вы приступаете к работе над статьями для сайта. Дайте название статье, укажите раздел и категорию а также отметьте, будет ли статья показываться на главной странице. У меня начало получилось таким:

Уроки Joomla! :: Как залинковать картинку

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


Шаг 5. Перед вами откроется окно, которое покажет содержимое папки Images корневого каталога Джумлы. Вы должны знать, в какой папке лежит ваша картинка. Но для сегодняшнего урока можно выбрать первую подходящую. Я, например, выбрала фото гимназистки. Нажимаю на него, и вокруг картинки появился лёгкий контур. Теперь нажимаю на Вставить:

Уроки Joomla! :: Как залинковать картинку

Шаг 6. Картинка появилась в поле редактора:


Уроки Joomla! :: Как залинковать картинку

Шаг 7. Нажимаю на неё, и вижу, что вокруг картинки появился контур. С его помощью можно картинку уменьшить (можно и увеличить, но тогда исчезнет качество изображения). Мы сейчас ничего такого делать не будем, а сосредоточим внимание на панели редактора. Здесь находится кнопка, похожая на картинку в рамочке. Сейчас она подсвечена:


Уроки Joomla! :: Как залинковать картинку

Шаг 8. Рядом с подсвеченной кнопкой находится ещё одна кнопочка, на которой изображена цепочка. Вот с её-то помощью и делается линковка. Нажимаем на неё:


Уроки Joomla! :: Как залинковать картинку

Шаг 9. Как я говорила выше, сегодня мы линкуем картинку на статью. Поэтому в появившемся окошке отыскиваем её местонахождение. Статья, которую выбрала я, называется "О женщинах с улыбкой". Начинаем поиск с папки "Материалы", последовательно открывая остальные:


Уроки Joomla! :: Как залинковать картинку

Шаг 10. Появилось название выбранной мною статьи. Нажимаю по нему, и в окошке URL автоматически появляется веб-ссылка на статью:


Уроки Joomla! :: Как залинковать картинку

Нажимаю теперь на кнопку Insert с зеленым контуром.

Шаг 11. Картинка залинкована. Чтобы проверить результат своей работы, нажимаем кнопку "Применить" в верхнем правом углу, а затем на кнопку "Просмотр":



Открылся браузер и я вижу только что опубликованный материал:

Уроки Joomla! :: Как залинковать картинку

Подвожу мышку к картинке и вижу, что она кликабельна. Нажимаю на неё, и попадаю на статью "О женщинах с улыбкой": которую вы, кстати, можете прочитать прямо сейчас, прокручивая окно вниз (эту замечательную возможность дают нам плагины Rokbox) :



Шаг 12. Теперь надо вернуться в редактор и сохранить материал, нажав на кнопку Сохранить.

Кстати, вы обратили внимание, что выше слова "О женщинах с улыбкой" и "плагины Rokbox" тоже являются ссылкой? - Для того, чтобы залинковать слово или кусочек текста, надо просто их выделить мышкой, а потом повторить шаги 8, 9, и 10 этого урока. Вот и всё!

Точно так же можно линковать и картинку, вставленную в модуль. См. Как вставить картинку в модуль?

 

 
ВХОД на сайт



Базовый курс создания сайта

Предисловия к Базовому курсу

Установка и настройка Joomla!

Работа с расширениями Joomla!

2011-03-11-22-16-12Работа со статьями

Создание меню

Работа с хостингом

Безопасность сайта

Ссылки для скачиваний

 

Есть ли народ на сайте?

Сейчас 18 гостей онлайн

Мы вконтакте

Как сделать?...

Контакты





Copyright © 2011. Joomla! для "чайников". Автор сайта Наталья Мельниченко
Follow us on Twitter