Как встроить Эгею 2.7 в свой сайт
В анонсе беты 2.7 я обещал рассказать, как встраивать её в существующие сайты. Понадобится платная версия движка.
Задача: сделать, чтобы Эгея использовала стили, шапку и подвал от вашего сайта, а внутри была сама собой.
Вам нужно сделать свою тему оформления на базе «Встраиваемой». Зайдите в папку themes и сделайте копию папки embeddable. Назовите как-нибудь нормально.
- Откройте файл theme-info.php и раскомментируйте в нём все строчки. Пролучится примерно так (это мой):
<?php return array (
'display_name' => 'Минвайл',
'max_image_width' => '1200',
'meta_viewport' => 'width=device-width, initial-scale=1',
'global_styles' => '../css/main.css',
); ?>Самая важная тут с точки зрения нашей задачи — строчка global_styles. Тут нужно указать путь к стилям вашего сайта относительно папки Эгеи (а не этого файла).
- Зайдите в настройку Эгеи и выберите свою тему.
- В templates/layout.tmpl.php добавьте вёрстку шапки и подвала вашего сайта, то есть заверните содержимое блога в ту же обёртку, что на основном сайте.
Готово!
Всё будет выглядеть как настоящее, потому что к этой странице подцепляются те же стили, что и к другим страницам сайта. А внутренности Эгеи не разваливаются, потому что она также подцепляет ещё и собственные стили. Но делает это избирательно: она не подцепляет стили стандартных ХТМЛ-элементов и поля вокруг страницы. Поэтому эти части выглядят родными.
Если вам нужно перекрыть какие-то стили, используйте файл styles/overrides.css. Изначально он пустой.
Если вы используете систему сборки, то имеет смысл «запечь» стили «Встраиваемой» и ваши перекрытия в основной ЦСС-файл. Перенесите из папки вашей темы styles/main.css и styles/overrides.css куда-то в папку исходников стилей. Это нужно, чтобы Эгея перестала их подцеплять из папки темы. И заимпортируйте в общие стили сайта, например, с помощью СЦССа:
@import 'aegea-embeddable-styles/main';
@import 'aegea-embeddable-styles/override';Так вы будете подключать один ЦСС-файл, а не три.
