Perch CMS -从区域列表中获取第一项

Question

我正在使用Perch CMS来获取bxslider的一些字幕。我现在有4个标语。因为我在每个bxslider列表项上使用了不同的图像，所以我想知道是否有一种方法可以提取数组本身的特定索引。

<ul class="bxslider">
    <li> <img src="assets/img/banners/hay-banner.jpg"/> </li>
    <li> <img src="assets/img/banners/final-farmhouse-banner.jpg"/> </li>           
    <li> <img src="assets/img/banners/final-tractor-banner.jpg"/> </li>
    <li> <img src="assets/img/banners/property-owners.jpg"/> </li>
</ul>

这是我目前的HTML代码。我希望能够使用以下命令来拉出标语

<?php perch_content('Taglines');?>

但显而易见的是，这将把所有的标签行都拉到标题中，而不仅仅是第一个<li>的第一个标签行，第二个<li>标签的第二个标签行。

有没有办法在perch中做到这一点？(理想输出如下)。

<li> <img src="assets/img/banners/hay-banner.jpg" title="perch_content('Taglines (1))"

Answer 1

在perch/templates/content/bxlider.html中为该区域创建一个模板

假设您希望在上传时将图像渲染到1000x400：

<perch:before>
<ul class="bxslider">
</perch:before>
    <li> <img src="<perch:content id="image" label="Image" type="image" width="1000" height="400" crop="true" />" title="<perch:content id="tagline" label="Tagline" type="text" />" /> </li>
<perch:after>
</ul>
</perch:after>

在你的页面上，使用<?php perch_content('Slider'); ?>创建区域，在浏览器中重新加载页面，转到perch backend，在页面上设置现在出现的区域"Slider“以允许多个项目，并使用模板"Bxslider”-完成。

在http://docs.grabaperch.com/docs/templates/attributes/type/image/上可以找到更多的图像选项