По умолчанию 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, что не гарантирует корректной работы в вашей теме — пробуйте, отписывайтесь., в ней необходимо создать файл , в ней необходимо создать файл