🐞 fix: Add switch to show back link on single post pages

styles/components/post-list.css

@@ -5,7 +5,7 @@
 .post-list__img { border-bottom: 0; }
 
 .post-list__details {
-    background: color-mix(in oklch, var(--color-cwc-blue-03) 80%, white);
+    background: color-mix(in oklch, var(--color-cwc-blue-03) 60%, white);
     color: var(--color-cwc-blue-01);
 }
 

views/icons/next.php

@@ -1,4 +1,9 @@
-<svg width="11" height="19" viewBox="0 0 11 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<?php
+$width  = $args['width'] ?? '11';
+$height = $args['height'] ?? '19';
+?>
+
+<svg width="<?php echo esc_attr( $width ); ?>" height="<?php echo esc_attr( $height ); ?>" viewBox="0 0 11 19" fill="none" xmlns="http://www.w3.org/2000/svg">
     <title>Next</title>
     <path d="M1.5 17.5L9.5 9.5L1.5 1.5" stroke="#F26B53" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

views/icons/prev.php

@@ -1,4 +1,9 @@
-<svg width="11" height="19" viewBox="0 0 11 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<?php
+$width  = $args['width'] ?? '11';
+$height = $args['height'] ?? '19';
+?>
+
+<svg width="<?php echo esc_attr( $width ); ?>" height="<?php echo esc_attr( $height ); ?>" viewBox="0 0 11 19" fill="none" xmlns="http://www.w3.org/2000/svg">
     <title>Previous</title>
     <path d="M9.5 1.5L1.5 9.5L9.5 17.5" stroke="#F26B53" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

views/partials/page-hero.php

@@ -31,16 +31,27 @@ $wrapperStyle = $bgColor ? 'background-color: ' . esc_attr( $bgColor ) . ';' : '
             <?php Breadcrumbs::render(); ?>
         </div> -->
 
-        <?php if ( $heading ) : ?>
+        <?php
-            <h1 class="page-hero__heading flex-0">
+        if ( ! is_single() ) :
-                <?php echo wp_kses_post( $heading ); ?><em>.</em>
+            if ( $heading ) :
-            </h1>
+                ?>
-        <?php endif; ?>
+                <h1 class="page-hero__heading flex-0">
+                    <?php echo wp_kses_post( $heading ); ?><em>.</em>
+                </h1>
+            <?php endif; ?>
 
-        <?php if ( $intro ) : ?>
+            <?php if ( $intro ) : ?>
-            <div class="page-hero__intro grow text-18px pt-3">
+                <div class="page-hero__intro grow text-18px pt-3">
-                <?php echo wp_kses_post( $intro ); ?>
+                    <?php echo wp_kses_post( $intro ); ?>
-            </div>
+                </div>
+                <?php
+            endif;
+        else :
+            ?>
+            <a href="<?php echo esc_url( get_permalink( get_option( 'page_for_posts' ) ) ); ?>" class="page-hero__back-link flex items-center gap-2 text-20px font-bold text-cwc-blue-03! hover:text-cwc-blue-01!">
+                <span class=""><?php get_template_part( 'views/icons/prev', null, array( 'width' => 7, 'height' => 12 ) ); // phpcs:ignore ?></span>
+                <span>Back</span>
+            </a>
         <?php endif; ?>
     </div>
 </div>