SHESHUI.ME

Textpattern系列 个人相册页面优化

/

在使用image category 实现的相册读取方式,发现在随着相册的增多,我需要在后台不断的新建大量的图片目录,每个目录对应一个相册,这显然不太合理了。

这个周末决定修改下相册页面的业务实现,决定还是要用回 article来实现,每个article相当于一个相册,而图片list则通过article image来实现,因为article image这个自定义字段可以支持数组,也就是说可以在article image 中输入一组图片id(英文逗号分隔) 即可。

<txp:images category='<txp:custom_field name="imagescategory" />' limit="0" break='' sort='date desc'>  
    <div class="item">
      <div class="imgholder">
        <a href="<txp:image_url />" class="lightbox"><img src="<txp:image_url />" alt="<txp:image_info type='alt' wraptag='' class='' />" /></a>
      </div>
      <div class="caption">
        <h3><txp:image_info type="alt" wraptag="" class="" /></h3>
        <p><txp:image_info type="caption" wraptag="" class="" /></p>
        <div class="meta">updated <txp:image_date format="%Y-%m-%d" /></div>
      </div>
    </div>
</txp:images>

更新后:

 <txp:images id='<txp:custom_field name="article_image" />' limit="0" break='' sort='date desc'>
    <div class="item">
      <div class="imgholder">
        <a href="<txp:image_url />" class="lightbox"><img src="<txp:image_url />" alt="<txp:image_info type='alt' wraptag='' class='' />" /></a>
      </div>
      <div class="caption">
        <h3><txp:image_info type="alt" wraptag="" class="" /></h3>
        <p><txp:image_info type="caption" wraptag="" class="" /></p>
        <div class="meta">updated <txp:image_date format="%Y-%m-%d" /></div>
      </div>
    </div>
</txp:images>

此次修改比较简单,就是改变images标签的数据源而已,之前读取指定目录(category)的图片,而现在则修改读取为文章的article image自定义字段中的字符串(image id)。

Textpattern 文章专题

—— Updated 2018-06-07 08:07 ——

评论列表

非本文主题相关的留言请到:留言本

给我留言 Say something...

* 先[预览],后[提交]。

insert_comment