{"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-21T15:35:42","modified_gmt":"2026-05-21T15:35:42","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-33977\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/scheduler\/\">Scheduler<\/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-33808\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/lightbox\/\">Lightbox<\/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-33944\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/box\/\">Box<\/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-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-33974\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/dummy-image\/\">Dummy image<\/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-33979\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/exit-popup\/\">Exit Popup<\/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-33821\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/posts\/\">Posts<\/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-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-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-33952\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/menu\/\">Menu<\/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-33938\" class=\"su-post \">\n\n\t\t\t\t\t\t\t\t\t<a class=\"su-post-thumbnail\" href=\"https:\/\/getshortcodes.com\/docs\/dropcap\/\"><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Dropcap.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Dropcap.png 120w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Dropcap-80x80.png 80w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Dropcap-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\/dropcap\/\">Dropcap<\/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 drop caps. You can change style and size. Options Option namePossible valuesDefault valuestyleDropcap style presetdefault (Default)flat (Flat)light (Light)simple (Simple)defaultsizeChoose dropcap sizeNumber from 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-33952\" class=\"su-post \">\n\n\t\t\t\t\t\t\t\t\t<a class=\"su-post-thumbnail\" href=\"https:\/\/getshortcodes.com\/docs\/menu\/\"><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Menu.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Menu.png 120w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Menu-80x80.png 80w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Menu-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\/menu\/\">Menu<\/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 custom menus. You can query any custom menu by its name. Options Option name Possible values Default value nameCustom menu name. Ex: Main&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\">Default Template<\/h2>\n\n\n\n<p>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-33995\" class=\"su-post \">\n\n\t\t\t\t\t\t\t\t\t<a class=\"su-post-thumbnail\" href=\"https:\/\/getshortcodes.com\/docs\/shadow\/\"><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Shadow.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Shadow.png 120w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Shadow-80x80.png 80w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Shadow-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\/shadow\/\">Shadow<\/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 add beautiful shadows to almost any block element. Options Option name Possible values Default value styleChoose shadow style default (Default)left (Left corner)right (Right corner)horizontal&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-33992\" class=\"su-post \">\n\n\t\t\t\t\t\t\t\t\t<a class=\"su-post-thumbnail\" href=\"https:\/\/getshortcodes.com\/docs\/icon\/\"><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Icon.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Icon.png 120w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Icon-80x80.png 80w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Icon-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\/icon\/\">Icon<\/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 various icons (including ForkAwesome icons). Options Option name Possible values Default value iconChoose icon shape ForkAwesome icon name (with &#8220;icon:&#8221; prefix) or icon&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-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-33942\" class=\"su-post \">\n\n\t\t\t\t\t\t\t\t\t<a class=\"su-post-thumbnail\" href=\"https:\/\/getshortcodes.com\/docs\/list\/\"><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/List.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/List.png 120w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/List-80x80.png 80w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/List-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\/list\/\">List<\/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 beautiful lists with custom icons. Options Option name Possible values Default value iconYou can upload custom icon for this list or pick a&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<h2 class=\"wp-block-heading\">Teasers<\/h2>\n\n\n\n<p>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-33969\" class=\"su-post \">\n\t\t\t\t\t\t\t\t\t<a class=\"su-post-thumbnail\" href=\"https:\/\/getshortcodes.com\/docs\/post-meta\/\"><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Post-1.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Post-1.png 120w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Post-1-80x80.png 80w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Post-1-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\/post-meta\/\">Post Meta<\/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-33944\" class=\"su-post \">\n\t\t\t\t\t\t\t\t\t<a class=\"su-post-thumbnail\" href=\"https:\/\/getshortcodes.com\/docs\/box\/\"><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Box.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Box.png 120w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Box-80x80.png 80w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Box-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\/box\/\">Box<\/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-33979\" class=\"su-post \">\n\t\t\t\t\t\t\t\t\t<a class=\"su-post-thumbnail\" href=\"https:\/\/getshortcodes.com\/docs\/exit-popup\/\"><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Exit-Popup.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Exit-Popup.png 120w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Exit-Popup-80x80.png 80w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Exit-Popup-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\/exit-popup\/\">Exit Popup<\/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-33960\" class=\"su-post \">\n\t\t\t\t\t\t\t\t\t<a class=\"su-post-thumbnail\" href=\"https:\/\/getshortcodes.com\/docs\/google-maps\/\"><img loading=\"lazy\" decoding=\"async\" width=\"120\" height=\"120\" src=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Gmap.png\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" srcset=\"https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Gmap.png 120w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Gmap-80x80.png 80w, https:\/\/getshortcodes.com\/wp-content\/uploads\/2020\/10\/Gmap-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\/google-maps\/\">Google Maps<\/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<h2 class=\"wp-block-heading\">Single Post<\/h2>\n\n\n\n<p>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\t\t\t\n\t\t\t\n\t\t\t<div id=\"su-post-44069\" class=\"su-post \">\n\t\t\t\t<h1 class=\"su-post-title\">Example Post<\/h1>\n\t\t\t\t<div class=\"su-post-meta\">\n\t\t\t\t\tPosted:\n\t\t\t\t\tMay 21, 2026\t\t\t\t\t\t\t\t\t\t\t|\n\t\t\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/example-post\/#respond\" class=\"su-post-comments-link\">\n\t\t\t\t\t\t\t0 comments\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"su-post-content\">\n\t\t\t\t\t\n<p>Example Post Content<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\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\/single-post.php\" id=\"123\"]<\/code><\/pre>\n\n\n\n<p><em>Replace <code>123<\/code> with the desired post ID<\/em><\/p>\n<\/details>\n\n\n\n<h2 class=\"wp-block-heading\">Posts List<\/h2>\n\n\n\n<p>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-33981\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/panel\/\">Panel<\/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\t\t\n\t\t\t\n\t\t\t<li id=\"su-post-33821\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/posts\/\">Posts<\/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-33984\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/text-with-icon\/\">Text with icon<\/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>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-33951\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/guests\/\">Guests<\/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-33972\" class=\"su-post \">\n\t\t\t\t<a href=\"https:\/\/getshortcodes.com\/docs\/post-data\/\">Post data<\/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><\/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}]}}