Перейти к основному содержимому

Бэкэнд в стиле в зависимости от среды приложения

Иногда имеет смысл создать бэккоре бэкэнд в зависимости от среды приложения (APP_ENV), чтобы это было Пользователи бэкэнд могут легко дифференцироваться по внешности.

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

Это может быть легко реализовано с момента Pimcore 10.1.0 (#9794), как элемент корпуса бэкэнда содержит атрибут данных data-app-env с текущей средой приложения (например, <body class="pimcore_version_11" data-app-env="dev">) и, таким образом, можно ссылаться с селектором CSS.

Бэкэнд в стиле пользовательского интерфейса переопределение

Добавить подписчика мероприятия

services:  
# Event subscribers
App\EventSubscriber\:
resource: '../src/EventSubscriber/*'
tags: [ 'kernel.event_subscriber' ]

And subscribe to \Pimcore\Bundle\AdminBundle\Event\BundleManagerEvents::CSS_PATHS event in order to load a custom CSS file (e.g. /css/env.css).

<?php  

namespace App\EventSubscriber;

class AdminAssetsSubscriber implements \Symfony\Component\EventDispatcher\EventSubscriberInterface
{
public static function getSubscribedEvents(): array
{
return [
\Pimcore\Bundle\AdminBundle\Event\BundleManagerEvents::CSS_PATHS => 'onCssPaths',
];
}

public function onCssPaths(\Pimcore\Event\BundleManager\PathsEvent $event): void
{
$event->addPaths(['/css/env.css']);
}
}

Create a CSS file /css/env.css. In this example, we intentionally style the Pimcore backend's UI body with a standout background.

body:not([data-app-env='prod']) #pimcore_body {  
background: repeating-linear-gradient(
-45deg,
#005baa,
#005baa 5px,
#0c0f12 30px,
#0c0f12 10px
);
}


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