Как вставить картинку в статью Joomla

В предыдущем уроке мы рассматривали вопрос, как вставить картинку в HTML. В данном уроке мы будем учиться вставлять картинку в материал Joomla.

Прежде всего, загрузим нужную картинку на сервер. В Joomla существует каталог для изображений - папка images. Здесь находятся все картинки сайта. Создадим в папке images папку для наших картинок, которые мы будем использовать для оформления статьи. Дадим папке название, например my_images.

Помните, что папкам и именам изображений нельзя присваивать имена на кириллице, только на латинице. Также не забывайте о размерах файлов. Хотя и в настройках можно будет устанавливать размеры изображения, все-таки лучше сразу подогнать картинку под нужный размер. И место на сервере сэкономите, и веб-страницы будут загружаться быстрее.

 

Вставляем картинку в статью Joomla

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

1. Устанавливаем курсор в начале параграфа в то место статьи, куда планируем вставить картинку и нажимаем кнопку "Изображение", которая находится внизу, под полем ввода текста

 

 

 

 

 

 

 

 

 

2. В открывшемся окне, выбираем и открываем нашу папку с картинками «my_images». Когда вы кликните по выбранной картинке, поля «Адрес картинки» автоматически заполняться. Вам останется только сделать описание картинки, если нужно – заголовок, установить выравнивание и нажать кнопку «Вставить»

 

 

 

 

 

 

 

 

 

 

 

 

 

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

Для этого откройте статью для редактирования. Кликните по картинке в статье (вокруг картинки появится рамочка). А теперь кликните по иконке «Вставить/редактировать изображение» в верхнем меню редактора. Теперь открывайте вкладки и редактируйте настройки.

Вставка картинка в Joomla

 

 

 

 

 

 

 

 

На рисунке ниже вы видите вкладку, в которой можно изменить положение картинки, ее размер, размер отступов, размер рамки, стиль

 

 

 

 

 

 

 

 

 

 

 

 

 

Экспериментируйте с настройками до тех пор, пока не добьетесь результата, который бы вас устроил. Далее читайте о том, как сделать, чтобы картинка обтекалась текстом и как показать картинку в модальном (всплывающем) окне в lightbox.

Комментарии   

 
0 #23 Сантехник 19.09.2015 06:50
Отлично! Просто супер! Давно надо было ссы.лки так прописывать 8)
 
 
0 #22 pers663 17.08.2015 09:07
Спасибо, полезная статья!
 
 
0 #21 юра 02.12.2014 21:07
круто
 
 
-1 #20 fqh 04.06.2014 06:26
пытаюсь добавить картинку в текст, но при сохранении она исчезает.
 
 
0 #19 Анастасия 12.05.2014 08:36
Огромное спасибо за то, что так подробно объяснили!!!
 
 
0 #18 admin 12.05.2014 08:25
Admin-панель - Общие настройки - вкладка "Система" - Установки Медиа менеджера - Использовать Flash-загрузчик поставьте "Нет" и сохраните настройки.
 
 
+1 #17 Анастасия 12.05.2014 07:43
А где находятся настройки медиа менеджера? В верхнем правом углу есть только кнопки УДАЛИТЬ и ПОМОЩЬ ?
 
 
0 #16 admin 12.05.2014 07:35
Анастасия, проверьте в настройках Медиа-менеджера используется ли Flash-загрузчик . Если используется, отключите.
 
 
0 #15 Анастасия 11.05.2014 18:33
Здравствуйте, подскажите нет кнопки ОБЗОР в медиаменеджере, а плагин кнопка-изображе ние включен, в чем может быть еще проблема?
 
 
0 #14 admin 02.04.2014 13:48
С помощью любого компонента типа фотогалереи или плагина, например такого, как BK-Multithumb, смотря какая задача поставлена.
 

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