WP Manifestindependent plugin directory
manifest / editor / wp-latest-posts-block

Fetch Posts using REST API

Dynamic Gutenberg Block built using React, block.json and render.php

by Srirupa · github.com/srirupa-m/wp-latest-posts-block

★ 0stars
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/srirupa-m/wp-latest-posts-block/archive/refs/heads/main.zip
Readme github.com/srirupa-m/wp-latest-posts-block ↗

WP Latest Posts Block : A custom Gutenberg Block that dynamically displays WordPress Posts using server-side rendering and WP_Query. Built using modern Block Development practices.

  1. Features : (a) Dynamic Gutenberg Block (b) Server-side Rendering (render.php) (c) WP_Query integration (d) Featured Images (e) Category Badge (f) Author (g) Publish Date (h) Responsive Grid (i) Custom Block Controls (j) Modern Card UI

  2. Technologies Used : (a) WordPress (b) Gutenberg Blocks (c) React (d) JSX (e) PHP (f) WP_Query (g) block.json (h) @wordpress/scripts (i) CSS Grid

  3. Folder Structure : WP Latest Posts Block/ |--build/ | |---block.json | |---index-rtl.css | |---index.asset.php | |---index.css | |---index.js | |---render.php | |---style-index-rtl.css | |---style-index.css | |--includes/ | |---enqueue.php | |--screenshots/ | |---editor.png | |---frontend.png | |---Hover Effect.mp4 | |---mobile.png | |--src/ | |---block.json | |---edit.css | |---editor.css | |---index.js | |---render.php | |---save.js | |---style.css | |--package-lock.json |--package.json |--uninstall.php |--README.md |--wp-latest-posts-block.php

  4. Installation : (i) Copy plugin into wp-content/plugins/ (ii) Run : npm install npm run build (iii) Activate Plugin (iv) Insert "WP Latest Posts" block to any post/page.