![Будьте Проще, И Редакторы Контента Придут К Вам. ;-) [Оптимизация И Упрощение Работы Редактора Контента]](/assets/images/logos/logo-white.webp "Будьте Проще, И Редакторы Контента Придут К Вам. ;-) [Оптимизация И Упрощение Работы Редактора Контента]"){kind=logo}
Оригинал публикации доступен по ссылке http://www.vladsun.com/cms/detail.phpЭID=567 Одним из важных этапов разработки веб-сайта является анализ и уточнение того, как с ним должны работать конечные пользователи.
Выложить шаблон, разработать и интегрировать в него программные модули, распределить права доступа и запустить сайт – это только полдела, и притом последнее.
Сайт должен быть спроектирован и организован так, чтобы конечным пользователям было максимально удобно им пользоваться.
Если кратко, то это называется Юзабилити (по-русски — простота использования и эксплуатации (УИР)).
Сейчас мы поговорим об одном из аспектов оптимизации сайта – упрощении и ускорении работы редактора контента сайта.
Если сайт только разрабатывается, то уже на этапе проектирования сайта необходимо разделить используемые стили на 2 группы: 1. Стили, используемые в дизайне сайта.
Сюда входит оформление текста и заголовков страниц, стили рисования, параметры отступов и позиционирования.
Эти элементы постоянны и редко изменяются (за исключением случаев полного редизайна).
Редактор контента очень редко работает с такими элементами.
Здесь можно дать полный простор творческой фантазии дизайнера.
2. Стили, используемые для материалов.
Заголовок, анонс, полный текст новости, аннотации, заметки, выделение текста и т. д. То есть то, с чем постоянно работает редактор контента.
Здесь ко всем дизайнерским изыскам нужно относиться очень критично: использовать стандартные шрифты, отказаться от спецэффектов, которые работают не во всех браузерах и т. д. Но даже если сайт уже существует, вы можете отсортировать существующие стили.
Для первой группы указаны уникальные имена стилей и, как правило, они недоступны для использования редактором контента.
Для второй группы переопределены стили html-тегов (абзац, список и т.п.
).
Если используются не все HTML-теги заголовков (h2, h3, h4), то их можно использовать для выделения тезисов, заметок и т. д. Вы также можете создавать новые классы, но их должно быть как можно меньше и только тогда, когда вы без них не обойтись.
Например, для одних и тех же рефератов, заметок и т.п.
Также в первой группе не должно быть переопределенных html-тегов, все классы должны иметь уникальные имена, иначе стили первой группы могут «расползаться», если для html-тегов Вторая группа параметров оформления стилей изменится.
Пример файла стиля CSS, разделенного на 2 группы: — /* Стили, использованные в дизайне */ .
Заголовок { отступ слева: 20 пикселей; отступ справа: 20 пикселей; } ………………….
.
меню { поле слева: 30 пикселей; маржа сверху: 30 пикселей; } /* Обратите внимание, что все классы здесь имеют свои уникальные имена.
HTML-теги в этом разделе не переопределяются.
*/ /* Стили для редактора контента */ п { семейство шрифтов: Verdana, Arial, Helvetica; размер шрифта: большой; } ………………….
ол { начертание шрифта: жирный; цвет: #CCFF00; } ………………….
.
внимание { цвет: #FF0000; начертание шрифта: жирный; } /* Обратите внимание, что здесь переопределяются html-теги.
*/ — Далее в качестве примера мы используем CMS-систему Битрикс.
Ниже приведены основные html-теги, используемые по умолчанию в визуальном редакторе: 1. h1, h2 и т. д. – для заголовка; 2. п, и, стронг, у – для абзацев объявления и полного текста и выделения текста в них; 3. а – для ссылок; 4. ол, ул, ли – нумерованные и ненумерованные списки; 5. table, tr, td – при использовании таблиц; 6. И т.д. Сначала переопределяем стили этих html-тегов в соответствии с дизайном сайта.
Также в выпадающий список стилей визуального редактора подключаем (при условии, что вы прошли базовые курсы обучения работе с 1С-Битрикс) новые стили группы 2 для заметок, рефератов и прочего.
Итог: работа редактора контента значительно упрощается.
Все, что ему нужно сделать, это вставить текст из буфера обмена, очистив его от «Словового мусора», или набрать его с нуля.
Далее пролистывайте текст, заново вводите списки и ссылки тут и там, выделяйте заметки или тезисы с помощью подключенных стилей.
Форматирование будет применено автоматически.
При таком подходе мы получаем относительно «чистый» контент, который содержит стандартные HTML-теги, минимально «загроможден» дополнительными стилями и практически всегда может быть интегрирован в новый дизайн или перенесен на другой CMS-движок без «чистки».
По аналогии все вышесказанное можно применить и к другим CMS-системам.
Вам просто нужно проверить, какие html-теги там используются в существующем визуальном редакторе, переопределить их в файле стилей CSS CMS и уточнить, как в него можно включить дополнительные стили для редактора контента.
Предложения и комментарии приветствуются.
ICQ: 778818 Электронная почта: [email protected] URL-адрес: http://www.vladsun.com/cms/ Владимир.
Теги: #Теги: Оптимизация #редактор контента #методом проб и ошибок #1С-Битрикс #Чулан
-
Обзор Ноутбука Sony Vaio Vgn Cs31St/R
19 Oct, 24 -
Выбор Бесплатных Инструментов Veeam
19 Oct, 24 -
Секс-Блогеры Раскрывают Чужие Тайны
19 Oct, 24 -
Firefox: Устаревшие Вкладки
19 Oct, 24 -
Роль Платежного Сервиса В Онлайн-Транзакциях
19 Oct, 24 -
Еще Один Скрипт Генерации Иконок Для Android
19 Oct, 24
