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

Есть для WordPress хорошая тема оформления – BlueMania. Решил портировать ее для MaxSite.

В процессе препарирования выяснились некоторые недостатки верстки и оформления текста, поэтому стили пришлось писать почти с нуля.

На моем демонстрационном сайте выглядит это так:

Верстка

Стандарт: HTML 4.01 Transitional.
Тип верстки: блочная, двухколоночная.
Валидность: HTML валиден, CSS не валиден.
Адаптация к разрешению экрана: 1024* и более.
Кроссбраузерность: Firefox 3+, Chrome 4+, Safari 4+, Opera 9.6+, Internet Explorer 6+ (в версиях до 8+ есть незначительные отклонения внешнего вида).

Верстка серьезно изменена, от оригинала осталась очень малая часть.

Изменение верстки относительно дефолтного шаблона

Все изменения сделаны с использованием type_foreach‑файлов (за исключением contact.php и sitemap.php).

Адаптация верстки для виджетов

Адаптировано для:

• текстовых виджетов
• списка рубрик
• облака меток
• ссылок
• RSS‑виджета
• формы логина
• календаря
• списка авторов сайта
• цитат
• облака рубрик
• виджета событий
• виджета «избранное»
• последних записей
• последних комментариев
• виджета случайных статей
• списка активных комментаторов
• 3D облака меток

Несовместимости с прочими виджетами замечено не было. (См. сайдбар в демонтрации)

Рекламные виджеты

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

Активируйте плагин текстовых виджетов, добавьте в «Сайдбар для рекламы» текстовой виджет с именем adv (text_block_widget adv), укажите текст виджета по аналогии с:

<a href="http://nicothin.ru">
<img alt="" src="http://nicothin.ru/demo_templates/application/maxsite/templates/BlueMania_nicothin/img/125x125.png">
</a>
<a href="http://nicothin.ru">
<img alt="" src="http://nicothin.ru/demo_templates/application/maxsite/templates/BlueMania_nicothin/img/125x125.png">
</a>

Адаптация верстки для плагинов

Добавлены стили оформления для следующих плагинов:

1. Mainmenu (многоуровневое выпадающее меню)
2. Pagination mod (отличная пагинация)
   Внимание! В настройках плагина нужно указать в качестве обоих разделителей пробелы, иначе верстка «съедет».
3. Sitemap mod (лучшая карта сайта)

Программирование

Изменена страница «Контакты» (настраивается в административной части), добавлены страницы «Все рубрики» (использует настройки виджета category_widget_0, если он есть) и «Все метки».

Настраивается отображение информации о записи (вывод автора, рубрик, меток).

Используемые «Ушки» (плагин, выводящий в нужном месте шаблона произвольный текстовой/PHP контент):

1. top_adv – для рекламы рядом с названием сайта
2. footer_counters – для счетчиков или рекламы в «подвале» страниц
3. google_analytics – для вставки кода Google analytics

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

Настройки

Настройки разделены на две секции. Список общих настроек:

Текст для «Далее»
Главное меню
Количество записей на главной
Количество записей на остальных
Количество записей в RSS
Полные записи в RSS
Количество комментариев
Номера записей для главной
Количество записей для «карусели»
Текст для блока RSS в сайдбаре (блок показывается при отсутствии карусели)
Глобальное кэширование
Номера рубрик для главной
Номер top-записи для главной
Текст для главной перед всеми записями
Блок ссылок на другие записи этой рубрики
Количество ссылок на другие записи этой рубрики
Критерий сортировки для ссылок на другие записи этой рубрики
Порядок сортировки для ссылок на другие записи этой рубрики
Выводить дату записи
Выводить автора записи
Выводить рубрики записи
Разделитель для рубрик, когда у записи их несколько
Выводить метки записи
Показывать дату, автора и пр. из отмеченного выше для статичных страниц
Подсчет количества просмотров
404 http-заголовок

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

Настройки для страницы «Контакт»:

Текст перед формой
Показывать в форме пункт «Телефон»
Показывать в форме пункт «Сайт»
Темы писем

Замеченные проблемы

Стили темы оформления написаны для верстки без таблиц. Если хотите использовать таблицы для нетабличных данных, добавляйте к тегу таблицы класс «notable» (это уберет бордюр и внутренние отступы ячеек).

Плагин paginatiom_mod должен быть настроен после включения (в его опциях есть два пункта, определяющие разделители — оба разделителя должны быть пробелами).

По умолчанию, в верхней части и в «подвале» название сайта выводится с трансформацией текста в прописные буквы (такова стилистика). Чтобы выводить название так, как оно введено в настройках сайта, отредактируйте стилевой файл (\templates\BlueMania_nicothin\style.css):

1. Найдите правила для #logo h1 (около 130 строки) и уберите правило text-transform:uppercase (лучше сразу поправить правило letter-spacing:-6px, задав вместо -6px цифру поменьше, скажем — -3px)
2. Найдите правила для #footer .bigname (около 242 строки) и уберите правило text-transform:uppercase

Заключение

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

Есть критика или нашли ошибку? Опишите в комментарии к этой записи.

19 июля 2010
Категория: Web–разработка
Метки: MaxSite CMS, тема оформления
Комментировать ↓