Söktemplate på plats

2026-04-11 14:15:30 +02:00
parent 5eea3c1244
commit 478a8d6302
1 changed files with 69 additions and 0 deletions
--- a/templates/search.html
+++ b/templates/search.html
@@ -0,0 +1,69 @@
+<!-- wp:template-part {"slug":"header"} /-->
+
+<!-- wp:group {"tagName":"main","style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} -->
+<main class="wp-block-group">
+
+    <!-- Titel: Sökresultat för "..." -->
+    <!-- wp:query-title {"type":"search","style":{"typography":{"fontSize":"2rem","fontWeight":"700"},"spacing":{"margin":{"bottom":"var:preset|spacing|40"}}}} /-->
+
+    <!-- Query Loop – ärver sökfrågan -->
+    <!-- wp:query {"inherit":true} -->
+
+        <!-- OM DET FINNS RESULTAT -->
+        <!-- wp:post-template {"layout":{"type":"grid","columnCount":2}} -->
+
+            <!-- CARD (samma stil som dina andra listor) -->
+            <!-- wp:group {"className":"post-card","style":{"border":{"radius":"8px"},"overflow":"hidden","color":{"background":"#16181D"},"shadow":"var:preset|shadow|natural"}} -->
+            <div class="wp-block-group post-card has-background" style="border-radius:8px;background-color:#16181D;box-shadow:var(--wp--preset--shadow--natural)">
+
+                <!-- Cover / featured image -->
+                <!-- wp:cover {"useFeaturedImage":true,"dimRatio":30,"minHeight":300,"minHeightUnit":"px"} -->
+                <div class="wp-block-cover" style="min-height:300px">
+                    <span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span>
+                </div>
+                <!-- /wp:cover -->
+
+                <!-- Text -->
+                <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|20","right":"var:preset|spacing|30","bottom":"var:preset|spacing|30","left":"var:preset|spacing|30"}}}} -->
+                <div class="wp-block-group">
+
+                    <!-- wp:post-title {"isLink":true,"style":{"typography":{"fontSize":"1.2rem","fontWeight":"600"}}} /-->
+
+                    <!-- wp:post-excerpt {"excerptLength":18} /-->
+
+                    <!-- wp:post-date {"style":{"typography":{"fontSize":"0.9rem"},"color":{"text":"#B6BAC6"}}} /-->
+
+                </div>
+                <!-- /wp:group -->
+
+            </div>
+            <!-- /wp:group -->
+
+        <!-- /wp:post-template -->
+
+        <!-- OM INGA RESULTAT FINNS -->
+        <!-- wp:query-no-results -->
+            <!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40"}}}} -->
+            <div class="wp-block-group">
+
+                <!-- wp:heading {"level":2} -->
+                <h2>Inga träffar</h2>
+                <!-- /wp:heading -->
+
+                <!-- wp:paragraph -->
+                <p>Vi hittade inga resultat som matchar din sökning. Försök med andra sökord eller använd sökfältet igen.</p>
+                <!-- /wp:paragraph -->
+
+                <!-- Nytt sökfält -->
+                <!-- wp:search {"label":"Sök igen","showLabel":false,"placeholder":"Sök...","buttonText":"Sök"} /-->
+
+            </div>
+            <!-- /wp:group -->
+        <!-- /wp:query-no-results -->
+
+    <!-- /wp:query -->
+
+</main>
+<!-- /wp:group -->
+
+<!-- wp:template-part {"slug":"footer"} /-->