Итак, это заключительная статья из цикла о написании материалов (Первая часть о разделении материалов на основную и вводную части, вторая часть о вставке изображений, третья часть о настройках публикации). Итак, у нас осталось две закладки: Метаданные и связь с меню. Сейчас мы их и разберем.
Сначала посмотрим на закладку Метаданные:

Здесь идет описание мета-тегов для редактируемой статьи. Как видно на изображении я их ввел. Теперь сохраняем статью и смотрим, где же они появились (смотрим HTML код страницы):

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

Все дело в том, что у всех материалов в Joomla есть свойство Начало публикации, а в настройках саймой джумлы можно выбрать часовой пояс.

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

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

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

Итак, начнем, как всегда, сверху.

CSS-суффикс класса страницы — углубимся немного в оформление материала. Напишем простую статью:

И посмотрим на то, как она отформатирована в виде HTML-тегов.

Заголовок материала имеет класс contentheading, имя автора оформляется в виде тегов <span> и класса small, дата создания имеет класс createdate, а сам текст статьи contentpaneopen.

Если в параметрах станицы указать CSS-суффикс, то он будет добавлен ко всем этим классам и в результате у нас будет совершенно другое оформление (если оно, конечно, предусмотрено) для разных страниц. То есть, если в качестве суффикса указать -some, то классы форматирования соответсвенно будут contentheading-some для заголовков, cretedate-some для даты создания и contentpaneopen-some для самого текста.

Кнопка НАЗАД — размещать или не размещать в конце материала ссылку Вернуться. Щелчок по ссылке равнозначен нажатию кнопки Назад в браузере.

Заголовок объекта — показывать название статьи или нет.

Заголовок в виде ссылки — должен ли быть заголовок страницы ссылкой на саму страницу.

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

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

Название раздела как ссылка — если есть название раздела, то будет ли это просто текст или ссылка для просмотра выбранного раздела в виде блога.

Название категории — рядом с названием раздела под названием материала появится еще и название категории, к которому относится материал.

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

Рейтинг — показывает систему голосования за статью, количество голосов и текущие показатели голосов под заголовком статьи.

Имя автора — показывать или нет имя автора.

Дата и время создания — показывать или нет дату и время создания статьи.

Дата и время изменения — показывать, когда редактировалась статья (если вообще редактировалась).

Значок PDF — показывать ссылку для получения текущего материала в формате PDF.

Значок Печать — показывать ссылку для печати данного материала.

Значок E-Mail -  показывать ссылку для отправки электронного письма другу об этой странице.

Ключевая ссылка — весьма туманный параметр, использовать который на практике мне так и не удалось. В справке говорится, что это параметр для привязки к справочной системе online сервера помощи Joomla.

Тип DocBook — назначение этого параметра тоже пока не ясно, тем более, даже в справке написано, что он не для использования. Скорее всего, он будет применен в следующей версии.

Продолжаю серию материалов о технологии написания и публикации материалов в Joomla (Первая статья о написании и форматировании текста). Сегодня я расскажу о хитростях вставки изображений в материал.

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

Начнем рассматривать параметры сверху вниз.

Изображения галереи — список всех изображений, которые доступны на сайте, то есть непосредственно загружены на сервер.

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

Чтобы вставить изображение из галереи в материал нужно нажать на кнопку >> между списками, чтобы удалить из материала изображения жмем <<, соответственно.

Подпапка - изображения в папке /images/stories/ на сервере можно сортировать по подпапкам, в выпадающем списке можно как раз выбрать папку для отображения списка имеющихся изображений в ней.

Под каждым из списков отображается уменьшенное изображение просматриваемой картинки, чтобы удостовериться, что выбрано именно то, что нужно.

Изменение выбранного изображения — здесь содержится еще несколько полезных параметров.

Источник — имя файла с изображением.

Выравнивание - положение изображения на странице и обтекание его текстом. Если установлено выравнивание слева, то изображение будет обтекаться справа текстом и наоборот. Если Выравнивание установлено в Нет, то рядом с ним будет отображаться только первая строчка текста, то есть появится пустое место, что обычно не нужно.

Альтернативный текст — будет отображаться у тех пользователей, у которых отключен показ изображений в браузере, иными словами, значение атрибута alt у тега img.

Рамка - рамка вокруг изображения, атрибут border тега img.

Подпись - если сюда ввести текст, то вокруг изображения появится рамочка и текст, положение которого определяется выпадающим списком Положение подписи.

Выравнивание подписи - если у изображения есть подпись, то здесь можно указать, как она будет выравнена относительно изображения.

Ширина — ширина подписи.

После редактирования изображения обязательно нужно нажать кнопку Применить внизу окна, иначе изменения не будут сохранены.

И тут мы заметили, что мы только настроили изображения, выбрали нужные, но так и не вставили их в текст материала. Чтобы это сделать, нужно установить курсор в нужное место текста и указать тег мамбота {mosimage}. Этот мамбот отвечает за вставку изображений в текст материала (мой несколько модифицированный мамбот {mosimage} для совместной работы его с LightBox). Вставку тега можно осуществить вручную, а можно нажать на кнопку Вставить изображение под редактором.

Изображения будут отображаться вместо тегов {mosimage} именно в том порядке, в котором они стоят в списке Изображения содержимого.

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

Самым часто используемым мамботом, на мой взгляд, является мамбот MOSImage. Он обеспечивает вставку изображений в материалы. Основным его неудобством является то, что изображения небоходимо предварительно обрабатывать перед вставкой их в сайт — масштабировать, кадрировать. Когда с сайтом работает один или два грамотных редактора — проблем не возникает, но чем больше персонала обслуживает сайт, тем больше приходится времени уделять на их обучение.

Очень часто на сайте требуется, чтобы все изображения были одного размера по ширине или высоте. Разумеется, очевидный способ — вручную их масштабировать, но это не очень рационально. В настоящее время широкое распространение получила библиотека jQuery, которая позволяет проще разрабатывать вставки на JavaScript. На текущий момент к ней разработано большое количество расширений, среди которых есть плагин для просмотра изображений на весь экран LightBox. Его работу можно увидеть даже в моем блоге, щелкнув на любом изображении из статьи.

Я несколько модифицировал мамбот отображения изображении, чтобы они масштабировались автоматически до нужного размера, а затем, при щелчке, показывались бы оригинальные изображения.

Для работы нам потребуется библиотека jQuery, которую можно скачать с официального сайта http://jquery.com, ну или скачать полный комплект всего, что нужно отсюда.

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

1. Папку mosimage, и файлы mosimage.php и mosimage.xml кидаем на ваш сайт в папку /mambots/system/.
2. Cодержимое папок css и jquery добавляем в ваш текущий шаблон.
3. В текущем шаблоне необходимо дописать следующие строки для подключения библиотеки jquery и плагина LightBox

fv_business_blue замените на название Вашего текущего шаблона.

Настройка размера изображения осуществляется через панель администрирования сайта в разделе Мамботы-Мамботы сайта-Изображение MOS.

За размер изображения в статье отвечает параметр Автомасштаб.