Title: Posts Block Lite Author: Troy Templeman Published: Septanm 15, 2024 Last modified: Septanm 24, 2024 --- Search plugins ![](https://ps.w.org/posts-block-lite/assets/banner-772x250.png?rev=3152318) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://ps.w.org/posts-block-lite/assets/icon.svg?rev=3152313) # Posts Block Lite By [Troy Templeman](https://profiles.wordpress.org/troytempleman/) [Download](https://downloads.wordpress.org/plugin/posts-block-lite.0.1.3.zip) * [Details](https://hat.wordpress.org/plugins/posts-block-lite/#description) * [Reviews](https://hat.wordpress.org/plugins/posts-block-lite/#reviews) * [Installation](https://hat.wordpress.org/plugins/posts-block-lite/#installation) * [Development](https://hat.wordpress.org/plugins/posts-block-lite/#developers) [Support](https://wordpress.org/support/plugin/posts-block-lite/) ## Description Posts Block Lite adds a Posts block to the block editor inserter that can be added to display posts in a list, grid or carousel. Upgrade to Pro at [https://troytempleman.com/wordpress/blocks/posts-block/](https://troytempleman.com/wordpress/blocks/posts-block/). #### Features * Responsive * Settings - Block alignment - Layout - List - Grid - Carousel - Text alignment - Post type **[Pro]** - Number of posts - Order by - Order - Number of columns - Column gutter width - Display featured image - Display title - Add heading to title - Title heading - Display author - Display date - Display excerpt - Maximum number of words in excerpt - Display content - Display link - Link text - Carousel - Display dots - Display arrows - Infinite - Speed - Slides to show - Slides to scroll * Styles - Color * Text * Background * Link * Carousel dots **[Pro]** * Carousel dots hover **[Pro]** * Carousel arrows **[Pro]** * Carousel arrows hover **[Pro]** - Typography * Font family * Font size * Appearance * Line height * Letter spacing * Text decoration * Letter case - Dimensions * Padding * Margin * List post padding **[Pro]** * List post margin **[Pro]** * Grid post padding **[Pro]** * Grid post margin **[Pro]** * Carousel post padding **[Pro]** * Carousel post margin **[Pro]** * Featured image padding **[Pro]** * Featured image margin **[Pro]** * Title padding **[Pro]** * Title margin **[Pro]** * Meta padding **[Pro]** * Meta margin **[Pro]** * Excerpt padding **[Pro]** * Excerpt margin **[Pro]** * Content padding **[Pro]** * Content margin **[Pro]** * Link padding **[Pro]** * Link margin **[Pro]** * Variations **[Pro]** - List **[Pro]** - Grid **[Pro]** - Carousel **[Pro]** #### Demo [https://troytempleman.com/wordpress/blocks/posts-block/](https://troytempleman.com/wordpress/blocks/posts-block/) #### HTML Posts Block Lite will output a Posts block with the following HTML structure: ``` ``` ### Support If you need help with Posts Block Lite, please submit a ticket on the [Support](https://wordpress.org/support/plugin/posts-block-lite) forum. ### Donate If you like Posts Block Lite and would like to support it’s future development, how about [buying me a coffee](https://www.buymeacoffee.com/troytempleman)? ### Contribute If you would like to contribute to the development of Posts Block Lite, the repository is located on [GitHub](https://github.com/troytempleman/posts-block-lite). ### License Posts Block Lite is released under the [GNU General Public License, version 2 (GPLv2)](https://www.gnu.org/licenses/gpl-2.0.html). ### Requirements * WordPress 6.0 or greater * PHP version 7.4 or greater * MySQL version 5.7 or greater or MariaDB version 10.3 or greater. ### Credits * [WordPress/gutenberg/packages/block-library/src/latest-posts on GitHub](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/latest-posts) * [Slick](https://kenwheeler.github.io/slick/) ## Screenshots * [[ * Posts block added from the block inserter. * [[ * Posts block variations **[Pro]**. * [[ * Posts block with default settings. * [[ * Posts block with list view settings. * [[ * Posts block with grid view settings. * [[ * Posts block with carousel settings. * [[ * Posts block on the front end. ## Blocks This plugin provides 1 block. * Posts A block that displays posts in a list, grid or carousel. ## Installation Posts Block Lite can be installed in one of the following four ways: #### Automatic To install with the built-in plugin installer: 1. Login to your WordPress site at **domain.com/wp-admin**, where **domain.com** is the domain of your WordPress site. 2. On the **Dashboard** page, in the left menu, click **Plugins**. 3. On the **Plugins** page, click **Add New Plugin**. 4. On the **Add Plugins** page, in the **Search plugins…** field, type **Posts Block Lite**. 5. In the **Search Results**, locate **Posts Block Lite**, click **Install Now** and** Activate**. #### Upload To install with a .zip file: 1. Login to your WordPress site at **domain.com/wp-admin**, where **domain.com** is the domain of your WordPress site. 2. On the **Dashboard** page, in the left menu, click **Plugins**. 3. On the **Plugins** page, click **Add New Plugin**. 4. On the **Add Plugins** page, click **Upload Plugin**. 5. Click **Choose File**, locate the **.zip file** and click **Open**. 6. Click **Install Now**. 7. On the **Installing Plugin from uploaded file** page, click **Activate**. #### Manual To install with a SFTP client: 1. If you have a **.zip file**, unzip it with archiving software such as [WinZip](https://www.winzip.com/) or [Archive Utility](https://apps.apple.com/us/app/archive-utility/id1409613331). 2. In a **SFTP client** such as [WinSCP](https://winscp.net/) or [FileZilla](https://filezilla-project.org/), connect to your WordPress site directory on your server. 3. In the **unzipped files**, copy the **posts-block-lite** folder and paste on your server, in your site’s **wp-content/plugins** folder. 4. Login to your WordPress site at **domain.com/wp-admin**, where **domain.com** is the domain of your WordPress site. 5. On the **Dashboard** page, in the left menu, click **Plugins**. 6. On the **Plugins** page, locate **Posts Block Lite** and click **Activate**. #### Theme To install in your theme instead of a plugin: 1. If you have a **.zip file**, unzip it with archiving software such as [WinZip](https://www.winzip.com/) or [Archive Utility](https://apps.apple.com/us/app/archive-utility/id1409613331). 2. In the **unzipped files**, copy the **posts-block-lite** folder and paste in your site’s theme folder, such as **wp-content/themes/your-theme/inc/posts-block-lite/**, where **your-theme** is your theme folder. 3. In the **unzipped files**, copy the **posts-block-lite** folder and paste in your site’s theme folder, such as **wp-content/themes/your-theme/inc/posts-block-lite/**, where **your-theme** is your theme folder. 4. In a **code editor** such as [Visual Studio Code](https://code.visualstudio.com/) or [Notepad++](https://notepad-plus-plus.org/), open your theme’s **functions.php** file. 5. In your **functions.php** file, add the path from Step 2, such as **require get_stylesheet_directory().‘/ inc/posts-block-lite/posts-block-lite.php’;**. 6. Save and close your **functions.php** file. ## FAQ ### What are posts? Posts are dynamic and time-based content typically used for blogs, news, events, etc. Posts are usually listed in reverse chronological order, can be tagged, categorized and commented on. ### How do I install Posts Block Lite? Please see **Installation** section. ### How do I add a Posts block? 1. Login to your WordPress site at **domain.com/wp-admin**, where **domain.com** is the domain of your WordPress site. 2. On the **Dashboard** page, in the left menu, click **Posts** or **Pages**. 3. On the **Posts** or **Pages** page, either click **Add New**, search for and/or click the desired post or page title. 4. In the **block editor**, either: 5. * Click the block inserter **+** icon in the top toolbar * Click the block inserter **+** icon to the right of an empty block, or * Click the block inserter **+** icon between blocks 6. In the block inserter pop-up modal window, search for and/or click **Posts** to add a Posts block. ### How do I edit a Posts block? 1. Login to your WordPress site at **domain.com/wp-admin**, where **domain.com** is the domain of your WordPress site. 2. On the **Dashboard** page, in the left menu, click **Posts** or **Pages**. 3. On the **Posts** or **Pages** page, search for and/or click the desired post or page title. 4. In the **block editor**, click the desired **Posts** block. 5. In the block toolbar above, select the desired block alignment, layout, text formatting and/or other options. 6. In the settings sidebar, in the **Block** tab: 7. * In the **Settings** tab, select the desired settings. * In the **Styles** tab, select the desired **Color**, **Typography** and/or ** Dimensions** settings. ### How do I setup a development environment? 1. Install WordPress on a local server such as [Local](https://localwp.com/), [Docker](https://www.docker.com/), [MAMP](https://www.mamp.info/) or [XAMPP](https://www.apachefriends.org/). 2. To install Posts Block Lite on your local site, see **Installation** section. 3. If node.js is not already installed locally, go to [https://nodejs.org/](https://nodejs.org/) to install. 4. In a **Command Line Interface (CLI)** such as Command Prompt or Terminal, navigate to the **posts-block-lite** folder. For example, **cd localhost/your-site/wp-content/ plugins/posts-block-lite**. 5. To install project dependencies, type **npm install**. 6. In the **posts-block-lite** folder, edit the desired file or files. 7. To create or update the production **build** directory, type **npm run build**. For other commands, type **npm run**. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Posts Block Lite” is open source software. The following people have contributed to this plugin. Contributors * [ Troy Templeman ](https://profiles.wordpress.org/troytempleman/) [Translate “Posts Block Lite” into your language.](https://translate.wordpress.org/projects/wp-plugins/posts-block-lite) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/posts-block-lite/), check out the [SVN repository](https://plugins.svn.wordpress.org/posts-block-lite/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/posts-block-lite/) by [RSS](https://plugins.trac.wordpress.org/log/posts-block-lite/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 0.1.3 – September 22, 2024 * Added: Translators in `src/render.php`. * Updated: Version in `build/block.json` and `src/block.json`. * Updated: Version in `package.json` and `posts-block-lite.php`. * Updated: Stable tag and changelog in `readme.md` and `readme.txt`. #### 0.1.2 – September 15, 2024 * Changed: Text domains from `posts-block` to `posts-block-lite`. * Changed: `json_encode` to `esc_attr( wp_json_encode )` in `build/render.php` and `src/render.php`. * Changed: `wp_kses_post` filter from `$posts` to `$content` in `build/render.php` and `src/render.php`. * Updated: Version in `build/block.json` and `src/block.json`. * Updated: Version in `package.json` and `posts-block-lite.php`. * Updated: Stable tag and changelog in `readme.md` and `readme.txt`. #### 0.1.1 – May 20, 2024 * Added: Code to prevent direct file access in `build/render.php` and `src/render. php`. * Added: Security improvement by adding `wp_kses_post` filter to `$block_content` in build/render.php`and`src/render.php`. * Changed: Function names from `posts_block_*` to `posts_block_lite_*` in `posts- block-lite.php`. * Changed: Text domains from `posts-block-lite` to `posts-block`. * Removed: `src/slick/config.rb` * Updated: Version in `build/block.json` and `src/block.json`. * Updated: Version in `package.json` and `posts-block-lite.php`. * Updated: Stable tag and changelog in `readme.md` and `readme.txt`. #### 0.1.0 – November 15, 2023 * Initial release ## Meta * Version **0.1.3** * Last updated **2 years ago** * Active installations **Fewer than 10** * WordPress version ** 6.0 or higher ** * Tested up to **6.6.5** * PHP version ** 7.0 or higher ** * Language * [English (US)](https://wordpress.org/plugins/posts-block-lite/) * Tags * [block](https://hat.wordpress.org/plugins/tags/block/)[carousel](https://hat.wordpress.org/plugins/tags/carousel/) [latest posts](https://hat.wordpress.org/plugins/tags/latest-posts/)[posts](https://hat.wordpress.org/plugins/tags/posts/) [recent posts](https://hat.wordpress.org/plugins/tags/recent-posts/) * [Advanced View](https://hat.wordpress.org/plugins/posts-block-lite/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/posts-block-lite/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/posts-block-lite/reviews/) ## Contributors * [ Troy Templeman ](https://profiles.wordpress.org/troytempleman/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/posts-block-lite/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](https://www.buymeacoffee.com/troytempleman)