Question

我是使用MVC开发Sitecore的新手。我的页面布局如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    @Html.Sitecore().Placeholder("head-meta-content")
</head>

<body>
    <div class="willow-page">
        @Html.Sitecore().Placeholder("body-content")
    </div>
</body>
</html>

我有以下效果图。

全球警报：

@using Sitecore.Mvc;
@model Sitecore.Mvc.Presentation.RenderingModel

<section class="global-alert" role="alert">
    <button class="global-
alert__close">@Html.Sitecore().Field("button-text", Model.Item)
</button>
    <h1 class="global-
alert__heading">@Html.Sitecore().Field("heading-text", Model.Item)</h1>
    <div class="global-alert__content">
        @Html.Sitecore().Placeholder("global-alert-content")
    </div>
</section>

样式上下文：

@using Sitecore.Mvc;
@model Sitecore.Mvc.Presentation.RenderingModel

<div class="styling-context">
    @Html.Sitecore().Field("Content", Model.Item)
    <!-- The Content field is should be a Rich Text Field -->
</div>

我想要完成/理解的是这个。在使用布局和2个渲染创建页面时，我想将全局警报添加到布局上的body-content占位符，然后将样式上下文添加到global-alert-content占位符。另外，我还想向body-content占位符添加另一个样式上下文。像这样：

Sitecore device editor display for controls