Тема оформления Straight Lines

nicothin.ru — 29.07.2010

Будучи вдохновлен отличным шаблоном для WordPress, сделал его аналог для MaxSite.

Решил не копировать дизайн и функционал полностью, поэтому, получилась тема оформления, которая похожа на оригинал, но сверстана совершенно иначе.

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

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

Верстка

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

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

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

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

Виджеты, выводящие какие?либо цифровые коэффициенты (к примеру, виджет рубрик, показывающий количество записей в рубриках) рекомендуется настраивать так, чтобы цифра коэффициента выводилась в тегах <span> с классом gray. Это даст более красивое и аккуратное оформление виджета. Пример для виджета рубрик:

Формат: [LINK][TITLE][/LINK] <span class="gray">([COUNT])</span>

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

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

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

<a href="http://nicothin.ru">
<img alt="" src="img/125x125.png">
</a>
<a href="http://nicothin.ru">
<img alt="" src="img/125x125.png">
</a>

Сайдбар достаточно широкий для размещения рекламного блока в 300?px шириной.

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

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

1. Main menu (многоуровневое выпадающее меню)
2. Main menu mod (многоуровневое выпадающее меню без проблем с браузером Opera)
3. Pagination mod (отличная пагинация)
   В настройках плагина лучше указать в качестве обоих разделителей пробелы.
4. Sitemap mod (лучшая карта сайта)

Смотрите так же страницу «Какие плагины включены» на демонстрационном сайте.

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

Тема имеет альтернативный механизм формирования главного меню (в настройках можно вернуться к стандартному механизму/меню, формируемому плагинами). Нижнее меню (под названием сайта в «подвале» страницы) так же, настраиваемо. Прописанный в теме оформления механизм не допускает группировки родитель?дитя.

В сайдбаре добавлен блок с последним сообщением из twitter?а. Адрес ленты, из которой берется сообщение – в настройках шаблона. Птичка является ссылкой на twitter.

В сайдбаре добавлен блок подписки с тремя иконками: RSS?подписка, подписка по e?mail и ссылка на twitter. Блок можно полностью отключить, или оставить только иконку RSS и e?mail/twitter.

Изменена страница «Контакты». Теперь страница куда более дружественна к пользователю: если сообщение не было отправлено, сохраняется введенный пользователем текст, выводится список ошибок заполнения. Можно задать свои темы писем, отключить поля «Телефон» и «Сайт».

Перед формой отправки сообщения можно вывести любой HTML (см. демонстрацию). Как и все вышеописанное, оный текст настраивается в административной части.

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

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

Есть настройка «Показывать для блоговых страниц дополнительный абзац под контентом», выводящая сразу после контента некий произвольный параграф. Предназначена для сообщений вроде: «Понравилась статья? Подпишитесь по RSS или по e?mail!».

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

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

Настройки

Настройки разделены на три секции: общие, дополнительные и настройки страницы «Контакт».
Каждая секция имеет свою кнопку «Сохранить».

Список общих настроек:

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

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

Дополнительные настройки:

Используемое меню
Меню шаблона
Подменю шаблона
Стандартное меню
Меню в «подвале» страницы
Показывать блок с последним сообщением из твиттера
Ссылка на RSS твиттера для блока последних сообщений
Ссылка на твиттер ля блока последних сообщений
Показывать блок подписки
Ссылка RSS подписки
Ссылка подписки по e-mail
Ссылка на Ваш твиттер
Показывать для блоговых страниц дополнительный абзац под контентом
Выводить дату записи
Выводить автора записи
Выводить рубрики записи
Разделитель для рубрик, когда у записи их несколько
Выводить метки записи
Показывать дату, рубрики и метки для статичных страниц

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

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

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

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

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

В браузере Internet Explorer 6 есть особенность верстки: подменю может занимать только одну строку, все, что не умещается в одну строку, показано не будет.

Заключение

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

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

Оставить комментарий

Популярные посты:

credobnik

Топ-5 ошибок при установке полотенцесушителя и как их избежать

fishmanual

Отличные советы от деревенского рыболова по вялению рыбы

royal_news

Венчание барона Эльверфельдта и Елены фон Кемпис

nikolian

Власти Франции считают вероятным возникновение масштабного конфликта в Европе к

pantv

Противоречивое питерское лето

home_and_garden

Кубышка, Желтая кувшинка, Желтая нимфея

pro100_mica

Фото дня

roman_rostovcev

БОЛГАРСКИЙ СЛЕД. КАК ЖУКОВА ПОДВЕЛИ ПОД МОНАСТЫРЬ

matsam

Перед стартом

• Архив