a 要素を追加してリンクとして機能するように修正

Author: mucho613

_includes/top/sections/news.html

@@ -11,14 +11,16 @@ <h2 class="text-4xl mt-20 sm:mt-32 xl:mt-60 2xl:mt-40 text-center">
 
   {% assign news = site.posts | where: "categories", "news" | slice: 0, 5 %}
   {% for post in news %}
-    <li class="text-sm flex items-center py-4 flex-wrap sm:flex-nowrap gap-y-1">
-      <time class="block min-w-24 mr-2">{{ post.date | date:"%Y.%m.%d" }}</time>
-      <span class="block min-w-36 mr-6 px-4 py-px rounded-xs bg-[#cc8f2e] text-white text-center">{{ post.tags }}</span>
-      {% if post.title-in-news-list %}
-        {{ post.title-in-news-list }}
-      {% else %}
-        {{ post.title }}
-      {% endif %}
+    <li>
+      <a href="{{ post.url }}" class="text-sm flex items-center py-4 flex-wrap sm:flex-nowrap gap-y-1">
+        <time class="block min-w-24 mr-2">{{ post.date | date:"%Y.%m.%d" }}</time>
+        <span class="block min-w-36 mr-6 px-4 py-px rounded-xs bg-[#cc8f2e] text-white text-center">{{ post.tags }}</span>
+        {% if post.title-in-news-list %}
+          {{ post.title-in-news-list }}
+        {% else %}
+          {{ post.title }}
+        {% endif %}
+      </a>
     </li>
     {% endfor %}
   </ul>