自定义部分 Umbraco

Question

甚至不确定我是否正确标记了这个，我正在将网站转换为 Umbraco，并且网站的某些部分需要在后端使用 CMS 工具进行编辑，基本上它是带有图片和描述文字的网格

这是 HTML

的示例

<div class="hi-icon-effect-1 hi-icon-effect-1a">
       <a class="hi-icon">
           <img class="img-responsive " id="ImgSales" src="../../Images/sales_icon_circle_grey.png" alt="">
       </a>
       <p style="padding-left:5px;" id="lblSales" class="">Sales</p>
 </div>

我想做的是转到管理的内容部分并编辑项目列表并为每个项目配置图像和文本。

http://www2.strikemedia.co.za/

如果您查看上面的 link 并向下滚动，将会出现一个项目（服务）网格，我希望能够生成此列表。

我对 Umbraco 中使用的所有技术都很满意，我只是不太了解系统，无法进行这些类型的修改，有人可以提供帮助或指出可以帮助我构建它的资源。

谢谢

Answer 1

你应该看看 Archetype 包：https://our.umbraco.org/projects/backoffice-extensions/archetype/

据我了解你的问题，你正在寻找一种方法来将 X 数量的类似项目添加到页面的内容中 - 为此，Archetype 可能是完美的:-)

在 Umbraco 中添加项目列表后，请查看此处：https://github.com/kgiszewski/ArchetypeManual/blob/master/03%20-%20Template%20Usage.md

此示例中的用例 #1 将允许您遍历项目并使用您想要的 "template" 输出它（也就是您提供的 HTML 示例）。

自定义部分 Umbraco

Custom sections Umbraco

umbraco7