{"id":184,"date":"2023-12-16T20:58:53","date_gmt":"2023-12-16T20:58:53","guid":{"rendered":"https:\/\/troytempleman.com\/wordpress\/blocks\/?page_id=184"},"modified":"2023-12-17T18:07:19","modified_gmt":"2023-12-17T18:07:19","slug":"posts-block","status":"publish","type":"page","link":"https:\/\/troytempleman.com\/wordpress\/blocks\/posts-block\/","title":{"rendered":"Posts Block"},"content":{"rendered":"<div class=\"wp-block-tt-posts wp-block-tt-posts-1 is-carousel has-dates has-author\"><div class=\"carousel\" data-slick=\"{&quot;dots&quot;:true,&quot;arrows&quot;:true,&quot;infinite&quot;:true,&quot;speed&quot;:300,&quot;slidesToShow&quot;:3,&quot;slidesToScroll&quot;:3}\"><div class=\"wp-block-tt-posts-post\"><div class=\"wp-block-tt-posts-post-featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"620\" height=\"413\" src=\"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/11\/moon.jpg\" class=\"wp-block-tt-posts wp-block-tt-posts-1 is-carousel has-dates has-author wp-block-tt-posts-post-thumbnail wp-post-image\" alt=\"\" \/><\/div><h3 class=\"wp-block-tt-posts-post-title\"><a href=\"https:\/\/troytempleman.com\/wordpress\/blocks\/uncategorized\/lorem-ipsum-dolor\/\">Lorem ipsum dolor<\/a><\/h3><div class=\"wp-block-tt-posts-post-meta\"><span class=\"wp-block-tt-posts-post-meta-date\">Posted November 15, 2023<\/span> <span class=\"wp-block-tt-posts-post-meta-author\">by <a class=\"wp-block-tt-posts-post-meta-author-link\" href=\"https:\/\/troytempleman.com\/wordpress\/blocks\/author\/\">Troy Templeman<\/a><\/span><\/div><div class=\"wp-block-tt-posts-post-excerpt\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec lobortis nisi. Curabitur luctus pulvinar&hellip;<\/div><p class=\"wp-block-tt-posts-post-link\"><a href=\"https:\/\/troytempleman.com\/wordpress\/blocks\/uncategorized\/lorem-ipsum-dolor\/\">Read more<\/a><\/p><\/div><div class=\"wp-block-tt-posts-post\"><div class=\"wp-block-tt-posts-post-featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"620\" height=\"413\" src=\"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/11\/lunch.jpg\" class=\"wp-block-tt-posts wp-block-tt-posts-1 is-carousel has-dates has-author wp-block-tt-posts-post-thumbnail wp-post-image\" alt=\"\" \/><\/div><h3 class=\"wp-block-tt-posts-post-title\"><a href=\"https:\/\/troytempleman.com\/wordpress\/blocks\/uncategorized\/sit-amet\/\">Sit amet<\/a><\/h3><div class=\"wp-block-tt-posts-post-meta\"><span class=\"wp-block-tt-posts-post-meta-date\">Posted November 15, 2023<\/span> <span class=\"wp-block-tt-posts-post-meta-author\">by <a class=\"wp-block-tt-posts-post-meta-author-link\" href=\"https:\/\/troytempleman.com\/wordpress\/blocks\/author\/\">Troy Templeman<\/a><\/span><\/div><div class=\"wp-block-tt-posts-post-excerpt\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec lobortis nisi. Curabitur luctus pulvinar&hellip;<\/div><p class=\"wp-block-tt-posts-post-link\"><a href=\"https:\/\/troytempleman.com\/wordpress\/blocks\/uncategorized\/sit-amet\/\">Read more<\/a><\/p><\/div><div class=\"wp-block-tt-posts-post\"><div class=\"wp-block-tt-posts-post-featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"620\" height=\"413\" src=\"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/11\/einstien.jpg\" class=\"wp-block-tt-posts wp-block-tt-posts-1 is-carousel has-dates has-author wp-block-tt-posts-post-thumbnail wp-post-image\" alt=\"\" \/><\/div><h3 class=\"wp-block-tt-posts-post-title\"><a href=\"https:\/\/troytempleman.com\/wordpress\/blocks\/uncategorized\/consectetur-adipiscing\/\">Consectetur adipiscing<\/a><\/h3><div class=\"wp-block-tt-posts-post-meta\"><span class=\"wp-block-tt-posts-post-meta-date\">Posted November 15, 2023<\/span> <span class=\"wp-block-tt-posts-post-meta-author\">by <a class=\"wp-block-tt-posts-post-meta-author-link\" href=\"https:\/\/troytempleman.com\/wordpress\/blocks\/author\/\">Troy Templeman<\/a><\/span><\/div><div class=\"wp-block-tt-posts-post-excerpt\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec lobortis nisi. Curabitur luctus pulvinar&hellip;<\/div><p class=\"wp-block-tt-posts-post-link\"><a href=\"https:\/\/troytempleman.com\/wordpress\/blocks\/uncategorized\/consectetur-adipiscing\/\">Read more<\/a><\/p><\/div><div class=\"wp-block-tt-posts-post\"><h3 class=\"wp-block-tt-posts-post-title\"><a href=\"https:\/\/troytempleman.com\/wordpress\/blocks\/uncategorized\/ut-nec-lobortis\/\">Ut nec lobortis<\/a><\/h3><div class=\"wp-block-tt-posts-post-meta\"><span class=\"wp-block-tt-posts-post-meta-date\">Posted November 15, 2023<\/span> <span class=\"wp-block-tt-posts-post-meta-author\">by <a class=\"wp-block-tt-posts-post-meta-author-link\" href=\"https:\/\/troytempleman.com\/wordpress\/blocks\/author\/\">Troy Templeman<\/a><\/span><\/div><div class=\"wp-block-tt-posts-post-excerpt\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec lobortis nisi. Curabitur luctus pulvinar&hellip;<\/div><p class=\"wp-block-tt-posts-post-link\"><a href=\"https:\/\/troytempleman.com\/wordpress\/blocks\/uncategorized\/ut-nec-lobortis\/\">Read more<\/a><\/p><\/div><div class=\"wp-block-tt-posts-post\"><h3 class=\"wp-block-tt-posts-post-title\"><a href=\"https:\/\/troytempleman.com\/wordpress\/blocks\/uncategorized\/curabitur-luctus\/\">Curabitur luctus<\/a><\/h3><div class=\"wp-block-tt-posts-post-meta\"><span class=\"wp-block-tt-posts-post-meta-date\">Posted November 15, 2023<\/span> <span class=\"wp-block-tt-posts-post-meta-author\">by <a class=\"wp-block-tt-posts-post-meta-author-link\" href=\"https:\/\/troytempleman.com\/wordpress\/blocks\/author\/\">Troy Templeman<\/a><\/span><\/div><div class=\"wp-block-tt-posts-post-excerpt\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec lobortis nisi. Curabitur luctus pulvinar&hellip;<\/div><p class=\"wp-block-tt-posts-post-link\"><a href=\"https:\/\/troytempleman.com\/wordpress\/blocks\/uncategorized\/curabitur-luctus\/\">Read more<\/a><\/p><\/div><div class=\"wp-block-tt-posts-post\"><h3 class=\"wp-block-tt-posts-post-title\"><a href=\"https:\/\/troytempleman.com\/wordpress\/blocks\/uncategorized\/pulvinar-tincidunt\/\">Pulvinar tincidunt<\/a><\/h3><div class=\"wp-block-tt-posts-post-meta\"><span class=\"wp-block-tt-posts-post-meta-date\">Posted November 15, 2023<\/span> <span class=\"wp-block-tt-posts-post-meta-author\">by <a class=\"wp-block-tt-posts-post-meta-author-link\" href=\"https:\/\/troytempleman.com\/wordpress\/blocks\/author\/\">Troy Templeman<\/a><\/span><\/div><div class=\"wp-block-tt-posts-post-excerpt\">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut nec lobortis nisi. Curabitur luctus pulvinar&hellip;<\/div><p class=\"wp-block-tt-posts-post-link\"><a href=\"https:\/\/troytempleman.com\/wordpress\/blocks\/uncategorized\/pulvinar-tincidunt\/\">Read more<\/a><\/p><\/div><\/div><\/div>\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-1 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" rel=\"#\">Download Lite<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\">Buy Pro<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:32px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"description\">Description<\/h2>\n\n\n\n<p>Posts Block adds a responsive Posts block to the block editor inserter that can be added to display posts in a list, grid or carousel.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"features\">Features<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Responsive<\/li>\n\n\n\n<li>Settings\n<ul class=\"wp-block-list\">\n<li>Block alignment<\/li>\n\n\n\n<li>Layout\n<ul class=\"wp-block-list\">\n<li>List<\/li>\n\n\n\n<li>Grid<\/li>\n\n\n\n<li>Carousel<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Text alignment<\/li>\n\n\n\n<li>Post type&nbsp;<strong>[Pro]<\/strong><\/li>\n\n\n\n<li>Number of posts<\/li>\n\n\n\n<li>Order by<\/li>\n\n\n\n<li>Order<\/li>\n\n\n\n<li>Number of columns<\/li>\n\n\n\n<li>Column gutter width<\/li>\n\n\n\n<li>Display featured image<\/li>\n\n\n\n<li>Display title<\/li>\n\n\n\n<li>Add heading to title<\/li>\n\n\n\n<li>Title heading<\/li>\n\n\n\n<li>Display author<\/li>\n\n\n\n<li>Display date<\/li>\n\n\n\n<li>Display excerpt<\/li>\n\n\n\n<li>Maximum number of words in excerpt<\/li>\n\n\n\n<li>Display content<\/li>\n\n\n\n<li>Display link<\/li>\n\n\n\n<li>Link text<\/li>\n\n\n\n<li>Carousel\n<ul class=\"wp-block-list\">\n<li>Display dots<\/li>\n\n\n\n<li>Display arrows<\/li>\n\n\n\n<li>Infinite<\/li>\n\n\n\n<li>Speed<\/li>\n\n\n\n<li>Slides to show<\/li>\n\n\n\n<li>Slides to scroll<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Styles\n<ul class=\"wp-block-list\">\n<li>Color\n<ul class=\"wp-block-list\">\n<li>Text<\/li>\n\n\n\n<li>Background<\/li>\n\n\n\n<li>Link<\/li>\n\n\n\n<li>Carousel dots&nbsp;<strong>[Pro]<\/strong><\/li>\n\n\n\n<li>Carousel dots hover&nbsp;<strong>[Pro]<\/strong><\/li>\n\n\n\n<li>Carousel arrows&nbsp;<strong>[Pro]<\/strong><\/li>\n\n\n\n<li>Carousel arrows hover&nbsp;<strong>[Pro]<\/strong><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Typography\n<ul class=\"wp-block-list\">\n<li>Font family<\/li>\n\n\n\n<li>Font size<\/li>\n\n\n\n<li>Appearance<\/li>\n\n\n\n<li>Line height<\/li>\n\n\n\n<li>Letter spacing<\/li>\n\n\n\n<li>Text decoration<\/li>\n\n\n\n<li>Letter case<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Dimensions\n<ul class=\"wp-block-list\">\n<li>Padding<\/li>\n\n\n\n<li>Margin<\/li>\n\n\n\n<li>List post padding&nbsp;<strong>[Pro]<\/strong><\/li>\n\n\n\n<li>List post margin&nbsp;<strong>[Pro]<\/strong><\/li>\n\n\n\n<li>Grid post padding&nbsp;<strong>[Pro]<\/strong><\/li>\n\n\n\n<li>Grid post margin&nbsp;<strong>[Pro]<\/strong><\/li>\n\n\n\n<li>Carousel post padding&nbsp;<strong>[Pro]<\/strong><\/li>\n\n\n\n<li>Carousel post margin&nbsp;<strong>[Pro]<\/strong><\/li>\n\n\n\n<li>Featured image padding&nbsp;<strong>[Pro]<\/strong><\/li>\n\n\n\n<li>Featured image margin&nbsp;<strong>[Pro]<\/strong><\/li>\n\n\n\n<li>Title padding&nbsp;<strong>[Pro]<\/strong><\/li>\n\n\n\n<li>Title margin&nbsp;<strong>[Pro]<\/strong><\/li>\n\n\n\n<li>Meta padding&nbsp;<strong>[Pro]<\/strong><\/li>\n\n\n\n<li>Meta margin&nbsp;<strong>[Pro]<\/strong><\/li>\n\n\n\n<li>Excerpt padding&nbsp;<strong>[Pro]<\/strong><\/li>\n\n\n\n<li>Excerpt margin&nbsp;<strong>[Pro]<\/strong><\/li>\n\n\n\n<li>Content padding&nbsp;<strong>[Pro]<\/strong><\/li>\n\n\n\n<li>Content margin&nbsp;<strong>[Pro]<\/strong><\/li>\n\n\n\n<li>Link padding&nbsp;<strong>[Pro]<\/strong><\/li>\n\n\n\n<li>Link margin&nbsp;<strong>[Pro]<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Variations&nbsp;<strong>[Pro]<\/strong>\n<ul class=\"wp-block-list\">\n<li>List&nbsp;<strong>[Pro]<\/strong><\/li>\n\n\n\n<li>Grid&nbsp;<strong>[Pro]<\/strong><\/li>\n\n\n\n<li>Carousel&nbsp;<strong>[Pro]<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"html\">HTML<\/h3>\n\n\n\n<p>Posts Block will output a Posts block with the following HTML structure:<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;ul class=\"wp-block-tt-posts wp-block-tt-posts-6\"&gt;\n    &lt;li class=\"wp-block-tt-posts-post\"&gt;\n        &lt;div class=\"wp-block-tt-posts-post-featured-image\u201d&gt;\n            &lt;img class=\u201cwp-block-tt-posts-post-thumbnail\u201d src=\u201c#\u201d&gt;\n        &lt;\/div&gt;\n        &lt;h3 class=\"wp-block-tt-posts-post-title\"&gt;\n            &lt;a href=\u201c#\u201d&gt;Title&lt;\/a&gt;\n        &lt;\/h3&gt;\n        &lt;div class=\"wp-block-tt-posts-post-meta\"&gt;\n            &lt;span class=\"wp-block-tt-posts-post-meta-date\"&gt;Posted &lt;time class=\"wp-block-tt-posts-post-meta-date-time\" datetime=\"2023-11-01T12:00:00+00:00\"&gt;November 1, 2023&lt;\/time&gt;&lt;\/span&gt;\n        &lt;\/div&gt;\n        &lt;div class=\"wp-block-tt-posts-post-excerpt\"&gt;Excerpt&lt;\/div&gt;\n        &lt;a class=\"wp-block-tt-posts-post-link\" href=\u201c#\u201d&gt;Read more&lt;\/a&gt;\n    &lt;\/li&gt;\n&lt;\/ul&gt;\n<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"support\">Support<\/h2>\n\n\n\n<p>If you need help with Posts Block, please submit a ticket on the <a href=\"https:\/\/www.codester.com\/items\/comments\/46028\/posts-block-pro-for-wordpress\">Support<\/a> forum.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"donate\">Donate<\/h2>\n\n\n\n<p>If you like Posts Block and would like to support it&#8217;s future development, how about&nbsp;<a href=\"https:\/\/www.buymeacoffee.com\/troytempleman\">buying me a coffee<\/a>?<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"contribute\">Contribute<\/h2>\n\n\n\n<p>If you would like to contribute to the development of Posts Block, the repository is located on&nbsp;<a href=\"https:\/\/github.com\/troytempleman\/posts-block-lite\">GitHub<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"license\">License<\/h2>\n\n\n\n<p>Posts Block is released under the&nbsp;<a href=\"https:\/\/www.gnu.org\/licenses\/gpl-2.0.html\">GNU General Public License, version 2 (GPLv2)<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"requirements\">Requirements<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>WordPress 6.0 or greater<\/li>\n\n\n\n<li>PHP version 7.4 or greater<\/li>\n\n\n\n<li>MySQL version 5.7 or greater or MariaDB version 10.3 or greater.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"installation\">Installation<\/h2>\n\n\n\n<p>Posts Block can be installed in one of the following three ways:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"upload\">Upload<\/h3>\n\n\n\n<p>To install with a .zip file:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Login to your WordPress site at&nbsp;<strong>domain.com\/wp-admin<\/strong>, where&nbsp;<strong>domain.com<\/strong>&nbsp;is the domain of your WordPress site.<\/li>\n\n\n\n<li>On the&nbsp;<strong>Dashboard<\/strong>&nbsp;page, in the left menu, click&nbsp;<strong>Plugins<\/strong>.<\/li>\n\n\n\n<li>On the&nbsp;<strong>Plugins<\/strong>&nbsp;page, click&nbsp;<strong>Add New Plugin<\/strong>.<\/li>\n\n\n\n<li>On the&nbsp;<strong>Add Plugins<\/strong>&nbsp;page, click&nbsp;<strong>Upload Plugin<\/strong>.<\/li>\n\n\n\n<li>Click&nbsp;<strong>Choose File<\/strong>, locate the&nbsp;<strong>.zip file<\/strong>&nbsp;and click&nbsp;<strong>Open<\/strong>.<\/li>\n\n\n\n<li>Click&nbsp;<strong>Install Now<\/strong>.<\/li>\n\n\n\n<li>On the&nbsp;<strong>Installing Plugin from uploaded file<\/strong>&nbsp;page, click&nbsp;<strong>Activate<\/strong>.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"manual\">Manual<\/h3>\n\n\n\n<p>To install with a SFTP client:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>If you have a&nbsp;<strong>.zip file<\/strong>, unzip it with archiving software such as&nbsp;<a href=\"https:\/\/www.winzip.com\/\">WinZip<\/a>&nbsp;or&nbsp;<a href=\"https:\/\/apps.apple.com\/us\/app\/archive-utility\/id1409613331\">Archive Utility<\/a>.<\/li>\n\n\n\n<li>In a&nbsp;<strong>SFTP client<\/strong>&nbsp;such as&nbsp;<a href=\"https:\/\/winscp.net\/\">WinSCP<\/a>&nbsp;or&nbsp;<a href=\"https:\/\/filezilla-project.org\/\">FileZilla<\/a>, connect to your WordPress site directory on your server.<\/li>\n\n\n\n<li>In the\u00a0<strong>unzipped files<\/strong>, copy the\u00a0<strong>posts-block<\/strong> folder and paste on your server, in your site\u2019s\u00a0<strong>wp-content\/plugins<\/strong>\u00a0folder.<\/li>\n\n\n\n<li>Login to your WordPress site at&nbsp;<strong>domain.com\/wp-admin<\/strong>, where&nbsp;<strong>domain.com<\/strong>&nbsp;is the domain of your WordPress site.<\/li>\n\n\n\n<li>On the&nbsp;<strong>Dashboard<\/strong>&nbsp;page, in the left menu, click&nbsp;<strong>Plugins<\/strong>.<\/li>\n\n\n\n<li>On the\u00a0<strong>Plugins<\/strong>\u00a0page, locate\u00a0<strong>Posts Block<\/strong> and click\u00a0<strong>Activate<\/strong>.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"theme\">Theme<\/h3>\n\n\n\n<p>To install in your theme instead of a plugin:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>If you have a&nbsp;<strong>.zip file<\/strong>, unzip it with archiving software such as&nbsp;<a href=\"https:\/\/www.winzip.com\/\">WinZip<\/a>&nbsp;or&nbsp;<a href=\"https:\/\/apps.apple.com\/us\/app\/archive-utility\/id1409613331\">Archive Utility<\/a>.<\/li>\n\n\n\n<li>In the\u00a0<strong>unzipped files<\/strong>, copy the\u00a0<strong>posts-block<\/strong> folder and paste in your site\u2019s theme folder, such as\u00a0<strong>wp-content\/themes\/your-theme\/inc\/posts-block\/<\/strong>, where\u00a0<strong>your-theme<\/strong>\u00a0is your theme folder.<\/li>\n\n\n\n<li>In a&nbsp;<strong>code editor<\/strong>&nbsp;such as&nbsp;<a href=\"https:\/\/code.visualstudio.com\/\">Visual Studio Code<\/a>&nbsp;or&nbsp;<a href=\"https:\/\/notepad-plus-plus.org\/\">Notepad++<\/a>, open your theme&#8217;s&nbsp;<strong>functions.php<\/strong>&nbsp;file.<\/li>\n\n\n\n<li>In your\u00a0<strong>functions.php<\/strong>\u00a0file, add the path from Step 2, such as\u00a0<strong>require get_stylesheet_directory() . &#8216;\/inc\/posts-block\/posts-block.php&#8217;;<\/strong>.<\/li>\n\n\n\n<li>Save and close your&nbsp;<strong>functions.php<\/strong>&nbsp;file.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"faq\">FAQ<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"what-are-posts-\">What are posts?<\/h3>\n\n\n\n<p>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.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-do-i-install-posts-block-pro-\">How do I install Posts Block?<\/h3>\n\n\n\n<p>Please see&nbsp;<strong>Installation<\/strong>&nbsp;section.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-do-i-add-a-posts-block-\">How do I add a Posts block?<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Login to your WordPress site at&nbsp;<strong>domain.com\/wp-admin<\/strong>, where&nbsp;<strong>domain.com<\/strong>&nbsp;is the domain of your WordPress site.<\/li>\n\n\n\n<li>On the&nbsp;<strong>Dashboard<\/strong>&nbsp;page, in the left menu, click&nbsp;<strong>Posts<\/strong>&nbsp;or&nbsp;<strong>Pages<\/strong>.<\/li>\n\n\n\n<li>On the&nbsp;<strong>Posts<\/strong>&nbsp;or&nbsp;<strong>Pages<\/strong>&nbsp;page, either click&nbsp;<strong>Add New<\/strong>, search for and\/or click the desired post or page title.<\/li>\n\n\n\n<li>In the&nbsp;<strong>block editor<\/strong>, either:\n<ul class=\"wp-block-list\">\n<li>Click the block inserter&nbsp;<strong>+<\/strong>&nbsp;icon in the top toolbar<\/li>\n\n\n\n<li>Click the block inserter&nbsp;<strong>+<\/strong>&nbsp;icon to the right of an empty block, or<\/li>\n\n\n\n<li>Click the block inserter&nbsp;<strong>+<\/strong>&nbsp;icon between blocks<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>In the block inserter pop-up modal window, search for and\/or click&nbsp;<strong>Posts<\/strong>&nbsp;to add a Posts block.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-do-i-edit-a-posts-block-\">How do I edit a Posts block?<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Login to your WordPress site at&nbsp;<strong>domain.com\/wp-admin<\/strong>, where&nbsp;<strong>domain.com<\/strong>&nbsp;is the domain of your WordPress site.<\/li>\n\n\n\n<li>On the&nbsp;<strong>Dashboard<\/strong>&nbsp;page, in the left menu, click&nbsp;<strong>Posts<\/strong>&nbsp;or&nbsp;<strong>Pages<\/strong>.<\/li>\n\n\n\n<li>On the&nbsp;<strong>Posts<\/strong>&nbsp;or&nbsp;<strong>Pages<\/strong>&nbsp;page, search for and\/or click the desired post or page title.<\/li>\n\n\n\n<li>In the&nbsp;<strong>block editor<\/strong>, click the desired&nbsp;<strong>Posts<\/strong>&nbsp;block.<\/li>\n\n\n\n<li>In the block toolbar above, select the desired block alignment, layout, text formatting and\/or other options.<\/li>\n\n\n\n<li>In the settings sidebar, in the&nbsp;<strong>Block<\/strong>&nbsp;tab:\n<ul class=\"wp-block-list\">\n<li>In the&nbsp;<strong>Settings<\/strong>&nbsp;tab, select the desired settings.<\/li>\n\n\n\n<li>In the&nbsp;<strong>Styles<\/strong>&nbsp;tab, select the desired&nbsp;<strong>Color<\/strong>,&nbsp;<strong>Typography<\/strong>&nbsp;and\/or&nbsp;<strong>Dimensions<\/strong>&nbsp;settings.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"how-do-i-setup-a-development-environment-\">How do I setup a development environment?<\/h3>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Install WordPress on a local server such as&nbsp;<a href=\"https:\/\/localwp.com\/\">Local<\/a>,&nbsp;<a href=\"https:\/\/www.docker.com\/\">Docker<\/a>,&nbsp;<a href=\"https:\/\/www.mamp.info\/\">MAMP<\/a>&nbsp;or&nbsp;<a href=\"https:\/\/www.apachefriends.org\/\">XAMPP<\/a>.<\/li>\n\n\n\n<li>To install Posts Block on your local site, see&nbsp;<strong>Installation<\/strong>&nbsp;section.<\/li>\n\n\n\n<li>If node.js is not already installed locally, go to&nbsp;<a href=\"https:\/\/nodejs.org\/\">https:\/\/nodejs.org\/<\/a>&nbsp;to install.<\/li>\n\n\n\n<li>In a\u00a0<strong>Command Line Interface (CLI)<\/strong>\u00a0such as Command Prompt or Terminal, navigate to the\u00a0<strong>posts-block<\/strong> folder. For example,\u00a0<strong>cd localhost\/your-site\/wp-content\/plugins\/posts-block<\/strong>.<\/li>\n\n\n\n<li>To install project dependencies, type&nbsp;<strong>npm install<\/strong>.<\/li>\n\n\n\n<li>In the\u00a0<strong>posts-block<\/strong> folder, edit the desired file or files.<\/li>\n\n\n\n<li>To create or update the production&nbsp;<strong>build<\/strong>&nbsp;directory, type&nbsp;<strong>npm run build<\/strong>. For other commands, type&nbsp;<strong>npm run<\/strong>.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"screenshots\">Screenshots<\/h2>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large has-custom-border is-style-default\"><a href=\"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-1-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-1-2-1024x768.png\" alt=\"\" class=\"wp-image-185\" style=\"border-width:1px\" srcset=\"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-1-2-1024x768.png 1024w, https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-1-2-300x225.png 300w, https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-1-2-768x576.png 768w, https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-1-2.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Posts block added from the block inserter.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large has-custom-border\"><a href=\"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-2-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-2-2-1024x768.png\" alt=\"\" class=\"wp-image-186\" style=\"border-width:1px;object-fit:cover\" srcset=\"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-2-2-1024x768.png 1024w, https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-2-2-300x225.png 300w, https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-2-2-768x576.png 768w, https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-2-2.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Posts block variations&nbsp;<strong>[Pro]<\/strong>.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large has-custom-border is-style-default\"><a href=\"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-3-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-3-2-1024x768.png\" alt=\"\" class=\"wp-image-187\" style=\"border-width:1px\" srcset=\"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-3-2-1024x768.png 1024w, https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-3-2-300x225.png 300w, https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-3-2-768x576.png 768w, https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-3-2.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Posts block with default settings.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large has-custom-border\"><a href=\"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-4-2.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-4-2-1024x768.png\" alt=\"\" class=\"wp-image-188\" style=\"border-width:1px;object-fit:cover\" srcset=\"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-4-2-1024x768.png 1024w, https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-4-2-300x225.png 300w, https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-4-2-768x576.png 768w, https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-4-2.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Posts block with list view settings.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-3 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large has-custom-border is-style-default\"><a href=\"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-5-3.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-5-3-1024x768.png\" alt=\"\" class=\"wp-image-189\" style=\"border-width:1px\" srcset=\"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-5-3-1024x768.png 1024w, https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-5-3-300x225.png 300w, https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-5-3-768x576.png 768w, https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-5-3.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Posts block with grid view settings.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large has-custom-border\"><a href=\"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-6.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-6-1024x768.png\" alt=\"\" class=\"wp-image-190\" style=\"border-width:1px;object-fit:cover\" srcset=\"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-6-1024x768.png 1024w, https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-6-300x225.png 300w, https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-6-768x576.png 768w, https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-6.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Posts block with carousel settings.<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-4 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large has-custom-border is-style-default\"><a href=\"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-7.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-7-1024x768.png\" alt=\"\" class=\"wp-image-191\" style=\"border-width:1px\" srcset=\"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-7-1024x768.png 1024w, https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-7-300x225.png 300w, https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-7-768x576.png 768w, https:\/\/troytempleman.com\/wordpress\/blocks\/wp-content\/uploads\/2023\/12\/screenshot-7.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Posts block on the front end.<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"changelog\">Changelog<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"0-1-0-november-15-2023\">0.1.0 &#8211; November 15, 2023<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Initial release<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"credits\">Credits<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/github.com\/WordPress\/gutenberg\/tree\/trunk\/packages\/block-library\/src\/latest-posts\">WordPress Latest Posts Block<\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/kenwheeler.github.io\/slick\/\">Slick<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Description Posts Block adds a responsive Posts block to the block editor inserter that can be added to display posts in a list, grid or carousel. Features HTML Posts Block will output a Posts block with the following HTML structure: Support If you need help with Posts Block, please submit a ticket on the Support [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-184","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-json\/wp\/v2\/pages\/184","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-json\/wp\/v2\/comments?post=184"}],"version-history":[{"count":20,"href":"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-json\/wp\/v2\/pages\/184\/revisions"}],"predecessor-version":[{"id":353,"href":"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-json\/wp\/v2\/pages\/184\/revisions\/353"}],"wp:attachment":[{"href":"https:\/\/troytempleman.com\/wordpress\/blocks\/wp-json\/wp\/v2\/media?parent=184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}