-
Установим плагин Wysiwyg Editors
-
В настройках включаем CKEditor, указываем Места использования
-
В файле настроек plugins/anandpatel/wysiwygeditors/formwidgets/editor/assets/ckeditor/config.js
-
Прописываем путь до файла стилей
CKEDITOR.editorConfig = function( config ) { CKEDITOR.config.extraPlugins = 'ocmediamanager,ocpagelink,ocmedialink,ocmediavideo,ocmediaaudio'; CKEDITOR.config.contentsCss = ["/themes/prolog/assets/css/style.min.css"];
Видео: https://www.youtube.com/watch?v=5nzwbLUhFZE
- Добавляем компонент в тэг
<head>{% component 'SeoCmsPage' %}</head>
вместо мета тегов - Добавляем компонент в наш шаблон
- Подключаем компонент к страницам и постам а так же код из документации
Видео: https://youtu.be/php0qRCdBYU
Устанавливаем плагин Content Editor by Samuell
Переходим в админки CMS->Страницы->Выбираем страницу -> Компоненты -> Добовляем компонент Content Editor
Редактируемые блоки выносим в отдельные файлы в папку conent
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{% set posts = blogPosts.posts %} | |
{% for post in posts %} | |
<div class="col-md-4"> | |
<div class="card newsItem"> | |
<a href="{{ post.url }}"> | |
{% for image in post.featured_images|slice(0, 1) %} | |
<img class="card-img-top" src="{{ image.path | resize(520, 370) }}" alt="{{ post.title }}"> | |
{% endfor %} | |
</a> | |
<div class="card-data"> |
Дизайнер предоставляет дизайн ширеной 1440px, ширина контейнера в районе 1140px Все размеры задаются в EM 1em = 10px В мобильной версии размеры и шрифты корректируются.
Тип | Разрешение | Media | Max-width | % | Font-size | 1rem | ?
- Скачиваем инсталятор: https://octobercms.com/download
- Создаём базу и хост, устанавливаем October CMS, используем только Chrome
- Бэкенд http://prolog.oc/backend
- Переключаем на русский: Значёк пользователя в углу -> Setting backend
- Настройка -> Фронтенд темы -> Создать новый бланк темы