О системе управлением контента Bolt

Bolt — это система управлением контента, которая старается сделать проще и доступнее работу с наполнением и администрированием сайта.

Это руководство поможет вам быстро освоить систему Bolt  и применять для управлением контентом ваше сайта в интернете.

Вход в панель администрирования сайта

Вход в панель администрирования находится по адресу

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

Затем нажмите кнопку Войти.

Панель управления

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

В правом верхнем углу находится меню, первая кнопка которого возвращает на эту страницу.

Создание новой страницы

В Bolt есть три разных варианта создания новой страницы:

Вариант 1. Кнопка в панели управления

Нажать на клавишу Новый … чтобы создать новую страницу.

Вариант 2. Через просмотр всех страниц нужного типа

В меню Содержание -> Просмотр для просмотра всех страниц нужного типа. Затем вверху кликнуть на кнопку Новый для создания страницы этого типа.

Редактирование контента

Поле редактора

В поле для редактирования контента страницы используется визуальный редактор на JavaScript для вставки и редактирования текста, видео и изображений.

Добавление изображений на страницу в поле изображения

Для добавления изображения с вашего компьютера на страницу можно использовать поле Изображение. Нажмите на кнопку Загрузить изображение и появится диалог выбора изображения на вашем компьютере. После выбора изображения нажмите кнопку «Открыть».

Для использования изображения на странице сайта, в шаблоне страницы должно быть прописан тег как его выводить.

Фактически, данное поле загружает изображение на сервер и возвращает путь и название файла. Использование изображения на странице лежит на веб-разработчике, который использует полный путь и название файла (или их часть) для вывода изображения в исходном тексте страницы.

Добавление изображения в визуальном редакторе

Для добавления изображения в основной контент, нужно на панели редактора нажать кнопку Изображение.

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

После выбора изображения, вы можете присвоить изображению свойства, которые будут выводиться в исходный код страницы:

1. Название  – название картинки, которое будет появляться во всплывающей подсказке при наведении на картинку указателем мыши;
2. Адрес  – адрес изображения в интернете;
3. Позиция – для прижатия изображения в тексте и его обтекания (слева-справа);
4. Размер – вы можете задать желаемый размер изображения в тексте, отличный от фактического.

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

Добавления видео на страницу в поле видео

Для вставки видео можно использовать поле для видео. Работа с ним аналогична работы с полем для изображения.

Добавление видео в визуальном редакторе

Вы можете вставить видео в основной текст использую визуальны редактор просто кликнув на кнопки видео.

<iframe width="560" height="315" src="https://www.youtube.com/embed/t037bii--Ng" frameborder="0" allowfullscreen=""></iframe>

Загрузка файла

Для загрузки произвольного файла есть специальное поле – «Файл». Нужно кликнуть Загрузить файл. В диалоговом окне выбираете файл у себя на компьютере и нажмите кнопку Открыть. Файл загрузится на сервер в папку с именем «год-месяц». А в поле появится путь до этого файла.

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

Изменения настроек страницы

В ленте статей определенной категории или в панели управления справа расположена кнопка «Редактировать», которая позволяет оперативно изменить  настройки страницы:

• Посмотреть на сайте – посмотреть страницу в новом окне браузера;
• Изменить статус публикации – опубликовать или снять с публикации страницу (запретить просмотр);
• Изменить статус документа – изменить статус на «черновик»

Так же можно сделать дубль страницы или удалить.

Редактирование настроек страницы в BoltCMS

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

Если к типу страницы были назначены категории и теги, то они так же показываются в выпадающем меню.

Публикация страницы

Вы можете управлять статусом страницы и таким образом решать как и кому её показывать. Доступны следующие опции:

• Опубликовать: публиковать и показывать страницу на сайте;
• Не публиковать: страница не публикуется и не видна на сайте;
• Время публикации: страница будет опубликована и видна на сайте в заданном временном промежутке;
• Черновик: страница не опубликована и не видима на сайте, но сохранена для будущего редактирования и одобрения;
• Снята с публикации: страница была опубликована и видима на сайте некоторое время, но сейчас её никто не видит.

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

Сохранения записи

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

Обзор контента

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

Все записи данного типа будут показаны в ленте с тизером (кратким описанием) и картинкой, если она назначена. Справа от записи будет находиться кнопка, в которой можно оперативно отредактировать параметры записи и просмотреть текущие параметры.

В правой колонке будет расположена кнопка создания новой записи данного типа.

Ниже кнопки расположено поле, которое работает как фильтр для отбора записи по словам.

Еще ниже располагается виджет, где показываются последние изменения записей данного типа с указанием даты.

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

Пользователи

Работа с пользователями возможна только с правами администратора!

Для доступа к обзору пользователей нажмите кнопку в верхнем правом меню Параметры  -> Пользователи.

На странице «Пользователи» можно добавить, отключить или удалить пользователей. Так же можно созданному пользователю присвоить определенные права

Создание нового пользователя

Для создания пользователя нужно в правой колонке нажать кнопку «Новый пользователь». Для добавления пользователя необходимо заполнить форму добавления пользователя:

• Логин (обязательно)
• Пароль (обязательно)
• Подтверждение пароля (обязательно)
• Электронная почта
• Имя, которое отображается на сайте
• Роль пользователя
• Включен или выключен пользователь

После ввода данных нажмите кнопку «Сохранить»

Изменение пользователя

В левой колонке выводится таблица со всеми пользователями CMS Bolt. Справа расположена кнопка «Редактировать», которая позволяет вызвать форму редактирования пользователя. Сразу за ней кнопка со стрелкой вниз раскрывает оперативное меню доступа к настройкам пользователя: можно отключить или удалить пользователя.

Форма редактирования пользователя полностью аналогична форме создания нового пользователя.

Журнал активности

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

Таким образом можно узнать кто, что и когда менял на сайте.

Загруженные файлы

В меню Параметры -> Загруженные файлы вы можете увидеть все файлы в папке Files и подпапки. Возле каждого изображения выводится превьюшка, название файла, размеры, занимаемое место, дата изменения и кнопки редактирования.

Кнопка редактирования позволяет только удалить или дублировать файл.

Перед кнопкой расположена не переведенная кнопка “Place on stack” — добавить в коллекцию. Коллекции создаются для каждой папки для быстрого доступа к файлу изображения и не только.

Внизу таблицы располагается форма загрузки файлов на сервер. Работает она только с одним файлом.

Просмотр сайта

Вы можете посмотреть сайт нажав на кнопку в верхнем меню административной панели Просмотреть сайт. Будет создана отдельная вкладка и ваш сайт загружен туда.

Выход из административной панели

Нажмите крайнюю правую кнопку Выйти в верхнем меню.

Кнопка выхода из административной панели BoltCMS

Существует огромное количество систем управлении контентом (CMS), написанных на языке php под разные задачи. Вот только многие из них были написаны для учебы и уже давно заброшены.

Есть и признанные «тузы» в мире веб-разработки: WordPress, Joomla!, Drupal, MODX и некоторые другие. У этих CMS большое количество последователей, расширений, статей по ним с описанием решением разнообразных проблем, «тусовок» на разных языках.

Я хочу познакомить с новичком на рынке CMS — Bolt.

Bolt CMS — это система управлением контента, которая стремится быть простой и понятной насколько возможно. И сохраняет большой потенциал по росту проектов.

Внутренности Bolt CMS

Технически Bolt написана на языке программирования php, что не является чем-то выдающимся. Однако она построена на основе микро-фреймворка Silex, который появился как упрощение большого промышленного фреймворка Symfony. Соответственно можно при разработке использовать компоненты Symfony и другие библиотеки.

Так же можно использовать и Composer – систему управления пакетами в php, использующую библиотеку curl.  Но эти все изыски для понимающих толк в программировании.

Шаблонизатор Twig, так что документации по нему в интернете много.

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

Требования к серверу

Требования к серверу стандартны для сегодняшнего дня

1. Версия интерпретатора php 5.3.3 и выше
2. Расширения SQLite для доступа к базам данных sqlite, или MySQL (PostgreSQL)
3. Сервер Apache или NGIX с возможностью настройки ЧПУ (человеко-понятных адресов)

А для самого интерпретатора php требуется в настройках ресурсов:

1. Минимум 32 Мбайт оперативной памяти;
2. Расширение PDO для доступа к базе данных
3. Расширение cUrl для обновлений
4. Расширение GD для работы с графикой.

Тоже обычная конфигурация. В принципе, такие настройки даются на любом платном хостинге. Учитывая, что возможно работать без базы данных MySQL на файловой базе SQLite, то и на многих (если не на всех) бесплатных хостингах сайт на Bolt CMS тоже прекрасно заведется.

Ну а для администрирования подойдет любой современный браузер: FireFox, Chrome, Opera, Safari. Даже Internet Explorer 9 и выше будет работать. Так же будет работать админка и в мобильных браузерах: iPad, Android.

По ресурсам. Наследие Symfony сказывается — потребление памяти на фронтэнде до 12 метров, в бекэнде – до 25 метров. А вот генерация страниц 0,5 секунды на хостинге от Sprinthost.ru при первом обращении к странице и 0,26 секунды при повторных обращениях (работает кеш движка).

Тут он явно проигрывает MODX Evolution, однако выигрывает у  Drupal, WordPress с заметным отрывом. Так на проекте с WordPress у меня фронтэнд генерится за 0,9-1,2 секунды и съедает память до 35 метров на том же хостинге. В целом, все это укладывается в нормы нормального быстрого сайта. Учитывая, что основные тормоза делают скрипты и неоптимизированная графика, можно сказать, что движок быстрый.

Сайты, которые можно сделать на Bolt CMS

Система явно писалась для разработчиков и это видно. Накликать как в Joomla! с её всплывающими модальными окнами настройки не получится — обязательно нужно править конфигурационные файлы. Зато система очень гибкая и удобная для разработки.

Я определил для себя, что на текущий момент в ветке 1.6 можно делать небольшие проекты:

1. landing page или одностраничкики (страницы захвата посетителей);
2. Сайты-визитки (главная-услуги-о фирме-контакты-обратная связь);
3. корпоративные сайты без работы с пользователями,
4. всевозможные каталоги товаров/услуг;
5. презентационные сайты;
6. сайты-статейники (то есть разные статьи с разделами, тегами, таксономией);
7. блог (с ограничениями по комментариям).

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

Чего НЕ СТОИТ делать на этом движке однозначно:

1. интернет-магазины;
2. социальные сети типа одноклассников или вконтакте;
3. мультиблогов с наполнением из фронтенда пользователями.

Типы страниц в Bolt CMS

«Взрослые» системы управления контентом обладают одной яркой особенностью – создавать дополнительные поля к страницам по желанию и использовать их потом в шаблоне. В WordPress это не так давно стали их использовать в самом движке, хотя уже давно расширения создают такие поля. Поэтому еще как-то слабо их используют. В Drupal  это называется CCK (content construction kit – конструктор контента) и именно от этого движка эта идея пошла в другие. В MODX это называется TV-параметры — параметры шаблона, который назначается странице.

Штука это удобная и позволяет очень легко в странице выносить данные по таким полям. Примером может служить страница описания товара: контент служит для описания, одно поле для цены, другое для артикула, третье для картинки-превьюшки, четвертое с помощью JSON фотогалерея, целая куча параметров — технические характеристики. Потом в шаблоне делается вывод со своим форматирование именно туда, куда нужно. И ни один безграмотный «наполнятель сайта» не сможет нарушить разметку. Кроме того, по таким полям очень удобно строить фильтры отбора для показа именно нужных лент товаров (статей/новостей).

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

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

Плагины  Bolt CMS

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

Увы, особого разнообразия в плагинах нет. Фактически, большая часть — это расширения шаблонизатора Twig для легкой вставки новых тегов в шаблон страниц. Эти теги вставляют через API разнообразные плюшки интернет-сервисов: лайки, публикации в социальные сети, подключение внешних комментариев DISQUS, google analitic.

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

Плагины есть и более «концептуальные», но я с ними еще не разбирался. Для расширения самого движка есть плагины авторизации, редактирования с фронтенда администратором страниц, теги, редактор меню (непонятно зачем?), карты сайта, RSS-ленты.

В общем, для начала есть. А более сложные сайты нужно либо на других движках делать, либо придумывать обходные пути и писать свой код.

Шаблонизатор Twig  в Bolt CMS

При кажущейся простоте темы – создании шаблона для Bolt, это еще один скрытый краеугольный камень. То, что в других движках делается на php в виде сниппетов или обращениям к функциям ядра движка, в Bolt делается при помощи шаблонизатора Twig.

Как я понял после поверхностного ознакомления с документацией по шаблонизатору, в Twig можно делать свои расширения и с помощью их уже в синтаксисе задавать подпрограммы на php.

Именно так и делаются ленты, выводы страниц и некоторые другие особенности верстки.

Циклы, условия, переменные — это тоже стандартные возможности шаблонизатора.

Так что пока в обзоре Bolt на этом остановлюсь, а после перевода документации, выложу накопанные тонкости.

Заключение

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