Orchard运用 - 定制呈现最新博客文章
2014-04-27 22:50
211 查看
每个博客系统为了吸引更多访问量,一般都会在首页或侧边栏列举一些最新文章/随笔以获取更多点击。其实也就是查询出最新的几篇文章并按照简练的方式呈现,比如一般都只有标题及其对应的链接,有时也会标注一下作者和发布时间等。
Orchard其实最初是以博客系统作为基点扩展出来CMS, 当然这一常见的"Recent Blog Posts" Widget也是必须有的了。不过遗憾的是,其呈现方式是跟列表模式一样一样的,大段的摘要也包含在内。
今天跟大家分享的就是如何定制一个全新的最新文章的展现UI:
首先找到当前运用的主题theme目录, 比如默认的主题目录$ROOT/Themes/TheThemeMachine, 然后找到Views目录,新建一个文件"Parts.Blogs.RecentBlogPosts.cshtml", 文本编辑器打开并添加:
小提示: 其实你可以在博客模块目录$ROOT/Modules/Orchard.Blogs/Views/找到原始的Parts.Blogs.RecentBlogPosts.cshtml。
技巧: 在Orchard中你会经常用到这一表达式 @T("直接输入的提示信息等等")
题外话:
目前为止还是国外对Orchard的介绍和研究比较丰富, 特别是Stackoverflow,你可找到很多问题的解决方案 -
http://stackoverflow.com/questions/tagged/orchardcms
如何在Orchard使用Razor语法 - http://www.cnblogs.com/zhoujg/archive/2011/03/07/1973324.html
Orchard其实最初是以博客系统作为基点扩展出来CMS, 当然这一常见的"Recent Blog Posts" Widget也是必须有的了。不过遗憾的是,其呈现方式是跟列表模式一样一样的,大段的摘要也包含在内。
今天跟大家分享的就是如何定制一个全新的最新文章的展现UI:
首先找到当前运用的主题theme目录, 比如默认的主题目录$ROOT/Themes/TheThemeMachine, 然后找到Views目录,新建一个文件"Parts.Blogs.RecentBlogPosts.cshtml", 文本编辑器打开并添加:
@using Orchard.ContentManagement; @{ IEnumerable<object> blogPosts = Model.ContentItems.ContentItems; } @if (blogPosts == null || blogPosts.Count() < 1) { <p>@T("暂时没有最新随笔。")</p> } else { <ul class="content-items"> @foreach (dynamic post in blogPosts) { string title = post.Title; ContentItem item = post.ContentItem; <li class="content-item-summary"> @Html.ItemDisplayLink(title, item) </li> } </ul> }
小提示: 其实你可以在博客模块目录$ROOT/Modules/Orchard.Blogs/Views/找到原始的Parts.Blogs.RecentBlogPosts.cshtml。
技巧: 在Orchard中你会经常用到这一表达式 @T("直接输入的提示信息等等")
题外话:
目前为止还是国外对Orchard的介绍和研究比较丰富, 特别是Stackoverflow,你可找到很多问题的解决方案 -
http://stackoverflow.com/questions/tagged/orchardcms
如何在Orchard使用Razor语法 - http://www.cnblogs.com/zhoujg/archive/2011/03/07/1973324.html
相关文章推荐
- Orchard运用 - 定制博客分页显示
- Orchard运用 - 为博客启用Markdown编辑器
- 公告:CSDN博客频道首页最新文章规则变更
- 最新文章请访问博主个人博客
- 我的最新文章请看,我百度上的博客地址:http://hi.baidu.com/bz3zwy
- CSDN博客如何转载别人的文章(最新版详细教程)
- 通知:即日起本博客暂停更新,请移步至yanxin8.com获取最新文章
- Python实现抓取CSDN博客首页文章列表
- 编辑文章 - 博客频道 - CSDN.NET
- 第一篇博客文章
- 使用sed把纯文本文章转化为样式自定义的CSDN博客文章
- 本博客全部文章导航
- 我CSDN博客的第一篇文章
- 程序员怎样才能写出一篇好的博客或者技术文章
- 博客文章同步到新的个人网站:http://114.215.157.129:8081/RobotBlog/index.jsp
- hexo github搭建个人博客 最新版!
- 关于自己博客文章的说明
- 最新的Swing外观,定制UI不在话下
- 其实主要涉及的就是分类,文章,摘要,博客自定义信息调用等方法
- 编辑文章 - 博客频道 - CSDN.NET