{"id":44053,"date":"2026-05-21T14:25:52","date_gmt":"2026-05-21T14:25:52","guid":{"rendered":"https:\/\/getshortcodes.com\/?post_type=demo-modal&#038;p=44053"},"modified":"2026-05-22T09:10:51","modified_gmt":"2026-05-22T09:10:51","slug":"posts","status":"publish","type":"demo-modal","link":"https:\/\/getshortcodes.com\/demo-modal\/posts\/","title":{"rendered":"Posts"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Combined with Panel (Pro)<\/h2>\n\n\n<div class=\"sue-panel\" data-url=\"\" data-target=\"self\" style=\"background-color:#eff9e3;color:#166513;border-radius:0px;box-shadow:0px 1px 2px #eeeeee;border:1px solid #1d9d18\"><div class=\"sue-panel-content su-u-trim\" style=\"padding:15px;text-align:left\">\n\n<ul class=\"su-posts su-posts-list-loop \">\n\n\t\t\t\t\t\t\n\t\t\t\n\t\t\t<li id=\"su-post-33937\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/button\/\">Button<\/a>\n\t\t\t<\/li>\n\n\t\t\t\t\t\n\t\t\t\n\t\t\t<li id=\"su-post-37776\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/csv-table\/\">CSV Table<\/a>\n\t\t\t<\/li>\n\n\t\t\t\t\t\n\t\t\t\n\t\t\t<li id=\"su-post-33970\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/user-data\/\">User data<\/a>\n\t\t\t<\/li>\n\n\t\t\t\t\t\n\t\t\t\n\t\t\t<li id=\"su-post-33976\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/qr-code\/\">QR code<\/a>\n\t\t\t<\/li>\n\n\t\t\t\t\t\n\t\t\t\n\t\t\t<li id=\"su-post-33968\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/animation\/\">Animation<\/a>\n\t\t\t<\/li>\n\n\t\t\t\t\t\n\t\t\t\n\t\t\t<li id=\"su-post-33928\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/spoiler\/\">Spoiler<\/a>\n\t\t\t<\/li>\n\n\t\t\t\t\t\n\t\t\t\n\t\t\t<li id=\"su-post-33932\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/spacer\/\">Spacer<\/a>\n\t\t\t<\/li>\n\n\t\t\t\t\t\n\t\t\t\n\t\t\t<li id=\"su-post-33955\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/rss-feed\/\">RSS Feed<\/a>\n\t\t\t<\/li>\n\n\t\t\t\t\t\n\t\t\t\n\t\t\t<li id=\"su-post-33994\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/content-slider\/\">Content Slider<\/a>\n\t\t\t<\/li>\n\n\t\t\t\t\t\n\t\t\t\n\t\t\t<li id=\"su-post-33954\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/permalink\/\">Permalink<\/a>\n\t\t\t<\/li>\n\n\t\t\t\n<\/ul>\n<\/div><\/div>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Shortcode<\/summary>\n<pre class=\"wp-block-code\"><code>&#091;su_panel]&#091;su_posts template=\"templates\/list-loop.php\"]&#091;\/su_panel]<\/code><\/pre>\n<\/details>\n\n\n\n<h2 class=\"wp-block-heading\">Combined with Section (Pro)<\/h2>\n\n\n<div class=\"sue-section sue-section-parallax sue-section-fullwidth\" data-url=\"\" data-target=\"blank\" style=\"margin:0px 0px 0px 0px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc\"><div class=\"sue-section-background\" style=\"background-color:#ffffff;background-position:left top;background-size:cover;background-image:url(&#039;https:\/\/getshortcodes.com\/wp-content\/uploads\/2019\/09\/section-1.jpg&#039;);\"><\/div><div class=\"sue-section-content su-u-trim\" style=\"padding:30px 0px 30px 0px;max-width:740px;text-align:left;color:#333333;text-shadow:0 1px 10px #ffffff\">\n\n<div class=\"su-posts su-posts-default-loop \">\n\n\t\n\t\t\t\t\t\n\t\t\t\n\t\t\t<div id=\"su-post-33981\" class=\"su-post \">\n\n\t\t\t\t\t\t\t\t\t<a class=\"su-post-thumbnail\" href=\"https:\/\/getshortcodes.com\/docs\/panel\/\"><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Panel.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Panel.png 120w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Panel-80x80.png 80w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Panel-24x24.png 24w\" sizes=\"auto, (max-width: 120px) 100vw, 120px\" \/><\/a>\n\t\t\t\t\n\t\t\t\t<h2 class=\"su-post-title\"><a href=\"https:\/\/getshortcodes.com\/docs\/panel\/\">Panel<\/a><\/h2>\n\n\t\t\t\t<div class=\"su-post-meta\">\n\t\t\t\t\tPosted: March 4, 2019\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"su-post-excerpt\">\n\t\t\t\t\t<p>Description This shortcode allows you to create flexible blocks with content. Options backgroundPanel background colorPossible values: #HEX colorDefault value: #ffffffcolorPanel text colorPossible values: #HEX colorDefault value: #333333borderPanel borderPossible values: CSS&hellip;<\/p>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\n\t\t\t<div id=\"su-post-33949\" class=\"su-post \">\n\n\t\t\t\t\t\t\t\t\t<a class=\"su-post-thumbnail\" href=\"https:\/\/getshortcodes.com\/docs\/private\/\"><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Private.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Private.png 120w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Private-80x80.png 80w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Private-24x24.png 24w\" sizes=\"auto, (max-width: 120px) 100vw, 120px\" \/><\/a>\n\t\t\t\t\n\t\t\t\t<h2 class=\"su-post-title\"><a href=\"https:\/\/getshortcodes.com\/docs\/private\/\">Private<\/a><\/h2>\n\n\t\t\t\t<div class=\"su-post-meta\">\n\t\t\t\t\tPosted: March 4, 2019\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"su-post-excerpt\">\n\t\t\t\t\t<p>You can&#8217;t see this shortcode, because you&#8217;re not a post author on this site. Description This shortcode allows you to display a private note to post authors. Options Option name&hellip;<\/p>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\n\t\n<\/div>\n<\/div><\/div>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Shortcode<\/summary>\n<pre class=\"wp-block-code\"><code>&#091;su_section image=\"https:\/\/example.com\/section-1.jpg\" fullwidth=\"yes\" max_width=\"620\"]&#091;su_posts template=\"templates\/list-loop.php\"]&#091;\/su_section]<\/code><\/pre>\n<\/details>\n\n\n\n<h2 class=\"wp-block-heading\">Templates<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Default Template<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This template shows a simple posts list with thumbnails and excerpts<\/p>\n\n\n\n\n<div class=\"su-posts su-posts-default-loop \">\n\n\t\n\t\t\t\t\t\n\t\t\t\n\t\t\t<div id=\"su-post-33947\" class=\"su-post \">\n\n\t\t\t\t\t\t\t\t\t<a class=\"su-post-thumbnail\" href=\"https:\/\/getshortcodes.com\/docs\/tooltip\/\"><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Tooltip.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Tooltip.png 120w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Tooltip-80x80.png 80w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Tooltip-24x24.png 24w\" sizes=\"auto, (max-width: 120px) 100vw, 120px\" \/><\/a>\n\t\t\t\t\n\t\t\t\t<h2 class=\"su-post-title\"><a href=\"https:\/\/getshortcodes.com\/docs\/tooltip\/\">Tooltip<\/a><\/h2>\n\n\t\t\t\t<div class=\"su-post-meta\">\n\t\t\t\t\tPosted: March 4, 2019\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"su-post-excerpt\">\n\t\t\t\t\t<p>Description This shortcode allows you to create colorful tooltips on almost any element. The tooltip can be shown on mouse over or on click. Options title Title of the tooltip.&hellip;<\/p>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\n\t\t\t<div id=\"su-post-33953\" class=\"su-post \">\n\n\t\t\t\t\t\t\t\t\t<a class=\"su-post-thumbnail\" href=\"https:\/\/getshortcodes.com\/docs\/subpages\/\"><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Subpages.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Subpages.png 120w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Subpages-80x80.png 80w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Subpages-24x24.png 24w\" sizes=\"auto, (max-width: 120px) 100vw, 120px\" \/><\/a>\n\t\t\t\t\n\t\t\t\t<h2 class=\"su-post-title\"><a href=\"https:\/\/getshortcodes.com\/docs\/subpages\/\">Subpages<\/a><\/h2>\n\n\t\t\t\t<div class=\"su-post-meta\">\n\t\t\t\t\tPosted: March 4, 2019\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"su-post-excerpt\">\n\t\t\t\t\t<p>Description This shortcode allows you to display sub-pages of the current page (page with shortcode). Options Option name Possible values Default value depthMax depth level of children pages 0 (1)1&hellip;<\/p>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\n\t\t\t<div id=\"su-post-33826\" class=\"su-post \">\n\n\t\t\t\t\t\t\t\t\t<a class=\"su-post-thumbnail\" href=\"https:\/\/getshortcodes.com\/docs\/columns\/\"><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Row.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Row.png 120w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Row-80x80.png 80w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Row-24x24.png 24w\" sizes=\"auto, (max-width: 120px) 100vw, 120px\" \/><\/a>\n\t\t\t\t\n\t\t\t\t<h2 class=\"su-post-title\"><a href=\"https:\/\/getshortcodes.com\/docs\/columns\/\">Columns<\/a><\/h2>\n\n\t\t\t\t<div class=\"su-post-meta\">\n\t\t\t\t\tPosted: March 1, 2019\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"su-post-excerpt\">\n\t\t\t\t\t<p>Description Content can be divided into columns with the help of two shortcodes &#8211;&nbsp; Borders and background You can easily add borders and backgrounds to columns using custom CSS code.&hellip;<\/p>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\n\t\t\t<div id=\"su-post-33936\" class=\"su-post \">\n\n\t\t\t\t\t\t\t\t\t<a class=\"su-post-thumbnail\" href=\"https:\/\/getshortcodes.com\/docs\/pullquote\/\"><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Pullquote.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Pullquote.png 120w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Pullquote-80x80.png 80w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Pullquote-24x24.png 24w\" sizes=\"auto, (max-width: 120px) 100vw, 120px\" \/><\/a>\n\t\t\t\t\n\t\t\t\t<h2 class=\"su-post-title\"><a href=\"https:\/\/getshortcodes.com\/docs\/pullquote\/\">Pullquote<\/a><\/h2>\n\n\t\t\t\t<div class=\"su-post-meta\">\n\t\t\t\t\tPosted: March 4, 2019\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"su-post-excerpt\">\n\t\t\t\t\t<p>Description This shortcode allows you to create pull quotes. Pull quotes could be left or right aligned. Options Option name Possible values Default value alignPullquote alignment (float) left (Left)right (Right)&hellip;<\/p>\n\t\t\t\t<\/div>\n\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\n\t\n<\/div>\n\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Shortcode<\/summary>\n<pre class=\"wp-block-code\"><code>&#091;su_posts template=\"templates\/default-loop.php\" posts_per_page=\"4\" orderby=\"rand\"]<\/code><\/pre>\n<\/details>\n\n\n\n<h3 class=\"wp-block-heading\">Teasers Template<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This template shows posts as small teasers, it can be useful for sidebar<\/p>\n\n\n\n\n<div class=\"su-posts su-posts-teaser-loop \">\n\n\t\t\t\t\t\t\n\t\t\t\n\t\t\t<div id=\"su-post-33987\" class=\"su-post \">\n\t\t\t\t\t\t\t\t\t<a class=\"su-post-thumbnail\" href=\"https:\/\/getshortcodes.com\/docs\/member\/\"><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Member.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Member.png 120w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Member-80x80.png 80w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Member-24x24.png 24w\" sizes=\"auto, (max-width: 120px) 100vw, 120px\" \/><\/a>\n\t\t\t\t\t\t\t\t<h2 class=\"su-post-title\"><a href=\"https:\/\/getshortcodes.com\/docs\/member\/\">Member<\/a><\/h2>\n\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\n\t\t\t<div id=\"su-post-37776\" class=\"su-post \">\n\t\t\t\t\t\t\t\t\t<a class=\"su-post-thumbnail\" href=\"https:\/\/getshortcodes.com\/docs\/csv-table\/\"><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Table.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Table.png 120w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Table-80x80.png 80w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Table-24x24.png 24w\" sizes=\"auto, (max-width: 120px) 100vw, 120px\" \/><\/a>\n\t\t\t\t\t\t\t\t<h2 class=\"su-post-title\"><a href=\"https:\/\/getshortcodes.com\/docs\/csv-table\/\">CSV Table<\/a><\/h2>\n\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\n\t\t\t<div id=\"su-post-34485\" class=\"su-post \">\n\t\t\t\t\t\t\t\t\t<a class=\"su-post-thumbnail\" href=\"https:\/\/getshortcodes.com\/docs\/image-carousel\/\"><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Image-Carousel.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Image-Carousel.png 120w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Image-Carousel-80x80.png 80w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Image-Carousel-24x24.png 24w\" sizes=\"auto, (max-width: 120px) 100vw, 120px\" \/><\/a>\n\t\t\t\t\t\t\t\t<h2 class=\"su-post-title\"><a href=\"https:\/\/getshortcodes.com\/docs\/image-carousel\/\">Image Carousel<\/a><\/h2>\n\t\t\t<\/div>\n\n\t\t\t\t\t\n\t\t\t\n\t\t\t<div id=\"su-post-33976\" class=\"su-post \">\n\t\t\t\t\t\t\t\t\t<a class=\"su-post-thumbnail\" href=\"https:\/\/getshortcodes.com\/docs\/qr-code\/\"><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Qrcode.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Qrcode.png 120w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Qrcode-80x80.png 80w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Qrcode-24x24.png 24w\" sizes=\"auto, (max-width: 120px) 100vw, 120px\" \/><\/a>\n\t\t\t\t\t\t\t\t<h2 class=\"su-post-title\"><a href=\"https:\/\/getshortcodes.com\/docs\/qr-code\/\">QR code<\/a><\/h2>\n\t\t\t<\/div>\n\n\t\t\t\n<\/div>\n\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Shortcode<\/summary>\n<pre class=\"wp-block-code\"><code>&#091;su_posts template=\"templates\/teaser-loop.php\"]<\/code><\/pre>\n<\/details>\n\n\n\n<h3 class=\"wp-block-heading\">Single Post Template<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">With this template you can easily display a single post<\/p>\n\n\n\n\n<div class=\"su-posts su-posts-single-post \">\n\n\t\t\t<h4>Posts not found<\/h4>\n\t\n<\/div>\n\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Shortcode<\/summary>\n<pre class=\"wp-block-code\"><code>&#091;su_posts template=\"templates\/single-post.php\" id=\"123\"]<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Replace <code>123<\/code> with the desired post ID<\/em><\/p>\n<\/details>\n\n\n\n<h3 class=\"wp-block-heading\">List Template<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Plain list of post titles<\/p>\n\n\n\n\n<ul class=\"su-posts su-posts-list-loop \">\n\n\t\t\t\t\t\t\n\t\t\t\n\t\t\t<li id=\"su-post-33990\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/pricing-table\/\">Pricing Table<\/a>\n\t\t\t<\/li>\n\n\t\t\t\t\t\n\t\t\t\n\t\t\t<li id=\"su-post-33947\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/tooltip\/\">Tooltip<\/a>\n\t\t\t<\/li>\n\n\t\t\t\t\t\n\t\t\t\n\t\t\t<li id=\"su-post-33936\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/pullquote\/\">Pullquote<\/a>\n\t\t\t<\/li>\n\n\t\t\t\t\t\n\t\t\t\n\t\t\t<li id=\"su-post-33942\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/list\/\">List<\/a>\n\t\t\t<\/li>\n\n\t\t\t\n<\/ul>\n\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Shortcode<\/summary>\n<pre class=\"wp-block-code\"><code>&#091;su_posts template=\"templates\/list-loop.php\"]<\/code><\/pre>\n<\/details>\n\n\n\n<h2 class=\"wp-block-heading\">Limit the number of Posts<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Use the <code>posts_per_page<\/code> attribute to limit the number of posts shown. For example, the list below only shows 2 posts.<\/p>\n\n\n\n\n<ul class=\"su-posts su-posts-list-loop \">\n\n\t\t\t\t\t\t\n\t\t\t\n\t\t\t<li id=\"su-post-33932\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/spacer\/\">Spacer<\/a>\n\t\t\t<\/li>\n\n\t\t\t\t\t\n\t\t\t\n\t\t\t<li id=\"su-post-44468\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/posts-grid\/\">Posts Grid<\/a>\n\t\t\t<\/li>\n\n\t\t\t\n<\/ul>\n\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Shortcode<\/summary>\n<pre class=\"wp-block-code\"><code>&#091;su_posts template=\"templates\/list-loop.php\" posts_per_page=\"2\"]<\/code><\/pre>\n<\/details>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"featured_media":0,"template":"","meta":{"_acf_changed":false},"class_list":["post-44053","demo-modal","type-demo-modal","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/demo-modal\/44053","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/demo-modal"}],"about":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/types\/demo-modal"}],"wp:attachment":[{"href":"https:\/\/getshortcodes.com\/api\/wp\/v2\/media?parent=44053"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}