7/14/12
- 65 -
Руководство для начинающего пользователя Joomla! 2.5
Рис. 2. Интерфейс редактирования.
Вставка опубликованных в интернете изображений в статью
В качестве первого примера используем изображение, опубликованное в сети по адресу: http:// farm2.static.flickr.com/1198/898250237_78a0e75cba_m.jpg (рис. 3)
Рис. 3. Изображение-пример
7/14/12
- 66 -
Руководство для начинающего пользователя Joomla! 2.5
Установите курсор в той части текста, в которую вы хотите поместить изображение. Затем кликните по пиктограмме с картинкой [если приглядеться, то на ней можно увидеть дерево на фоне неба и зеленого поля] и в поле «Image URL» [«URL изображения»] в появившемся всплывающем окне вставьте приведенный выше адрес. В выпадающем списке поля «Alignment» [«Выравнивание»] выберите значение «Left» [«Слева»], отступам по вертикали и горизонтали [«Vertical Space» и «Horizontal Space»] задайте значение «10» (рис. 4)..
Рис. 4. Вставка изображения.
Изображение появится в интерфейсе редактирования, в поле ввода текста. Сохраните статью, кликнув по пиктограмме с подписью «Сохранить и закрыть». Сохранить статью можно тремя способами:
Кликнуть по кнопке «Сохранить». В этом случае статья сохраняется и интерфейс редактирования остается открытым.
7/14/12
- 67 -
Руководство для начинающего пользователя Joomla! 2.5
Кликнуть по кнопке «Сохранить и закрыть». В этом случае статья сохраняется, но интерфейс редактирования закрывается.
Кликнуть по кнопке «Сохранить и создать». В этом случае статья сохраняется, интерфейс редактирования перезагружается для создания новой статьи.
Этап 2: создание пункта меню
Хотя статья была создана, на стороне посетителя вы ее не увидите. Для того, чтобы материал появился на сайте, нужно создать для него пункт меню. Для этого на странице
настройки верхнего меню (меню административного раздела пункт «Меню» подпункт «Верхнее меню» [«Top»]) кликните по пиктограмме с подписью «Создать». Маленькая подсказка: «Top» [в английском совпадает с названием верхнего меню] название посадочного места верхнего горизонтального меню в шаблоне по умолчанию. Если вы не пользуетесь вышеуказанным шаблоном или демонстрационных данных на сайте нет, то данного меню может не быть, а данная позиция может называться иначе. Кликните по кнопке «Выбрать» в поле «Тип пункта меню». Появится всплывающее окно со множеством ссылок. Кликните по ссылке «Материал» (рис. 5).
Рис. 5. Выбор типа пункта меню.
Теперь нужно привязать к пункту созданную вами статью. Кликните по кнопке «Выбрать/ изменить», расположенной на правой панели, в поле «Выбрать статью». В появившемся в результате всплывающем окне будет перечень статей, среди которых будет «О нас». Если она не попадется на глаза сразу, то можно отфильтровать содержимое списка, воспользовавшись формой поиска (рис. 6).
7/14/12
- 68 -
Руководство для начинающего пользователя Joomla! 2.5
Рис. 6. Выбор статьи. В поле «Заголовок» наберите «О нас», а в поле «Отображать в меню» выберите «Верхнее меню».
Этап 3: проверка результата
Если вы откроете главную страницу на стороне посетителя, то в верхнем горизонтальном меню обнаружите новый пункт, ссылающийся на созданную вами статью (рис. 7). Поздравляю!
Рис. 7. Страница «О нас».
Этап 4: выгрузка изображений на сайт
Если нужного изображения в сети нет, то вам придется его выгружать на сайт. Давайте попробуем. Перейдите на страницу управления статьями (меню административного раздела
7/14/12
- 69 -
Руководство для начинающего пользователя Joomla! 2.5
пункт «Статьи») и попытайтесь найти вашу статью. Если сразу не получится, воспользуйтесь формой поиска. Откройте статью и удалите из текста изображение. Под полем для ввода текста вы найдете кнопку «Изображение». Клик по ней вызывает интерфейс загрузки и вставки изображений (рис. 8).
Рис. 8. Интерфейс загрузки и вставки изображений.
После загрузки и вставки изображения можно настроить параметры его вывода при помощи упомянутого ранее интерфейса, кликнув по соответствующей пиктограмме [описанная выше пиктограмма с картинкой] на верхней панели редактора. Наличие дополнительного интерфейса требуется в тех случаях, когда вместо установленного по умолчанию TinyMCE используется редактор без функции вставки изображений или статья создается без помощи редактора. Благодаря наличию кнопки изображение можно вставить вне зависимости от возможностей используемого редактора.
Обратите внимание на то, что Joomla выводит изображения как есть: изменение размеров не производится. За решением этой проблемы обратитесь к статье в блоге Брайана Тимана [на английском] Making Joomla Idiot Proof. Также может помочь плагин FboxBot. Будем надеяться, что разработчики уже выпустили версию совместимую с Joomla 2.5.
7/14/12
- 70 -
Руководство для начинающего пользователя Joomla! 2.5
Реклама
Команда StackIdeas состоит из профессиональных разработчиков решений для Joomla! с десятилетним опытом совместной работы. Создание EasyBlog популярной, высокоэффективной блог-платформы для Joomla! а также расширения EasyDiscuss, реализующего систему вопросов и ответов, выдвинуло StackIdeas в ряды лучших в своей отрасли фирм, с высоким уровнем обслуживания и поддержки клиентов.