Четверг, Сентябрь 03, 2015

     Как создать свой сайт на Joomla

 
Базовый курс для "чайников"

Напоминание: наш Базовый курс создания сайта основан на изучении Joomla 1.5

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

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

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


Рис.1

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


Рис. 2

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

Рис. 3

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


Рис. 4

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


Рис. 5

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


Рис. 6

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


Рис. 7

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


Рис. 8

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


Рис. 9

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

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


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


Рис. 11

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

О женщинах с улыбкой
                                                             Рис. 12

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

Ну, а для того, чтобы залинковать слово или кусочек текста, надо просто их выделить мышкой, а потом повторить шаги 8, 9, и 10 этого урока.

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

Вот и всё!

 

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

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

Поделиться: