【问题标题】:How to style Blog Output in Orchard CMS如何在 Orchard CMS 中设置博客输出样式
【发布时间】:2012-07-27 19:36:17
【问题描述】:

我是使用 Orchard CMS(和一般网页设计)的初学者。我无法在我的网站上设置博客页面的输出样式。我的许多页面都有自定义 HTML 来为文本创建背景。我想在通过仪表板创建的所有博客上重新创建此背景。

在过去的几周里,我浏览了这个网站和 Google 的所有内容,试图查找信息,但我找不到任何我无法完全理解的实质性内容。

出于隐私原因,我删除了一些信息,但基本上代码创建了一个容器,我可以在其中放置我的内容。这是后台的(修改后的)代码:

<table style="float: right" width="100%" border="1" cellpadding="0" cellspacing="0">
    <tbody>
        <tr>
            <td style="width: 21px;"><img src="src.gif" /></td>
            <td style="background-image: url('src.gif'); font-family: Arial, Helvetica, sans-serif; color: white; font-size: 15px; font-weight: bold;">
                <span style="float: left">[Redacted]</span>
                <span style="float: right">
                        <script language="javascript">
                        var dayNames = new Array("Sunday","Monday","Tuesday","Wednesday",
                        "Thursday","Friday","Saturday");
                        var monthNames = new Array(
                        "January","February","March","April","May","June","July",
                        "August","September","October","November","December");
                        var now = new Date();
                        document.write(dayNames[now.getDay()] + ", " + 
                        monthNames[now.getMonth()] + " " + 
                        now.getDate() + ", " + now.getFullYear());
                    </script>
                </span>
            </td>
            <td style="width: 21px;"><img src="src.gif" /></td>
        </tr>
        <tr>
            <td style="background-image: url('src.gif');"></td>
            <td style="background-color: #fcfefc;">
<!-- Content goes here -->

<!-- End Content -->
            </td>
            <td style="background-image: url('src.gif');"></td>
        </tr>
        <tr>
            <td><img src="src.gif" /></td>
            <td style="src.gif');"></td>
            <td><img src="src.gif" /></td>
        </tr>
    </tbody>
</table>

这是我的问题:

  1. 如何设置我的博客和每个博客页面的样式,以便所有内容都包含在这个容器中?
  2. 如何更改“摘录”的输出?博客摘录的默认长度在奇怪的地方被截断。我希望能够控制这一点。
  3. 除了 orchardproject.net,谁能推荐一个适合初学者的 Orchard 文档的好地方?我觉得学习曲线对我来说很陡峭,但我致力于学习 Orchard。你能推荐一个好的起点,这样我就可以为这类东西打下良好的基础吗?

我是一个初学者,但我正在努力变得更好,所以请多多包涵。我几乎没有 .Net 或 C# 经验,而且我的 CMS 知识很基础(Wordpress)。

感谢阅读!

【问题讨论】:

    标签: orchardcms styling


    【解决方案1】:
    1. 在您的主题中,覆盖 content.cshtml 模板,使其包含您的 html 而不是默认的。原始模板展示了如何添加要插入内容的区域(通常类似于 @Display(Model.Content)

    2. 覆盖内容摘要模板。见http://weblogs.asp.net/bleroy/archive/2012/07/01/my-body-summary-template-for-orchard.aspx

    3. http://docs.orchardproject.net/Documentation/Orchard-TV

    如果可以的话,我也想在您的标记上制作一些 cmets:

    • 表格不应用于布局,而只能用于表格数据。
    • 不应使用内联样式,应将其替换为样式表中定义的样式。
    • 该脚本不应内联添加,而应放在单独的文件中,并使用@Script.Include 包含在内,这样如果模板由于某种原因多次呈现,则不会多次添加该脚本。李>
    • 脚本正在污染全局命名空间。
    • 脚本不可本地化。
    • 您可能应该使用服务器端代码,而不是客户端脚本,顺便说一句,它已经知道世界上所有文化中的日期和月份名称。 @DateTime.Now.ToString("dddd, MMMM yyyy") 应该能够替换整个脚本块。

    【讨论】:

    • 谢谢伯特兰!我会按照您的建议尝试,但坦率地说,这让我难以接受。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-06-17
    • 2017-09-05
    • 2012-02-29
    • 2011-12-16
    • 1970-01-01
    • 1970-01-01
    • 2011-12-13
    相关资源
    最近更新 更多