Создание материала (статьи)

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

Делается это следующим образом — Расширения -> Менеджер плагинов -> Редактор — TinyMCE, открываем и в правой колонке в самом вверху переключаем режим редактора на расширенный. После этого жмем «Сохранить и закрыть». Теперь идем в Материалы -> Менеджер материалов  -> Создать Материал. Открывается похожая нам форма добавления материала, но здесь она более расширенная.

Здесь заполняем знакомые нам поля, все тоже самое, что и при добавлении категории, ничего сложного нет. Единственное обратим внимание на переключатель «Избранные». С помощью данного переключателя мы можем пометить любой материал как избранный. Для чего это нужно? Мы можем, к примеру, отметить важные статьи данным переключателем и вывести их на главную страницу. Можем также с помощью модулей вывести на внутренних страницах только избранные материалы. Одним словом «Избранные» это просто отметка для материала и все.

Будем считать, что заголовок вы ввели, категорию выбрали теперь необходимо вставить текст и картинки. Хочу обратить ваше внимание на то, что текст как обычно копировать-вставить здесь не желательно. Т.е. текст вы копируете в буфер как обычно — ctrl+c, а вот вставлять нужно через кнопочку  на панели инструментов. Данным действием мы вставляем только текст, отбрасывая все ненужные теги. Дело в том, что копируя текст с Microsoft Word или с какого либо сайта мы вместе с текстом копируем в буфер очень много ненужных символов, которые нам абсолютно не нужны. Обязательно запомните данный момент.

Обратите внимание на кнопки, которые идут под визуальным редактором. Первая из них — Материал. Для чего она? С помощью данной кнопки мы можем вставить ссылку на любую созданную нами статью. Поставьте курсор в нужное место в статье и нажмите по кнопочке.  В списке выберите заголовок необходимой статьи.

Теперь давайте вставим изображение в статью с помощью кнопочки «Изображение». Чтобы картинка присутствовала и в анонсе статьи поставим курсор в самое начало текста, т.е. перед первой буквой и нажмем на кнопочку «Изображение». В открывшемся модальном окне нам откроется директория images нашего сайта. Здесь будут храниться все изображения нашего сайта, вернее наших материалов. Желательно распределить все изображения по папочкам. По умолчанию здесь уже созданы две папки — banners и sampledata. Папки создаются через медиаменеджер, оттуда же можно и загружать и вообще управлять медиа-материалами. Ну, усложнять не будем сейчас. Вы можете загрузить изображение пока в корень папки images, либо в одну из двух папок. В папке sampledata уже есть демо-изображения, советую воспользоваться пока ими.

Выбирая изображение у нас в поле «Адрес изображения» автоматически подставляется путь до изображения. Нам остается только заполнить поля — Описание изображения и Заголовок изображения. Эти поля являются не обязательными, но заполнять их все же советую. Выравниваем изображение — влево или вправо и после всего жмем по кнопке «Вставить».

Начиная с версии joomla 2.5 появилась возможность задать общую картинку материалу, как для анонса, так и для полного описания. Конечно задать картинку к статье мы можем и выше приведенным методом, но все же данный метод будет правильнее. Чтобы задать картинку ищем в правой колонке вкладку «Изображения и ссылки». Здесь вы можете задать картинку анонсу материала и полному описанию.

Чтобы загрузить или выбрать загруженное изображение, нажмите на кнопку «Выбрать», ну а далее откроется вам знакомое окошко в модальном окне. Следите, чтобы размеры изображения были не слишком большими. Для тизера (краткое описание) добавьте изображение поменьше, а для полного описания можно побольше. Можете также выбрать обтекание текста — слева или справа, либо по центру (но это зависит от шаблона, т.е. данные стили должны быть заложены в шаблоне).

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

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

Двигаемся далее и теперь давайте отделим основной текст от анонса. Для этого вставим курсор в конец первого абзаца и нажмем по кнопочке «Подробнее». Сразу после абзаца вставится красная разделительная черта. Она как раз и будет отделять анонс от полного содержания.

Кнопочка «Выключить редактор» — данной кнопочкой можно выключить визуальный редактор, если по каким либо причинам он вам мешает.

И последнее, что нам понадобиться заполнить это поля метаданных Description и Keywords. Хотя, говорят, что данные поля для ранжирования сайтов в поисковой выдаче уже не так работают как раньше, но все же лучше их заполнить. В правой части окна добавления материала находим последнюю вкладочку «Метаданные». Обычно в поле «Мета-тег Description» я вставляю несколько предложений из первого абзаца с вхождением ключевого запроса. В поле «Мета-тег Keywords» вставляем ключевые слова, характеризующую статью. От 5 до 10 слов будет думаю достаточно. Не забываем про ключевые запросы.

Помимо вкладки «Метаданные» я думаю вы уже заметили, что есть еще и другие вкладки с настройками, но о них мы поговорим в другой статье, т.к. статья итак получилась довольно объемной. Ну вот, после всех проделанных действий жмем по одной из трех кнопочек: Сохранить, Сохранить и закрыть и Сохранить и создать.

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