orchardcms - 如何在 Orchard CMS 中设置博客输出样式

Question

我是 Orchard CMS(以及一般网页设计)的初学者。我在设置网站上博客页面的输出样式时遇到问题。我的许多页面都具有自定义 HTML 来创建文本背景。我想在通过仪表板创建的所有博客上重新创建此背景。

在过去的几周里，我浏览了这个网站和谷歌，试图找到信息，但我找不到任何我无法理解的实质性内容。

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

<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)。

感谢您的阅读!

Answer 1

1. 在您的主题中，覆盖 content.cshtml 模板，以便它包含您的 html，而不是默认的 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

如果可以的话，我也想对您的标记发表一些评论:

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