drupal主题开发

制作drupal内容列表页--list和grid两种形式

日期:2017-04-04 阅读:2549

dmandwp系统 - wordpress系统和DM系统区块建站>>

制作drupal内容列表页--list和grid两种形式

进入网易云课堂播放
    |    更多视频教程>

 grid格式:grid里,我们使用http://fancyapps.com/fancybox/ 实现弹出窗口的功能。

 要实现这种效果,我们不用ds模块布局的方法,
 我们用覆写node.html.twig的方法。
 由于列表一般用到的显示模式是摘要teaser,

所以覆写 node--news--teaser.html.twig 即可。news表示是新闻中心这个内容类型。
  

 列表里,我们显示以下几个字段,
 有readmore和Date,author,和tag标签。和评论个数。

 

  关于评论个数,请看这里> 

 ----------------

显示日期:

<div class="post-date">
<span class="day">{{ node.createdtime|date('d') }}</span>
<span class="month">{{ node.createdtime|date('M') }}</span> -- 大写的M,会输出英语的月份
</div>

或直接用 {{ node.createdtime|date('Y-m-d') }} ,

---------------

{{ content|without('field_image','field_tag') }}
without的目的是另外安排div

<i class="fa fa-user"></i> By {{ author_name }}
<i class="fa fa-tag"></i> {{ content.field_tag }}

tag标签,要覆写:field--node--field-tag.html.twig

输出下面即可: 

{% for item in items %} 
{{ item.content }} 
{% endfor %}
-------------------

关于摘要,可以 {{ content.body }}

-----

readmore:

<a href="{{ url }}" class="t">Read more...</a>

具体请看视频教程。

 

 

<<点击返回

Drupal8主题开发视频教程 (进入专题>)