fix エントリー下部 SummaryだったところをTagRelationalに修正

Author: flour621

src/develop/_entry.html

@@ -6,15 +6,15 @@
     "sns_share": "true"
   })
 
-  <section class="mt-16 md:mt-20">
-    <!-- 関連記事 -->
-    @include("/include/entry/tag-relational-card.html")
-    <div class="mt-10">
-      <!-- 新着記事 -->
-      @include("/include/entry/summary-tiny.html", {
-        "wrapper_class": "md:grid md:grid-cols-2 md:gap-8"
-      })
+  <section class="mt-16 md:mt-20 grid gap-y-8">
+    <div>
+      <h2 class="text-lg font-bold">関連記事</h2>
+      <p class="mt-3"><span>この記事のハッシュタグ</span><!-- BEGIN_MODULE Tag_Cloud ctx="eid/%{EID}" --><span class="flex my-0.5 md:my-0 md:inline md:ml-3"><!-- BEGIN tag:loop --><span class="mr-3"><a href="{path}" class="text-gray-900 no-underline hover:opacity-70">#{name}</a></span><!-- END tag:loop --></span><!-- END_MODULE Tag_Cloud --><span>から関連する記事を表示しています。</span></p>
     </div>
+
+    @include("/include/entry/tag-relational-card.html")
+
+    @include("/include/entry/tag-relational-tiny.html")
   </section>
 </article>
 @endsection

src/develop/include/entry/summary-tiny.html

@@ -1,9 +1,9 @@
 <!-- BEGIN_MODULE Entry_Summary id="{{module_id}}" -->
 <div>
   @include("/admin/module/setting.html")
-  <ul class="{{wrapper_class|default('grid grid-cols-1 md:grid-cols-2 lg:grid-cols-1 gap-4')}}">
+  <div class="{{wrapper_class|default('grid grid-cols-1 md:grid-cols-2 lg:grid-cols-1 gap-4')}}">
     <!-- BEGIN unit:loop --><!-- BEGIN entry:loop -->
-    <li>
+    <article>
       <a href="{url}" class="flex items-start gap-2 hover:opacity-70">
         <div class="w-1/3 aspect-square overflow-hidden rounded-md">
           <!-- BEGIN_IF [{path}/nem] -->
@@ -34,8 +34,8 @@ <h3 class="text-gray-900 font-bold line-clamp-3">{title}</h3>
           </div>
         </div>
       </a>
-    </li>
+    </article>
     <!-- END entry:loop --><!-- END unit:loop -->
-  </ul>
+  </div>
 </div>
 <!-- END_MODULE Entry_Summary -->

src/develop/include/entry/tag-relational-card.html

@@ -1,6 +1,4 @@
 <!-- BEGIN_MODULE Entry_TagRelational id="{{module_id}}" -->
-<h2 class="text-lg font-bold">関連記事</h2>
-<p class="mt-3 mb-8"><span>この記事のハッシュタグ</span><!-- BEGIN_MODULE Tag_Cloud ctx="eid/%{EID}" --><span class="flex my-0.5 md:my-0 md:inline md:ml-3"><!-- BEGIN tag:loop --><span class="mr-3"><a href="{path}" class="text-gray-500 no-underline hover:opacity-70">#{name}</a></span><!-- END tag:loop --></span><!-- END_MODULE Tag_Cloud --><span>から関連する記事を表示しています。</span></p>
 <div>
   @include("/admin/module/setting.html")
 
@@ -9,9 +7,8 @@ <h2 class="text-lg font-bold">関連記事</h2>
   <!-- END notFound -->
 
   <div class="grid grid-cols-1 sm:grid-cols-2 gap-8">
-    <!-- BEGIN unit:loop -->
-    <!-- BEGIN entry:loop -->
-    <div class="">
+    <!-- BEGIN unit:loop --><!-- BEGIN entry:loop -->
+    <article>
       <a href="{url}" class="block w-full hover:opacity-70">
         <!-- BEGIN_IF [{path}/nem] -->
         <img
@@ -45,9 +42,8 @@ <h2 class="mt-3 text-gray-900 text-lg font-bold line-clamp-2">{title}</h2>
         </ul>
         <!-- END tag:veil -->
       </a>
-    </div>
-    <!-- END entry:loop -->
-    <!-- END unit:loop -->
+    </article>
+    <!-- END entry:loop --><!-- END unit:loop -->
   </div>
 </div>
 <!-- END_MODULE Entry_TagRelational -->

src/develop/include/entry/tag-relational-tiny.html

@@ -0,0 +1,46 @@
+<!-- BEGIN_MODULE Entry_TagRelational id="{{module_id}}" -->
+<div>
+  <!-- BEGIN notFound -->
+  <p>関連記事はありません</p>
+  <!-- END notFound -->
+
+  @include("/admin/module/setting.html")
+
+  <div class="{{wrapper_class|default('grid grid-cols-1 md:grid-cols-2 gap-8')}}">
+    <!-- BEGIN unit:loop --><!-- BEGIN entry:loop -->
+    <article>
+      <a href="{url}" class="flex items-start gap-2 hover:opacity-70">
+        <div class="w-1/3 aspect-square overflow-hidden rounded-md">
+          <!-- BEGIN_IF [{path}/nem] -->
+          <img
+            src="%{ROOT_DIR}{path}[resizeImg(192)]"
+            alt="{alt}"
+            class="object-cover w-full h-full"
+          >
+          <!-- ELSE -->
+          <!-- BEGIN noimage -->
+          <img
+            src="/images/default/noimage.gif"
+            alt=""
+            width="{noImgX}"
+            height="{noImgY}"
+            class="object-cover w-full h-full"
+          >
+          <!-- END noimage -->
+          <!-- END_IF -->
+        </div>
+        <div class="flex flex-col items-start justify-center w-2/3 text-sm">
+          <h3 class="text-gray-900 font-bold line-clamp-3">{title}</h3>
+          <div class="flex items-center mt-1">
+            <p class="text-gray-500"><time datetime="{date#Y}-{date#m}-{date#d}">{date#Y}年{date#n}月{date#j}日</time></p>
+            <!-- BEGIN new -->
+            <p class="ml-2 px-2 py-1 rounded-full bg-gray-50 text-gray-900 text-xs">NEW</p>
+            <!-- END new -->
+          </div>
+        </div>
+      </a>
+    </article>
+    <!-- END entry:loop --><!-- END unit:loop -->
+  </div>
+</div>
+<!-- END_MODULE Entry_TagRelational -->