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

时间:2012-07-27 19:36:17

标签: orchardcms styling

我是初学者,使用的是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。你能推荐一个好的起点,以便我能为这类东西找到一个好基地吗?
  4. 我是一个初学者,但我想要变得更好,所以请耐心等待。我几乎没有.Net或C#经验,我的CMS知识基本(Wordpress)。

    感谢阅读!

1 个答案:

答案 0 :(得分:4)

  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

  4. 如果可以的话,我也想对你的标记做一些评论:

    • 表格不应用于布局,只能用于表格数据。
    • 不应使用内联样式,并且应使用样式表中定义的样式替换。
    • 该脚本不应该内联添加,而应该放在一个单独的文件中,并使用@Script.Include包含在内,这样如果模板因任何原因被渲染多次,脚本就不会被添加多次。
    • 该脚本正在污染全局命名空间。
    • 脚本无法本地化。
    • 您可能应该使用服务器端代码,而不是客户端脚本,这样就可以知道世界上所有文化中的日期和月份名称。 @ DateTime.Now.ToString(“dddd,MMMM yyyy”)应该能够替换整个脚本块。