Типичная статья

Joomru 14. сентября 2011 - 9:38
Благодарим за вклад: 
Alexey Baskinov
Благодарим за вклад: 
Joomru

Публикация статьи на сайте предполагает следующее:

  • текст с одним или несколькими изображениями;
  • анонс для публикации на странице рубрики и ссылка «Читать полностью», ведущая на полную версию статьи;
  • публикация статьи на главной странице без ссылки из меню.

Неплохо было бы также:

  • задать дату начала публикации;
  • вывести на страницу статьи ссылку на версию для печати;
  • вывести на страницу статьи ссылку на диалоговое окно отправки URL статьи по электронной почты.

Приступим

Созданная Вами статья должна появиться на главной странице. Если Вы удалили, изменили или же просто не устанавливали демонстрационные данные, то главная страница Вашего сайта должна выглядеть подобно той, что изображена на рис. 1. То, что она так выглядит, кончено неплохо, если Вы собираетесь ее наполнить. :-)

Пустой сайт

Рис. 1. Пустой сайт.

Среди пиктограмм на главной странице раздела администрирования Вы обнаружите предназначенную для создания статьи. Создать статью можно, кликнув по ней или же выбрав соответствующий пункт в текстовой версии меню: «Статьи» → «Статьи» → «Создание статьи» (рис. 2).

Раздел администрирования

Рис. 2. Раздел администрирования.

Интерфейс создания статьи

Перед Вами интерфейс, при помощи которого скорее всего будут создаваться все статьи для Вашего сайта. Это очень важная страница. Со структурой интерфейса можно ознакомиться по рис. 3.

Интерфейс для авторов

Рис. 3. Интерфейс для авторов.

Для создания статьи необходимо как минимум: ввести заголовок, выбрать категорию и ввести основной текст. Если Вы будете внимательно изучать интерфейс, то обратите внимания на тултипы, которые появляются, когда Вы наводите курсор на подписи к полям. Области интерфейса, на которые надо обратить внимание, я отметил цифрами (рис. 3).

Заголовок (метка № 1)

Самая важная часть — это название статьи. Содержание этого поля появится на стороне пользователя в качестве заголовка, текст которого в коде страницы будет заключен в тег h1, а также в строке заголовка браузера. При желании, функцию вывода названия в строку заголовка браузера можно отключить. Название берется за основу при генерации псевдонима (его поле находится ниже), который вставляется в адрес страницы со статьей для того, чтобы сделать его (адрес) понятнее и упростить передачу другим пользователям. Псевдоним создается автоматически во время сохранения статьи и может быть впоследствии изменен. Например, фрагмент first-article в адресе http://example.com/first-article, открывающем страницу статьи, задавался бы содержимым поля «Псевдоним». Прим. перев.: http://example.com/ является доменом для примеров.

Категория (метка № 2)

Система категорий материалов нужна для классификации статей. Каждый материал должен быть отнесен к той или иной категории. Если Вы не хотите явно классифицировать статью, выбирайте категорию «Без категории». Она подходит для статичных материалов вроде правовых положений или справочной информации о владельцах сайта. В блоке полей, в котором находится список категорий, можно выбрать статус статьи («опубликована» или «скрыта»), перейти к интерфейсу определения пользовательских полномочий, определить языковую принадлежность, а также принадлежность к перечню избранных материалов. Идентификатор статьи (ID) в виде номера создается автоматически после сохранения.

Текст (метка № 3)

В это поле Вы можете вписать текст Вашей статьи, который должен представлять ценность для посетителей сайта. На первый взгляд легко, не так ли? :-)

С технической точки зрения Вы имеете дело с WYSIWYG-редактором [прим. перев.: перевод расшифровки аббревиатуры с английского: что видишь, то и имеешь]. Задача редактора — превращение Вашей стати в сочетание текста и HTML — кода, используемого для написания веб-страниц. По умолчанию, для создания статей в Joomla! используется редактор TinyMCE. TinyMCE — это независимый программный продукт с открытым исходным кодом, имеющий настолько широкий функционал, что о нем можно написать отдельную книгу. (Возможно, неплохая идея.)

По сути, TinyMCE похож на любой другой текстовый редактор: вводится текст, выделяется фрагмент и кликом по пиктограмме на панели инструментов к нему применяется форматирование или открывается диалоговое окно.

Под полем ввода текста есть кнопки. Они выглядят необычно и могут сбивать с толку. Это кнопки самой системы и к TinyMCE они имеют косвенное отношение. По умолчанию в интерфейсе редактирования Joomla! — пять таких очень полезных дополнительных кнопок.

  • кнопка «Статья» позволяет вставить в текст ссылку на другую статью, опубликованную на сайте;
  • кнопка «Изображение» позволяет загружать на сайт и вставлять в статью изображения, либо вставлять в статью изображения, загруженные ранее;
  • кнопка «Разрыв страницы» позволяет разбивать длинные статьи на фрагменты, каждый из которых будет выводиться на отдельной странице [с оглавлением, содержащим ссылки на другие фрагменты — прим. перев.];
  • кнопка «Читать полностью» вставляет ссылку «Читать полностью» [а также отделяет ту часть статьи, которая будет выступать в качестве анонса — прим. перев.];
  • кнопка «Выключить редактор» позволяет отключить режим WYSIWYG и работать непосредственно с текстом и кодом HTML.

Набор кнопок можно увеличивать, устанавливая расширения.

Опции (метка № 4)

То, что в Joomla! 1.5 называлось «Параметрами» в версии 1.6 называется «Опциями». Пример: «Опции публикации». В этом наборе полей можно выбрать пользователя, который будет выступать в качестве автора статьи (поле «Автор»). Автор может впоследствии редактировать статью, а также несет за нее ответственность. Имя, под которым будет выступать ответственный за материал на стороне посетителей, задается при помощи поля «Псевдоним автора». Три поля, находящиеся ниже, позволяют задавать дату создания материала и планировать публикацию. Просто введите нужные даты и Joomla! обо всем позаботится.

Дополнительные опции (метка № 5)

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

Пользовательские полномочия (метка № 6)

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

Простая статья

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

Текст с изображениями

Наберите текст.

Существует множество вариантов вставки изображений.

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

В случае, если изображение уже доступно через менеджер мультимедиа, кликните по кнопке «Изображение» под редактором и вставьте его в текст (рис. 4).

Второй вариант загрузки изображений и настройки их вывода

Рис. 4. Вставка изображения при помощи интерфейса менеджера мультимедиа.

В случае, если изображения находятся на жестком диске Вашего компьютера, вставка изображения усложняется. Как и ранее, Вам придется использовать диалоговое окно, вызываемое кликом по кнопке «Изображение» под текстовым полем редактора. Напомню, Joomla! не изменяет размер изображений. Если Вы загрузите изображение с цифрового фотоаппарата, то на сайте оно появится в полном размере — более 3000 пикселей шириной. Перед загрузкой обязательно измените размер изображения.

Если все пройдет удачно — мои Вам поздравления!

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

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

Анонс для страницы рубрики со ссылкой на полную версию статьи

Это просто. Поместите курсор в ту часть текста, после которой хотите увидеть ссылку «Читать полностью», и кликните по кнопке «Читать полностью» под текстовым полем редактора.

Вывод статьи на главную страницу без создания пункта меню

В выпадающем списке в поле «Избранное» [«Featured»] выберите да.

Отложенная публикация

Для начала воздержимся от отложенной публикации, то есть не будем задавать дату ее начала. Если в дальнейшем Вы захотите опробовать эту функцию с другой статьей, заполните поля «Начало публикации» и «Окончание публикации». Это можно сделать как набором даты в определенном формате, так и выбором ее в диалоговом окне календаря, вызываемом кликом по пиктограмме с соответствующим изображением.

Версия для печати

Если Вы не знаете, где производятся общие настройки сайта, загляните в главу «Настройка CMS». Там можно проверить текущие настройки. В дополнительных параметрах статьи [прим. перев.: панель настройки слева], в выпадающем списке поля «Значок Печать» выберите показать.

Окно отправки ссылки на статью по электронной почте

В указанной в предыдущем абзаце панели, в поле «Значок e-mail» также выберите показать.

Результат

После сохранения обновите главную страницу сайта и там появится Ваша статья (рис. 5).

Статья на главной странице

Рис. 5. Статья на главной странице сайта.

5 комментариев

Спасибо за материал.Все

Автор Guest, дата создания 16. января 2012 - 14:35.
Спасибо за материал.Все понятно.Но так как я новичок, то у меня возник вопрос:изображения вводить после обработки его в фотошопе?А текст вводить как и в Joomla 1.5, после редактирования его в блокноте? Заранее благодарен за ответ. Валерий

Спасибо за интерес к книге.

Автор Joomru, дата создания 16. января 2012 - 16:06.

Спасибо за интерес к книге. Отвечаем на ваши вопросы. Изображения можно публиковать как без редакции, так обработанными в удобном вам редакторе. Если вы публикуете необработанные изображения или изображения из веб, то следует убедиться, что у них не большой размер. Дело в том, что в исходной комплектации Joomla! 1.7 нет функции подгонки размеров изображений. Это значит, что большие изображения могут исказить страницу, на которой выводятся. Текст можно редактировать предварительно, а можно и на самой странице создания/редакции статьи — в исходной комплектации Joomla! есть довольно удобный редактор: TinyMCE.

Здравствуйте! Спасибо за

Автор Guest, дата создания 9. марта 2012 - 9:58.

Здравствуйте!
Спасибо за мануал.
Есть проблемка. Никак не могу разобраться, можно ли разместить материал, не создавая пункта меню для него. Например, чтоб он был доступен по внутренней ссылке? И если да, увидит ли его компонент Xmap, и не будет ли такой вариант размещения, хуже для SEO, нежели привязка к определённому пункту меню.
Спасибо.

Здравствуйте. Насколько

Автор Guest, дата создания 9. марта 2012 - 13:05.

Здравствуйте. Насколько я понимаю, «Xmap» выводит ссылки только на те статьи, для которых созданы пункты меню. Поэтому решением, наверное, будет создать меню, в нем ссылку на статью, создать модуль для этого меню, на стороне посетителей скопировать адрес статьи, а затем снять модуль с публикации. Если бы не «Xmap» можно было бы обойтись и без меню, но насколько я знаю, такой вариант был бы не лучшим для SEO, потому что ссылка была бы не SEF.

Спасибо! Всё получилось.

Автор Guest, дата создания 11. марта 2012 - 11:51.

Спасибо!
Всё получилось.

Комментировать

  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Разрешённые HTML-теги: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <img> <br><pre>
  • Строки и параграфы переносятся автоматически.

Подробнее о форматировании текста