Тема оформления админки MaxSite CMS

В обзоре MaxSite CMS я упомянул ряд несущественных недостатков этого движка, однако умолчал о том, что мне жутко не нравится вид административной части этой CMS. По расположению элементов – все прекрасно, но чисто эстетически – не очень. Кроме того, недоставало мелочей, вроде автодополнения при введении тегов записи.

MaxSite CMS поддерживает темы оформления админки, однако их выбор более чем скромный. Приглянулась только тема от dimox, однако цвета, контраст, аляповатая «кнопка» с названием сайта… Решил решил написать собственную тему.

Особенности

• Сверстано для FireFox (в Safari и Opera отображается с небольшими проблемами, в IE не тестировалась)
• Автодополнение тегов при создании записи
• Возможность свернуть неиспользуемые блоки при создании записи (состояние блока запоминается)
• Эстетичный и лаконичный вид
• Не используются изображения
• Тема делалась «для себя», до использования в коммерческих проектах ей далеко

Внешний вид

Вкладки на странице настроек:

Использованные дополнения

Верстка потребовала подключить два плагина для jQuery: jquery.autocomplete и jquery.cookie (суммарно — 14 Кб). Первый плагин пришлось немного отредактировать, ибо при установке запятой в качестве разделителя автодополняемых слов, он реагирует на нажатие кнопки «,» на клавиатуре, а в кириллической раскладке латинскому символу запятой соответствует буква «б». Получалось, что по нажатию кнопки «б» происходило автодополнение и ввести какое-либо слово с этой буквой не представлялось возможным.

Демонстрация

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

Планы развития

Планирую постепенную адаптацию темы для других браузеров. В идеале, будет адекватно работать даже в IE7+.

• корректный вид в FireFox, Internet Explorer, Opera и Safari
• на странице «Список» — выделение заголовков записей и активных фильтров
• добавление на страницу комментариев «кнопки» «выделить все/снять выделение», там же — подсветка одобренных комментариев
• дублировать кнопку «сохранить изменения» на странице «сайдбары и виджеты»
• дублировать кнопку «сохранить изменения» на странице настроек виджетов
• не подключать ui.draggable.packed.js (-9 кб)
• не подключать jquery/cornerz.js (-5 кб)
• на страницу загрузки файлов для каждого загруженного файла сделать кнопку «удалить»

Установка и использование

Тему можно свободно использовать и модифицировать.

Установка элементарна: нужно распаковать архив в каталог application/maxsite/admin/template/ Вашего сайта, после чего в «Основных настройках» выбрать тему оформления «nicothin».

10 декабря 2009
Категория: Web–разработка
Метки: MaxSite CMS
Комментировать ↓