app/Plugin/TabaCMS2/Resource/template/default/list.twig line 1

Open in your IDE?
  1. {#
  2. Copyright (C) SPREAD WORKS Inc. All Rights Reserved.
  4. For the full copyright and license information, please view the LICENSE
  5. file that was distributed with this source code.
  6. #}
  7. {% extends 'default_frame.twig' %}
  9. {# 投稿リストの取得 #}
  10. {% set post_list = TabaCMSPostList({page_count:10}) %}
  12. {% block javascript %}
  13.     {{ TabaCMSAsset('script.js','script')|raw }}
  14. {% endblock javascript %}
  16. {% block stylesheet %}
  17.     {{ TabaCMSAsset('style.css','style')|raw }}
  18. {% endblock stylesheet %}
  20. {% set breadcrumbs = [{'name': 'ニュース'}] %}
  22. {% block main %}
  23.     <section class="px-6 pb-10 pt-[7.5rem] md:pt-20 md:pb-1 text-black">
  24.         <div class="mx-auto w-full max-w-[63rem]">
  25.             <h1 class="flex items-start gap-4 md:gap-2">
  26.                 <span class="block h-[7.5rem] w-0.5 bg-gradient-to-b from-[#ADAAA6] md:h-16 md:w-px"></span>
  27.                 <p class="text-[2rem] font-light leading-normal tracking-widest md:text-xl">
  28.                     ニュース</p>
  29.             </h1>
  30.         </div>
  31.     </section>
  32.     {{ include('Block/breadcrumb.twig') }}
  33.     <section class="px-6 pb-[7.5rem] md:pb-20 text-black tracking-wider">
  34.         <div class="mx-auto w-full max-w-[50rem]">
  35.             <div class="grid border-t border-sub-gray">
  36.                 {% for post in post_list %}
  37.                     <a href="{{ post.getURI }}" class="grid gap-6 py-10 md:gap-4 border-b border-sub-gray hover">
  38.                         <h2 class="line-clamp-2 text-xl md:text-base font-medium leading-[1.8] text-black ">
  39.                             <span class="sr-only">タイトル：</span>
  40.                             {{ post.getTitle }}</h2>
  41.                         <time datetime={{ post.getPublicDate|date('Y-m-d') }} class="text-right text-sm text-black">
  42.                             <span class="sr-only">投稿日：</span>
  43.                             {{ post.getPublicDate|date('Y.m.d') }}</time>
  44.                     </a>
  45.                 {% endfor %}
  46.             </div>
  47.             {% if post_list.totalItemCount > 0 %}
  48.                 {% include "pager.twig" with {'pages':post_list.paginationData} %}
  49.             {% endif %}
  50.         </div>
  51.     </section>
  52. {% endblock %}