{"id":188,"date":"2026-10-17T14:16:25","date_gmt":"2026-10-17T14:16:25","guid":{"rendered":"http:\/\/plugin-docs.com\/?post_type=doc&#038;p=188"},"modified":"2026-10-17T21:23:52","modified_gmt":"2026-10-17T21:23:52","slug":"display-wordpress-posts","status":"publish","type":"doc","link":"https:\/\/dragwyb.com\/docs\/display-wordpress-posts\/","title":{"rendered":"Display WordPress Posts in Flipboxes"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Use <strong>Post Flipbox<\/strong> to display cards generated from published WordPress content, instead of entering every card manually. The widget queries the selected post type and builds a card for each matching published item.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Add Post Flipbox to a page<\/h2>\n\n\n<ol class=\"wp-block-list\">\n<li>In WordPress, go to <strong>Pages \u2192 All Pages<\/strong> and open the page you want to edit.<\/li>\n<li>Click <strong>Edit with Elementor<\/strong>.<\/li>\n<li>In the Elementor widget panel, search for <strong>Post Flipbox<\/strong>, then drag it onto the canvas.<\/li>\n<li>Select the widget and open <strong>Content \u2192 Post Settings<\/strong>.<\/li>\n<li>Choose the source in <strong>Post Type<\/strong>, review <strong>Order<\/strong>, and set the number of requested items in <strong>Show Post<\/strong>.<\/li>\n<li>Open <strong>Content \u2192 Post Content<\/strong>, then choose <strong>Front<\/strong> or <strong>Back<\/strong> to configure the card content.<\/li>\n<li>Open <strong>Content \u2192 Layout Settings<\/strong> and choose the layout. Click <strong>Update<\/strong> to save.<\/li>\n<\/ol>\n\n\n<h2 class=\"wp-block-heading\">Choose the card layout<\/h2>\n\n\n<p class=\"wp-block-paragraph\">In <strong>Content \u2192 Layout Settings<\/strong>, set <strong>Layout Orientation<\/strong> to <strong>Vertical<\/strong> for a grid or <strong>Horizontal<\/strong> for a slider. The vertical layout exposes <strong>Number of Columns<\/strong>; the horizontal layout exposes <strong>Slides Per View<\/strong>, <strong>Horizontal Slides Gap<\/strong>, <strong>Previous Arrow Icon<\/strong>, and <strong>Next Arrow Icon<\/strong>. These controls are conditional on the selected orientation.<\/p>\n\n\n<h2 class=\"wp-block-heading\">Preview the dynamic results<\/h2>\n\n\n<p class=\"wp-block-paragraph\">Preview several cards and check posts with and without featured images or excerpts. If an item is missing, confirm that it is published and that it matches the source and taxonomy filters. Test the saved page as well as the editor preview. For more detail, see <a href=\"\/docs\/flipbox-addon-for-elementor\/choose-wordpress-post-type\/\">Choose a WordPress Post Type<\/a>, <a href=\"\/docs\/flipbox-addon-for-elementor\/configure-post-query\/\">Configure the Post Query<\/a>, and <a href=\"\/docs\/flipbox-addon-for-elementor\/configure-post-flipbox-card-content\/\">Configure Post Flipbox Card Content<\/a>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Screenshot to add: The Post Flipbox widget selected on the Elementor canvas, with the Content tab open and the resulting dynamic cards visible in the preview. This is a placeholder, not a captured screenshot.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Add Post Flipbox to an Elementor page, select the published content source, configure the card layout, and preview the dynamic flip cards.<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":187,"menu_order":0,"template":"","class_list":["post-188","doc","type-doc","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/188","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/types\/doc"}],"version-history":[{"count":2,"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/188\/revisions"}],"predecessor-version":[{"id":518,"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/188\/revisions\/518"}],"up":[{"embeddable":true,"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/doc\/187"}],"wp:attachment":[{"href":"https:\/\/dragwyb.com\/docs\/wp-json\/wp\/v2\/media?parent=188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}