blog

blog/models.py

@@ -29,11 +29,6 @@ class BlogPage(Page):
         else:
             return None
 
-    search_fields = Page.search_fields + [
-        index.SearchField('intro'),
-        index.SearchField('body'),
-    ]
-
     content_panels = Page.content_panels + [
         FieldPanel('date'),
         FieldPanel('intro'),

blog/templates/blog/blog_index_page.html

@@ -1,18 +1,27 @@
 {% extends "base.html" %}
 
-{% load wagtailcore_tags %}
+{% load wagtailcore_tags wagtailimages_tags  %}
 
 {% block body_class %}template-blogindexpage{% endblock %}
 
 {% block content %}
-    <h1>{{ page.title }}</h1>
+    <h1 style="text-align:center">{{ page.title }}</h1>
 
     <div class="intro">{{ page.intro|richtext }}</div>
 
-    {% for post in page.get_children %}
-        <h2><a href="{% pageurl post %}">{{ post.title }}</a></h2>
-        {{ post.specific.intro }}
-        {{ post.specific.body|richtext }}
-    {% endfor %}
+    <div class="d-flex justify-content-around">
+        {% for post in page.get_children %}
+            <div class="card blog" style="width: 18rem;">
+                {% image post.specific.image width-250 class="card-img-top" %}
+                <div class="card-body">
+                    <h5 class="card-title">{{ post.specific.title }}</h5>
+                    <p class="card-text">{{ post.specific.intro }}</p>
+                </div>
+                <div class="card-body">
+                    <a href="#" class="card-link">Přejít na článek</a>
+                </div>
+            </div>
+        {% endfor %}
+    </div>
 
 {% endblock %}