По умолчанию Orchard не отображает картинки в главной ленте блога. Я нашел простое решение, как включить так называемые thumbnails. UPD: добавил закругления для изображений в css
В папке с вашей темой есть папка Views, в ней необходимо создать файл Parts.Common.Body.Summary.cshtml со следубщим кодом:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
@{ Orchard.ContentManagement.ContentItem contentItem = Model.ContentPart.ContentItem; var bodyHtml = Model.Html.ToString(); var more = bodyHtml.IndexOf("<!--more-->"); if (more != -1) { bodyHtml = bodyHtml.Substring(0, more); } else { var firstP = bodyHtml.IndexOf("<p>"); var firstSlashP = bodyHtml.IndexOf("</p>"); if (firstP >=0 && firstSlashP > firstP) { bodyHtml = bodyHtml.Substring(firstP, firstSlashP + 4 - firstP); } } var body = new HtmlString(bodyHtml); } <p>@body</p> <p>@Html.ItemDisplayLink(T("Read more...").ToString(), contentItem)</p> |
Или вы можете скачать уже готовый файл и закачать его к себе на сервер.
Теперь любое изображение расположенное в первом абзаце вашего поста, будет отображаться на главной.
Также не помешает добавить стиль в файл style.css, например:
1 2 3 4 5 |
.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, что не гарантирует корректной работы в вашей теме – пробуйте, отписывайтесь., в ней необходимо создать файл , в ней необходимо создать файл
comments powered by HyperComments