Превьюшка изображения или thumbnail для Orchard CMS

По умолчанию Orchard не отображает картинки в главной ленте блога. Я нашел простое решение, как включить так называемые thumbnails. UPD: добавил закругления для изображений в css

В папке с вашей темой есть папка Views, в ней необходимо создать файл Parts.Common.Body.Summary.cshtml со следубщим кодом:

@{ 
 Orchard.ContentManagement.ContentItem contentItem = Model.ContentPart.ContentItem;
 var bodyHtml = Model.Html.ToString();
 var more = bodyHtml.IndexOf("");
 if (more != -1) {
 bodyHtml = bodyHtml.Substring(0, more);
 }
 else {
 var firstP = bodyHtml.IndexOf("

"); var firstSlashP = bodyHtml.IndexOf("

"); if (firstP >=0 && firstSlashP > firstP) { bodyHtml = bodyHtml.Substring(firstP, firstSlashP + 4 - firstP); } } var body = new HtmlString(bodyHtml); }

@body

@Html.ItemDisplayLink(T("Read more...").ToString(), contentItem)

Или вы можете скачать уже готовый файл и закачать его к себе на сервер.
Теперь любое изображение расположенное в первом абзаце вашего поста, будет отображаться на главной.

Также не помешает добавить стиль в файл style.css, например:

.thumbnails { margin: 0 8px 8px 0;
-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.4);
-moz-box-shadow: inset 0 0 1px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.4);
box-shadow: inset 0 0 1px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.4);
-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

И добавлять его к каждому изображению, чтобы справа и снизу от картинки был отступ в 5px.

P.s. код я выдрал из шаблона Vulu, что не гарантирует корректной работы в вашей теме — пробуйте, отписывайтесь., в ней необходимо создать файл , в ней необходимо создать файл