Продолжаем знакомится со всеми аспектами написания статей с использованием 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.

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

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

Для начала, нужно войти в админку, она обычно находится по адресу http://ваш_сайт/administrator/, как всегда Вас попросят ввести логин и пароль. Итак, после входа мы увидим иконки быстрого управления сайтом (количество иконок может различаться от уровня привилегий):

Самый простой способ создания материала является щелчок по кноке Добавить новость/статью. После окончания загрузки Вы увидите редактор. Редактор полностью изображен на следующем рисунке:

Начнем рассматривать функциональные блоки редактора сверху вниз. Первый блок — Детали объекта.

Как видим, полей здесь не много, рассмотрим каждое:

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

Псевдоним заголовка — используется некоторыми компонентами. Чаще всего это SEO-компоненты, которые призваны генерировать человек-понятные URL (ЧПУ), в случае, если указан этот псевдоним на английском, то вместо транслитерации заголовка будет использовано это значение.

Раздел и Категория — выбираем. в какую категорию будет добавлен материал.

Смотрим дальше сверху вниз. Далее идут два окна редактора. Первое называется Вводный текст, второе — Основной текст. В чем же разница?

При просмотре сайта в режиме блога отображается только вводный текст со ссылкой далее, например, несколько материалов на одной странице.

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

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

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

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

Справа от редактора есть еще довольно большое окно для настройки параметров публикуемой статьи. Рассмотрим основную, но не единственную закладку Публикация:

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

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

Уровень доступа — кто сможет видеть опубликованный материал.

Общий — все пользователи сайта.

Участники - только для зарегистрированные пользователи.

Специальный — только администраторы.

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

Порядок — после какой статьи в категории будет опубликована редактируемая. Если указать first, то статья будет первой, если last, то последней.

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

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

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

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

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

При создании баннра есть поле с названием пользовательский код баннера:

Если туда вставить некоторый код, то он будет показыватся вместо баннеров. Туда можно вставить код для показа флеш баннера, например, такой:

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="468" height="120" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="images/banners/banner.swf" /><embed type="application/x-shockwave-flash" width="468" height="120" src="images/banners/banner.swf"></embed></object>

Остается только одна проблема: ссылку для перехода при щелчке по баннеру нужно вставлять непосредственно во флеш-ролик.