Редактирование материалов в Joomla с помощью редактора JCE

Новый материал в Joomla 1.5По умолчанию, Joomla даёт возможность управления содержанием материалов посредством редактора TinyMCE, однако репозиторий Joomla содержит несколько редакторов, которые могут устанавливаться в виде дополнений. Наиболее популярным (и весьма продвинутым) является WYSIWYG редактор JCE, возможности которого мы и рассмотрим, в силу присутствия в нём ряда функций, превращающих процесс создания контента Вашего сайта в удовольствие.

Аббревиатура WYSIWYG (произносится [wɪziwɪɡ]) происходит от английского выражения What You See Is What You Get (Что видишь, то и получаешь)...

Аббревиатура WYSIWYG (произносится [wɪziwɪɡ]) происходит от английского выражения What You See Is What You Get (Что видишь, то и получаешь). Возможность визуального редактирования позволяет править содержимое без знания языка разметки (X)HTML. WYSIWYG-редакторы предоставляют широчайшие возможности форматирования содержания, что далеко не всегда безусловное благо для сайта... Однако, давайте поподробнее...

По умолчанию, Joomla даёт возможность управления содержанием материалов посредством редактора TinyMCE, однако репозиторий Joomla содержит несколько редакторов, которые могут устанавливаться в виде дополнений. Наиболее популярным (и весьма продвинутым) является WYSIWYG редактор JCE, возможности которого мы и рассмотрим, в силу присутствия в нём ряда функций, превращающих процесс создания контента Вашего сайта в удовольствие.

Что же это за функции?

  1. Расширенное управление вставкой изображений в материал с помощью плагина mavik Thumbnails, который создает иконки, ставит ссылки для открытия всплывающих окон с оригинальным изображением, и ссылки на полный текст статей.
  2. Гибкое управление созданием ссылок на материалы сайта.

Однако, об этом несколько позже, а пока ознакомимся с интерфейсом редактора.

Если Вы уже использовали на своём сатй редактор TinyMCE, то его панель инструментов Вам прекрасно знакома:

Панель инструментов TinyMCE

Впрочем, даже для неискушённых пользователей всё достаточно понятно - визуальные ассоциации с MS Word едва ли оставляют сомнения в значениях пиктограмм.

А вот так выглядит панель инструментов редактора JCE в максимально развёрнутой компдектации:

Панель инструментов редактора JCE

Нет никаких сомнений в преимуществах JCE, с точки зрения разнообразия функционала.

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

Настоятельно не рекомендую баловаться с цветами и размерами шрифтов и фонов.
Предостерегаю от злоупотребления заголовками и их форматами (про Заголовок 1 [Heading 1] вообще советую забыть. Скорее всего разработчики или оптимизаторы уже предусмотрели его наличие в авторежиме на уровне кода шаблона) - рискуете обезобразить страницу, а что ещё хуже - попасть в немилость к всемогущим поисковым системам.

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

Итак...

1. В верхнем выпадающем меню административной панели Вашего сайта выбираем Менеджер материалов (Article Manager).

Административная панель Joomla 1.5

... и оказываемся на странице с полным списком материалов, размещённых на сайте.

2. В том случае, если материалов много, имеет смысл отфильторвать их по Разделу (Section) и (или) Категории (Category):

Менеджер материалов в Joomla 1.5

3. Чтобы добавить новый материал (статью), на странице Менеджер материалов (Article Manager) нужно щелкнуть по кнопке Создать (New), в результате будет открыта страница Материал: [создать] (Article: [ New ]):

Создать материал в Joomla 1.5

4. Заполните поле Заголовок (Title).

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

5. Заполните поле Псевдоним (Alias).

ВНИМАНИЕ!!! Именно то, что Вы сейчас напишите и будет являться адресом Вашей страницы в Интернет, если в настройках сайта включена функция SEO (Search Engine Optimization). Т.е. если Вы напишите hm, то адресом страницы (URL) после последнего слеша (косая черта) будет /hm или /hm.html, если включена функция "Добавить суффикс".

Однако, здесь возможны варианты:

  • Если разработчик установил дополнительное расширение для автоматической транслитерации yvTransliterate (плагин транслитерирует псевдонимы статей и других элементов Джумлы, что используется при поисковой оптимизации для автоматического создания ссылок, "дружественных" для поисковых движков (Search engine friendly, SEF). Т.е. если Вы оставите поле пустым, то при сохранении материала под названием "H&M открыла первый магазин в Санкт-Петербурге", ему будет присвоен псевдоним (а занчит и элемент URL) "ham-otkryla-pervyj-magazin-v-sankt-peterburge".
    Стандарты транслитерации иногда могут не совсем корректо (или не очень красиво) перевести Ваш заголовок в латиницу, как в нашем конкретном примере (H&M в ham). Да и слишком длинные элементы адреса (URL) не добавят эстетики в адресную строку браузера... не говоря уж о капризах поисковых систем, предпочитающих лаконичность.
  • Посему, если Ваш сайт не является мегановостным гиперпорталом с ежедневной публикайией десятков-сотен-тысяч материалов - присваивайте псевдонимы самостоятельно.
    Наш заголовок я бы превратил в псевдоним следующим образом: "pervyj-magazin-hm-spb", или "first-store-hm-spb", или что-то в этом роде.
    Учтите, что пробелы будут автоматически превращены в дефис, а любые другие НЕбуквенные знаки будут попросту проигнорированны.

Если щелкнуть по кнопке Сохранить (Save), статья будет сохранена и страница закроется, вернув вас обратно на страницу Менеджер материалов (Article Manager).

Кнопка Apply (Применить) сохраняет статью, но оставляет страницу редактора статьи открытой.

6. Проследите, чтобы было отмечено "Да" в поле "Опубликовано" (включено по умолчанию).

7. Если желаете, чтобы материал был опубликован на главной странице сайта, отметьте "Да" в поле "На главной".

8. Необходимо выбрать раздел и категорию, в которой материал будет опубликован.

9. Теперь в рабочем поле редактора наберите текст и отформатируйте его.

Учтите, что копи-паст из документов MS Word может (практически 100%) привести к нежелательному внедрению лишних тегов форматирования в публикуемый материал
Рекомедую не делать этого.
Лучше всего использовать простые текстовые редакторы типа "Блокнот" в качестве "посредника" - копируйте текст в MS Word (Ctrl+C); вставляйте его в "Блокнот" (Ctrl+V); тут же выделяйте всё вставленное (Ctrl+A); снова копируйте (Ctrl+C) и теперь уже вставляйте в рабочее поле редактора (Ctrl+V).
Поверьте - усилий не так уж и много (пара секунд), а проблем с "кривым" отображением материала на сайте точно не будет.

10. Советую обратить внимание на пиктограмму "article.readmore":

article readmore

С её помощью Вы можете разделить весь текст таким образом, что на Главной странице (или странице новостей) будет видна лишь часть материала (анонс), а остальное окажется доступным после клика на Заголовок либо по ссылке "Читать дальше" - в зависимости от общих настроек сайта и шаблона.

11. Обратите внимание на свойства материала справа от редактора - можете ничего не трогать. Значения определятся автоматически.:
"Параметры - Статьи" - можете изменить дату публикации и создания; можете установить срок истечения публикации; можете назваться Лермонтовым, если Вам так будет угодно ;)...
"Параметры - Расширенные" - рекомендую обратить внимание на строку "Вступительный текст". Очень удобно, когда в анонсе должен быть размещён произвольный текст, а не априори первый абзац. Просто выбирите "Скрыть" и при полном просмотре материала всё, что Вы написали до линии раздела будет скрыто, зато в анонсе будет именно то, что нужно.
"Мета-данные" рекомендую заполнять самостоятельно. В противном случае, система подставит общие для всего сайта значения.

12. Щелкните по кнопке Сохранить (Save) и посмотрите на полученный результат со стороны внешнего интерфейса.

ВНИМАНИЕ!!!

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

...если Вы предварительно не нажали кнопку Сохранить (Save) или Отмена (Close), так как подобные действия приведут к блокировке создаваемого (редактируемого) материала!

Это не смертельно, разумеется - блокировки снимаются. Материал никуда не исчезнет с сайта, но окажется недоступным для Ваших пользователей.
Происходит это по простой причине - Вы работаете с материалом РАСПОЛОЖЕННЫМ НА УДАЛЁННОМ СЕРВЕРЕ в режиме on-line, а не на своём локальном компьютере. Когда Вы закрываете браузер или возвращаетесь к предыдущей просмотренной странице, Вы разрываете связь с сервером на полуслове, оставляя его в недоумении - что же делать с Вашей недообработанной публикацией.

Оцените материал
(0 голосов)
Прочитано 12870 раз

Добавить комментарий


Защитный код
Обновить