Как установить фон тела для typo3 без или с расширением? - PullRequest
Новая
       55

Как установить фон тела для typo3 без или с расширением?

0 голосов
/ 24 февраля 2020

Я использую typo3 v9.5.0. Мне нужно разработать сайт с фоновым изображением, обернутым по всему элементу контента и меню. В пакете bootstrap указанный макет не указан. Я пробовал расширения, такие как background , загрузив изображение.

Но что-то не так. По умолчанию он указывает неправильный ресурс, который он оставил (typo3 / 01_DBM).

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

1 Ответ

1 голос
/ 25 февраля 2020

  1. TYPO3 9.5.0 устарел. хотя вы используете его для локального обновления до текущей версии.

  2. у вас есть несколько вариантов интеграции фонового изображения на всю страницу.

Вот моя рекомендация, которая не требует какого-либо конкретного расширения c:
Поскольку вы используете bootstrap -пакет, вы можете улучшить его Fluid-шаблоны в своем собственном расширение сайта (которое вы должны использовать).

Откуда вы получаете изображение?

Каждая pages запись (определяющая страницу в TYPO3) имеет поля для связанных медиа-файлов (вы можете найти / установить это на вкладке Resources.
Здесь редактор может легко вставить изображение, которое должно использоваться в качестве фонового изображения для содержимого.

В своем определении Typoscript переменных для страницы вы можете определить Создайте собственный переменный для первого изображения 

10 = FLUIDTEMPLATE
10 {
    [...]
    dataProcessing {
        111 = TYPO3\CMS\Frontend\DataProcessing\FilesProcessor
        111 {
            references {
                fieldName = media
                table = pages
            }
            as = BackgroundImages
        }
    }
    [...]
}

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

[...]
<div style="background-image:url(fileadmin/{BackgroundImages.0.originalFile.identifier});">
    <f:cObject typoscriptObjectPath="lib.dynamicContent" data="{pageUid: '{data.uid}', colPos: '0'}" />
</div>
[...]

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

...