MaxSite.org 11 лет
Блог вебмастера о сайтостроении

Создание шаблонов

Адаптация старых шаблонов к MaxSite CMS 0.9x

MaxSite CMS / Создание шаблоновПросмотров: 6360 (266)

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

В целом задача довольно простая. Вместе с тем, я особо отмечу, что старые шаблоны останутся в своей функциональности — если на уровне шаблона не предусмотрена поддержка новых возможностей системы, то её и не будет.

Перед началом переделки вам нужно сделать несколько вещей. В первую очередь сохраните все файлы текущей (старой) версии MaxSite CMS. Чем выше у вас версия системы, тем лучше. У нас было несколько «поворотных» версий, в которых менялись важные файлы. Версии по 0.79, версии 0.80 .. 0.83 и версии 0.84 .. 0.86. В зависимости от вашей версии, будут выдаваться разные ошибки при переделке. Но это не важно, поскольку я научу как их все отлавливать и исправлять.

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

Читать дальше...

Пример создания шаблона по принципу D3 (продолжение 2)

MaxSite CMS / Создание шаблоновПросмотров: 11450 (260)

Типографика

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

[text-demo]
[text-normalize]

При просмотре этой записи автоматически будет выведена вся используемая типографика. Это и заголовки H1-H6, и ссылки, и списки, и т.п. Второй код отвечает за вывод типового варианта normalize.html, где используются только «голые» html-тэги.

Читать дальше...

Пример создания шаблона по принципу D3 (продолжение)

MaxSite CMS / Создание шаблоновПросмотров: 8782 (197)

Основные стили модульной сетки уже заданы (см. начало), но остался нерешенным вопрос адаптивного дизайна. Здесь главное придерживаться правила, что «адаптивные» изменения определяются в каждом блоке индивидуально. То есть не нужно стремиться вынести всю «адаптивность» в отдельные файлы.

Для задания адаптивности удобно использовать @переменные. Рассмотрим как это использовать на практике.

Читать дальше...

Пример создания шаблона по принципу D3 (начало)

MaxSite CMS / Создание шаблоновПросмотров: 12268 (275)

Принципиальное отличие шаблона аля-D3 от типового, в способе использования CSS-стилей. Традиционно шаблоны MaxSite CMS использовали css-фреймворк в виде style-all-mini.css с набором уже готовых стилей под разные задачи. В D3 предполагается создание одного результирующего css-файла без привязки к style-all-mini.css.

Технически возможность использовать один css-файл в MaxSite CMS существовала всегда, но только в 0.86 появилась «заготовка» файлов, упрощающая создание шаблона в таком варианте.

Идея D3 возникла не на ровном месте, а исходя из практических потребностей. Основная проблема использования style-all-mini.css в том, что в нём используется сброс браузера reset, который верой и правдой служит уже много лет. Но сегодня на сцену выходит новый вариант — normalize, который в большей мере учитывает специфику браузеров и обладает достаточно неплохой типографикой. Сбросы несовместимы между собой, поэтому нельзя просто так взять и заменить один на другой — это приведёт к «развалу» шаблонов. Сложность здесь ещё и в том, что многие сторонние CSS-фреймворки уже содержат свой вариант сброса стилей и это создает некоторые проблемы их интеграции с MaxSite CMS (в типовом варианте).

Таким образом концепция D3 устраняет все эти противоречия и предлагает вебмастеру полную свободу в написании CSS, но при этом предоставляет уже готовые стили (в виде less-файлов), используемые MaxSite CMS на разном уровне (ядро, плагины, хелперы и т.д.).

Читать дальше...

Создание шаблонов вне предлагаемого в MaxSite CMS варианта D2

MaxSite CMS / Создание шаблоновПросмотров: 13528 (264)

После перехода в MaxSite CMS 0.84 только на shared-каталог у некоторых вебмастеров почему-то сложилось впечатление, что это усложняет верстку шаблонов и вариант D2 является единственным вариантом, от которого нельзя отступать. Мнение совершенно дикое и в корне неверное — уж чего-чего, а в MaxSite CMS шаблон может быть вообще произвольной структуры. Единственным условием любого шаблона — наличие файла index.php.

С моей точки зрения, шаблон лучше сделать универсальным, поскольку это упрощает не только его поддержку, но и учитывает потребности сразу нескольких клиентов. Например — расположение сайдбара. Одним клиентам он требуется справа, другим слева. Вместо того, чтобы каждый раз менять модульную сетку и css-стили, я предпочитаю один раз разработать оба варианта, а клиент может их переключать так, как ему заблагорассудится.

Но, вебмастеру, который пока с трудом разбирается в вёрстке или новичку в системе, мой помысел неясен — ему с головой хватает одного расположение сайдбара на весь сайт и простеньких css-стилей. Бывает ещё случай, когда вебмастер «закостенел» до такой степени, что уже не может мыслить вне своих css-стилей и именования своих же css-классов и вариант с div.all вгоняет его в полнейший ступор.

Попробую разъяснить почему я предлагаю именно такой вариант D2 (напомню, что этот шаблон — каркас для новых шаблонов) и как сделать свой вариант.

Читать дальше...

Новый Default-шаблон в MaxSite CMS 0.84

MaxSite CMS / Создание шаблоновПросмотров: 6832 (131)

В MaxSite CMS 0.84 мы обновили дефолтный шаблон. Предыдущий вариант появился в MaxSite CMS 0.54 и за прошедшие полтора года получил достаточно серьезное развитие и оброс массой новых возможностей.

Должен отметить, что в «старом» default-шаблоне впервые появилась концепция компонентов шапки и подвала, были предопределенные файлы, ушки, css-стили и js-скрипты, которые позволяют автоматизировать множество типовых задач вебмастера. Здесь же я предложил css-фреймворк, который содержит базовые стили, «заточенные» под особенности системы (type-файлы, плагины и т.п.).

После того, как я познакомился с LESS, я внедрил его поддержку на уровне ядра MaxSite CMS и разработал механизм «фоновой» компиляции less-файлов в обычный css-файл. Такой вариант позволяет вебмастеру вообще не задумываться о процессе компиляции — всё работает автоматом.

Но, хотя default-шаблон и предлагает очень хорошую функциональность, постепенно я натыкался на некоторые ограничения, которые «тормозили» дальнейшее развитие системы. Именно поэтому был предложен другой вариант построения шаблона, где все существующие ограничения были исключены.

Читать дальше...

Шаблоны для новичков. Урок 23. Как стать отличным специалистом MaxSite CMS

MaxSite CMS / Создание шаблоновПросмотров: 8682 (159)

Основной рецепт — научиться систематизировать и находить нужные знания. И это касается не только MaxSite CMS, но и любой другой системы. Существуют некие базовые основы, без которых, действительно, будет тяжело разобраться. Нельзя заниматься программированием, не зная синтаксиса PHP. Нельзя верстать сайты, «плавая» в основах CSS. Точно также будет сложно создавать новый шаблон, не разобравшись в настройках админ-панели. Таких «основ» много, перед тем, как приступить к чему-то сложному, нужно их изучить.

После того, как этап новичка пройден, уже можно заняться изучением возможностей выбранной CMS. В первую очередь следует обратить внимание на PHP-функции системы. Многие ошибочно полагают, что для их изучения требуется искать мануалы и хелпы. На самом же деле с PHP всё гораздо проще: поскольку php-файл — это и исходный и выполняемый код. Поэтому всё, что следует сделать, так это открыть php-файл.

Когда я впервые столкнулся с WordPress (в 2005 году), то не было никакой помощи, а все объяснялки сводились к каким-то примитивным вещам. Тогда я понял, что единственный путь — это изучать исходный код WordPress. Со временем этот подход для меня стал основополагающим и я его применяю до сих пор к любой системе, у которой есть исходные файлы. Как правило исходный код говорит гораздо красноречивей и лучше любого хелпа и описания.

Читать дальше...

РЕКЛАМА
Уборка офисов киев еще на сайте. | Помощь адвоката. Мне была оказана помощь адвоката по налоговым преступлениям, компетентный адвокат! | Создание и разработка сайтов - http://k4sl.com/sozdanie-sajtov от профессионалов. |

О сайте

Здесь вы получите самую полную информацию о создании сайтов на MaxSite CMS.