Создание своего сайта

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

Мой совет — начать с простого и постепенно усложнять задачи. Как правило намного проще взять готовый каркас и дорабатывать уже его, чем создавать сайт с нуля.

Я выделил несколько пунктов, с которых можно начать.

Для чего вам нужен сайт?

Сразу определитесь для чего вам нужен сайт. Строго говоря есть только три категории:

• персональный блог
• лендинг (под любую тематику)
• коммерция

Самая сложная — это коммерция, потому что она подразумевает создание Интернет-магазина. Это сложно не только технически, но и организационно. Если вам нужен такой вариант, то первым делом определитесь как вы будете принимать оплату с сайта. Потому что это корень проблем. Если вам нужен автоматический приём, то лучше сразу идти в сторону специализированных решений, вроде prom.ua. Самостоятельно такой сайт сделать будет очень сложно.

Что касается лендинга, то это самый простой вариант, потому что это одиночные страницы, которые могут быть совершенно произвольными.

Персональный блог, или просто сайт — это чуть сложней, но для простоты можно представить, что блог — это набор одиночных страниц, только есть ещё общая навигация и может какое-то оформление.

Всё это довольно легко решается в рамках Albireo CMS.

Управление контентом

Разберитесь как именно вам придётся управлять контентом. Потому что Albireo CMS позволяет работать со страницами как через админ-панель, так и через простые файлы, загружаемые по FTP. Если вы дружите с текстовыми редакторами, например Notepad++, то возможно, что работать с файлами напрямую вам будет удобней.

Если же вам нужно специфическое окружение, то админ-панель подойдёт больше.

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

Узнайте возможности шаблона

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

Речь не идёт об изменении файлов шаблона, а только о том, чтобы узнать что вообще уже доступно для использования.

Удобный блогинг

Это основная концепция, которую я вкладываю в Albireo CMS. Я хочу, чтобы система стала помощником блогера. Начните писать короткие заметки, может просто дневник, для того, чтобы понять насколько удобно его вести с Albireo CMS.

В удобство я вкладываю такие вещи:

• Синтаксис разметки TextSimple. Обратите внимание, насколько он хорошо работает сам по себе и в связке с HTML-кодом. У него очень простые и понятные правила.
• Непосредственная работа с файлами. Это просто великолепная возможность делать ровно то, что нужно. Если мне нужен php-код, то я пишу php-код. Если мне нужен html-код, то я сразу пишу html-код. Если мне нужен js-код, то я сразу пишу js-код. Здесь нет никаких искусственных ограничений (как в других системах).
• Произвольные адреса страниц и произвольная их структура. С Albireo CMS я могу организовать страницы ровно так, как мне это нужно. Нет ограничений ни на адреса, ни на их вложенность. Если я хочу перенести страницы в другой каталог — я просто это делаю элементарным копированием файла. Но при этом, это же самое можно сделать, не меняя расположение и имя файла — просто с помощью поля slug.
• Short'ики. Это короткие заметки только для меня. Сайт уже не только для посетителей, но и для меня лично, когда всегда под рукой удобный инструмент TODO, примеры, цитаты, мысли и прочая мелочь, которая теперь никогда не потеряется.
• Наконец-то WEBP! Можно забыть про весь зоопарк форматов изображений. Сейчас я просто загружаю фото и сразу получаю полноценный и современный WEBP с нужным размером и качеством.
• Удобство управления. Всё работает через поля. Если мне нужный иконки, я просто указываю поле, где они подключаются и дальше пользуюсь в тексте. Это же самое касается лайтбокса, подсветки синтаксиса, галерей и т.п. Здесь не нужно ни программировать, ни дополнительно ничего настраивать.

Уровень технической подготовки

В целом работа с Albireo CMS не требует особых знаний php-программирования или html/css-верстки. В большинстве случаев вам даже не нужно будет писать свой код, потому что многое доступно уже из «коробки». Но если будет стоять задача сделать что-то новое, то тут уже потребуются определённые знания.

Давайте честно: не все могут работать с кодом. Albireo CMS рассчитана на тех, кто не будет впадать в стопор, когда нужно поправить php/html/css-код. Поэтому я условно разделяю пользователей на три группы.

Первая группа — вы не знаете как работать с файлами, вы не понимание как поправить код по приведённой инструкции и для вас файлы first.php и First.php одно и тоже, и вы не можете понять, как пользоваться разметкой TextSimple, то увы, но Albireo CMS не для вас.

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

Третья группа — опытные пользователи, которые понимают как написать простой php-код. Если вы из этой группы, то перед вами открываются гигантские возможности по использованию Albireo CMS.

Запомните! Если у вас возник вопрос по Albireo CMS и вы зашли в тупик, то напишите мне и я постараюсь вам помочь.

Berry CSS

Berry CSS — это фреймворк атомарного уровня. Современная вёрстка именно такая — она основана на точечных css-классах, которые описывают один-два css-свойства. Преимущество Berry CSS в том, что это крайне простая семантика с которой нетрудно разобраться. Даже есть возникнет загвоздка, всегда можно обратиться к справочному сайту.

Лично я очень доволен возможностями Berry CSS. Я сделал много сайтов (несколько сотен) и верстка — это всегда головная боль, потому что нужно придумывать кучу классов и под них делать разметку. С Berry CSS всё намного проще — мы сразу делаем разметку, не трогая css-стили.

«Atomic CSS» хорошо проявляет себя на уровне написания обычных текстов. Обычно здесь используется физическое форматирование текста, оформление блоков, таблиц, нужно задавать разные отступы, указывать цвет фона или текста — и всё это уже есть в Berry CSS. Не нужно придумывать классы и думать где бы разместить свой css-файл.

Но Berry CSS это профессиональный инструмент — он прекрасно показывает себя и в сложной вёрстке. Последняя версия фреймворка работает на css-переменных, а значит его можно настроить в очень широких пределах. Это похоже, как программисты управляют приложением через переменные — здесь точно также — просто указываем что нужно изменить.

Albireo CMS использует Berry CSS как основной css-фреймворк, поэтому нужно хотя бы немного ориентироваться в его семантике.

Что касается других css-фреймворков. Формально нет никаких ограничений — вы можете использовать абсолютно любой вариант. Можно вообще отказаться от фреймворков и писать сss-код по старинке для каждого блока. Это ваш выбор. Но я рассматриваю Albireo CMS, как полноценный рабочий уже настроенный инструмент и Berry CSS его часть.

Berry CSS возник достаточно давно: изначально это были утилитарные классы в MaxSite CMS. После этого они были выделены в отдельный проект UniCSS (2014 г.), который изначально был написан на Less, потом на Sass. Berry CSS (2019 г.) — это эволюционное продолжение этого проекта: последняя версия это тотальная модульность Sass, конфигурационные файлы, расширяемость, css-переменные и при этом очень скромный итоговый размер. По сравнению например с Tailwind CSS, Berry CSS просто крошечный фреймворк. Но при этом он покрывает подавляющее большинство задач вёрстки и не требует практически никакого обслуживания.

Создание документации

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

Подавляющее большинство документации пишутся не на PHP, а на других языках, как будто бы язык PHP не годится для решения этой задачи.

Поэтому именно в Albireo CMS (а изначально в Albireo Framework) появилась возможность создания сайтов или разделов документации. Например этот раздел — часть моего основного сайта, только страницы документации используют особую разметку. Организация страниц здесь произвольна, а вся навигация прописывается прямо в файлах страниц, что делает их очень гибким инструментом.

В Albireo CMS есть два готовых layout-файла для создания документации.

То же самое касается случаев, если для вашего сайта нужен отдельный раздел с примерами для посетителей. Лучшего решения, чем Albireo CMS вы просто не найдёте.

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

Albireo CMS — это рай для программистов. Здесь нет вообще никаких ограничений. Вы можете подключить любым способом любой сторонний код и тестировать его в рамках системы. Composer, функции, PSR4-библиотеки — всё это будет работать в рамках вашего сайта.

То же самое касается CSS-кода, JavaScript-кода — подключайте любые библиотеки и работайте с ними. Если нужно это всё легко интегрируется в систему и потом используется на уровне полей страниц «вкл/выкл».

В других CMS, как правило, есть существенные ограничения на выполнение кода пользователем. Некоторые системы не позволяют выполнять php-код, другие не могут справиться с html-разметкой, третьи — делают из js-кода мешанину. В Albireo CMS нет ограничений. Это идеальная система для программиста.