✨feature: Add Recent Projects block

2026-08-18 16:39:26 -05:00
parent d4df6d8678
commit 868c2cc70a
4 changed files with 83 additions and 19 deletions
@@ -0,0 +1,26 @@
+{
+    "name": "acf/recent-projects",
+    "title": "Recent Projects",
+    "description": "Block to display recent projects on the home page.",
+    "style": [
+        "file:./recent-projects.css"
+    ],
+    "category": "sf-blocks",
+    "icon": "block-default",
+    "keywords": [
+        "recent-projects"
+    ],
+    "acf": {
+        "mode": "preview",
+        "renderTemplate": "recent-projects.php"
+    },
+    "supports": {
+        "align": true,
+        "anchor": true,
+        "color": true,
+        "html": false,
+        "jsx": false,
+        "mode": true,
+        "multiple": false
+    }
+}
@@ -0,0 +1,57 @@
+<?php
+/**
+ * Block Name: Recent Projects
+
+ * Block to display recent projects on the home page.
+ *
+ * @package KsPortfolio
+ */
+
+namespace KsPortfolio;
+
+$classes = 'home-recent container mx-auto my-section';
+
+/**
+ * NOTE: DO NOT remove this function call - it is required to avoid editor issues.
+ * $is_preview is a WordPress global when in the editor.
+ */
+$wrapper = blockWrapperAttributes( $classes, $is_preview );
+?>
+
+<section <?php echo wp_kses_post( $wrapper ); ?>>
+    <header class="home-recent__head">
+        <h2 class="home-recent__title"><?php echo esc_html__( 'Recent Projects', 'ks-portfolio' ); ?></h2>
+        <a class="home-recent__view-all" href="<?php echo esc_url( get_post_type_archive_link( 'projects' ) ); ?>">
+            <?php echo esc_html__( 'View All', 'ks-portfolio' ); ?> &rarr;
+        </a>
+    </header>
+
+    <hr class="home-recent__divider" />
+
+    <?php
+    $recent = new \WP_Query(
+        array(
+            'post_type'      => 'projects',
+            'posts_per_page' => 3,
+            'no_found_rows'  => true,
+        )
+    );
+
+    if ( $recent->have_posts() ) :
+        ?>
+        <div class="home-recent__grid grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+            <?php
+            while ( $recent->have_posts() ) :
+                $recent->the_post();
+                get_template_part( 'views/components/project-card' );
+            endwhile;
+            wp_reset_postdata();
+            ?>
+        </div>
+    <?php else : ?>
+        <div class="home-recent__empty">
+            <h3><?php echo esc_html__( 'Nothing here yet&hellip;', 'ks-portfolio' ); ?></h3>
+            <p><?php echo esc_html__( 'No published projects found.', 'ks-portfolio' ); ?></p>
+        </div>
+    <?php endif; ?>
+</section>