Question

我需要在Umbraco（版本4）上创建一个新网站。该网站将有一个主要登陆页面，其中包含指向4组地理子站点的4个链接。

在主主模板中，我将包含所有常见的HTML Head内容，包括CSS和JS链接等。在正文内容中，将有两个contentPlaceHolders：

网站徽标位于左侧，顶部右侧是另一个横幅图片。本节将不断在其他每一页中重复使用。
用于显示4个链接的占位符。

我的问题是：我如何在“设置”中构建模板和文档类型，以便在用户上传2张图像一次后重新使用和继承标题徽标部分？

由于

Answer 1

您可以在站点根目录的文档类型上指定这些属性，然后使用Razor（或XSLT）遍历站点顶部，获取媒体选择器属性，并从中检索图像URL。 / p>

Answer 2

您可以使用Master Page Control for Convenient＆amp;更好的发展方式。

<%@ Master Language="C#" MasterPageFile="~/umbraco/masterpages/default.master" AutoEventWireup="true" %>

然后在为每个部分定义占位符作为您的要求之后。

  <asp:Content ContentPlaceHolderID="ContentPlaceHolderDefault" runat="server">

    </asp:Content>

以下是我的umbraco网站的例子

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Main.master.cs" Inherits="WebsiteName.Masterpages.Main" %>

<!DOCTYPE html>
<head runat="server">
    <title>All One Health</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
    <link href="/Css/main.css" media="all" rel="stylesheet" type="text/css" />
    <link href="/Css/custom.css" media="all" rel="stylesheet" type="text/css" />
    <link href="/Css/navmenu.css" media="all" rel="stylesheet" type="text/css" />
    <link href="../Css/download.css" media="all" rel="stylesheet" type="text/css" />
    <link href="/Css/jquery.selectbox.css" media="all" rel="stylesheet" type="text/css" />
    <%--<link href="/Css/ie10.css" media="all" rel="stylesheet" type="text/css" />--%>



    <script type="text/javascript" src="/Scripts/jquery.js"></script>
    <script src="/Scripts/jquery.bxslider.min.js"></script>
    <link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css' />
    <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css' />
    <link href='http://fonts.googleapis.com/css?family=Nunito:400,700,300' rel='stylesheet' type='text/css' />
    <script type="text/javascript" src="http://js.addthisevent.com/atemay.js"></script>
    <script src="/Scripts/html5shiv.js"></script>
    <script src="/Scripts/placeholders.min.js"></script>

    <!--[if IE 8]>
            <link href="/Css/ie8.css" media="all" rel="stylesheet" type="text/css" />
        <![endif]-->
    <!--[if IE 9]>
            <link href="/Css/ie9.css" media="all" rel="stylesheet" type="text/css" />
        <![endif]-->




    <!-- bxSlider CSS file -->
    <link href="/Css/jquery.bxslider.css" rel="stylesheet" />
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">

        <!--  Header Section   -->
        <header class="mobile-header">

            <umbraco:Macro Alias="MobileUtilityNavigation" runat="server" />
            <div class="mobile-header-nav-logo">
                <div class="logo">
                    <umbraco:Macro Alias="Header" runat="server" />
                    <umbraco:Macro Alias="MobileMenuNavigation" runat="server"></umbraco:Macro>
                </div>
            </div>
        </header>
        <header class="header">
            <umbraco:Macro Alias="HeaderUtilityNav" runat="server" />
            <div class="header-nav-logo">
                <div class="logo">
                    <umbraco:Macro Alias="Header" runat="server" />
                </div>
                <div class="ghost-logo"></div>
                <umbraco:Macro Alias="HeaderMainNav" runat="server" />
            </div>
        </header>
        <!--  Header End   -->
        <asp:ContentPlaceHolder ID="SliderContent" runat="server">
        </asp:ContentPlaceHolder>
        <!--   Body Section   -->
        <div id="page">
            <asp:ContentPlaceHolder ID="ContentPlaceHolderDefault" runat="server">
            </asp:ContentPlaceHolder>
        </div>
        <!--  Footer Section  -->
        <footer class="footer">
            <div class="grey">
                <umbraco:Macro Alias="Header" runat="server"></umbraco:Macro>
                <umbraco:Macro Alias="MobileMainNavigatoin" runat="server"></umbraco:Macro>
                <umbraco:Macro Alias="MobileUtilityFooterLinks" runat="server"></umbraco:Macro>
            </div>
            <umbraco:Macro Alias="Footer" runat="server"></umbraco:Macro>
        </footer>
        <!-- Footer end  -->

        <!--Scrips-->

    </form>
    <script type="text/javascript" src="/Scripts/main.js"></script>
    <script type="text/javascript" src="/Scripts/split.js"></script>
    <script type="text/javascript" src="/Scripts/jquery.selectbox-0.2.js"></script>
    <script type="text/javascript" src="/Scripts/header.js"></script>
</body>
</html>

在这种情况下如何构建主模板和文档类型？

2 个答案: