Title: Post Preview Card Author: fernandoanael Published: Aprailu 18, 2017 Last modified: Yuli 2, 2017 --- Search plugins ![](https://ps.w.org/post-preview-card/assets/banner-772x250-rtl.png?rev=1688882) 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://s.w.org/plugins/geopattern-icon/post-preview-card_ffffff.svg) # Post Preview Card By [fernandoanael](https://profiles.wordpress.org/fernandoanael/) [Download](https://downloads.wordpress.org/plugin/post-preview-card.2.0.3.zip) * [Details](https://hau.wordpress.org/plugins/post-preview-card/#description) * [Reviews](https://hau.wordpress.org/plugins/post-preview-card/#reviews) * [Installation](https://hau.wordpress.org/plugins/post-preview-card/#installation) * [Development](https://hau.wordpress.org/plugins/post-preview-card/#developers) [Support](https://wordpress.org/support/plugin/post-preview-card/) ## Description This plugin was build to be used along with page builders. Post Preview Card installs 3 widgets to help non-developers that want to use page builders to preview blog posts within static page builder’s pages. list of widgets: * Multiple Posts: This widget previews multiple posts and you can select how many widgets to be firstly displayed and then the user will load the rest of the posts by clicking in the “ plus button” and the posts are going to be reloaded without the need of reloading the page, this is possible because this widget use AJAX to load the others posts, granting a better User Experience. * Single Post by ID: This widget preview the post with the ID you inserted. * Random Post by Category: This widget preview a random post using the category you inserted. #### Beatiful Layout This plugin has 1 layout with two variations so far, both are responsive. We are working to deliver more layouts in the near future. * Post with thumbnail will be displayed in this order: Thumbnail, Title, Publish date and Category, Post excerpt or call text, read more button * Post without thumbnail will be displayed in this order: Title with black background, Post excerpt or call text, read more button Layout is customizable. More layout options and full customization is being developed, so you’ll be able to choose from optionals layouts, colors, default images for posts without featured images or complete remove the feature image. ### Easy to Use #### Peaw Single Post by id Preview 1. Using a page builder, simply drag and drop the widget wherever you want. This is the widget name 2. The widget menu will be prompted. all you need to do here is insert the Post id( Check FAQ to know where to find it), and the last thing is to insert a beatifull text to make people interested about your post. If call text is blank, it will be the Post Excerpt or first 85 char of post content 3. All the others fields are optional. 4. That’s it! Here an example of 3 Peaw widget together [here](https://tinyurl.com/m9hxqgl) #### Peaw Random Post By Category 1. Using a page builder, simply drag and drop the widget wherever you want. This is the widget name 2. All you need to do is choose the Category you want. The call text here is the Post excerpt always. If you insert an invalid Category this will be the [result](https://tinyurl.com/lo5qbbd) 3. All the others fields are optional. 4. That’s it! 5. If you’re receiving the “Something is wrong” message it can be a lot of things but the most commom is that WordPress is not properly saving your widget and all you need to do is to change something in the widget form save, and then return the way it was and save again. This is a WP error, not a plugin error. #### Peaw Multiple Posts 1. Using a page builder, simply drag and drop the widget wherever you want. 2. The widget form will be prompted and you can choose how many posts to be displayed( 999 posts will display ALL the blog posts), you can choose then, how many posts to be firstly displayed and how many posts per row. 3. All the others fields are optional 4. [That’s it!](https://ibb.co/fdoWSk) ## Screenshots * [[ * After installing and activating the plugin make sure all the widgets were added, go to Post Preview Card > Widgets and if any widget widget you want is not checked, simply check and save. * [[ * Using a page builder, open a page and click to edit with the page builder of your choice, I’ll be using Elementor in the screenshoot. You will see the widgets installed in the bottom of the page builder widget list * [[ * Choose the widget you want and then drag and drop it. After this you will see a form to edit the widget. Each widget have different options and more customizable options will be added in future versions so the screenshoot might be outdated * [[ * That’s it! This is the final result of a Multiple Posts widget showing only the first 3 posts of the blog. When the plus button is clicked more 3 posts will be loaded, without refreshing the entire page, until it displays the total number of posts specified. ## Installation YOU MUST CHECK MANUALLY THE WIDGETS YOU WANT TO INSTALL IN: post-preview-card settings menu -> widget tab 1. Upload the plugin files to the `/wp-content/plugins/Post-Preview-Card` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through the ‘Plugins’ screen in WordPress 3. And that’s it! Simple as that. You can now use the widgets with your page builder. 4. Go to the Post Preview Card settings menu and make sure you have all the widgets installed. ## FAQ Installation Instructions YOU MUST CHECK MANUALLY THE WIDGETS YOU WANT TO INSTALL IN: post-preview-card settings menu -> widget tab 1. Upload the plugin files to the `/wp-content/plugins/Post-Preview-Card` directory, or install the plugin through the WordPress plugins screen directly. 2. Activate the plugin through the ‘Plugins’ screen in WordPress 3. And that’s it! Simple as that. You can now use the widgets with your page builder. 4. Go to the Post Preview Card settings menu and make sure you have all the widgets installed. How can I know the Post id? This plugin adds the ID column in your “All Posts” section on the wordpress admin panel. You can deactivate this by going to the general settings page of the plugin. Installed the plugin and no widget were added? Go to the Post Preview Card settings and go to Widgets and check the widgets you want to be installed. I want more layouts We will be adding more layouts in the near future but if you want a personalized layout or even a personalized WP Template, you can contact me at fernandoanaelcabral@gmail. com I am a developer and want to help This plugin is mantained by me and myself, so every help is apreciated, I created some internal API for better creating and registering widgets for the plugin, there are some layout related API as well. So it’s very easy to grow this plugin. If you wish to help contact me at fernandoanaelcabral@gmail.com What are the next updates? in priority order: 1. Bug fixes always come first 2. New Layouts 3. A shortcode for this plugin ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Post Preview Card” is open source software. The following people have contributed to this plugin. Contributors * [ fernandoanael ](https://profiles.wordpress.org/fernandoanael/) [Translate “Post Preview Card” into your language.](https://translate.wordpress.org/projects/wp-plugins/post-preview-card) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/post-preview-card/), check out the [SVN repository](https://plugins.svn.wordpress.org/post-preview-card/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/post-preview-card/) by [RSS](https://plugins.trac.wordpress.org/log/post-preview-card/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.0 First Released Version #### 2.0 1. Multiple post widget added, faking a blog loop within page builders. 2. Internal code was re-made, making it faster and easier to grow this plugin, that’s why a new version was released. 3. Original Layout added, responsive layout. 4. New customizable options added. #### 2.0.1 Bug fix: plugin wasn’t working with others page builders but Elementor. Now plugins is working and tested with: 1. [Elementor](https://wordpress.org/plugins/elementor/) 2. [Page Builder by SiteOrigin](https://siteorigin.com/) 3. [Beaver Builder Plugin](https://www.wpbeaverbuilder.com/home/?utm_expid=82857025-13.-Mrg6iFCTMyN1GHrIwH9wQ.1&utm_medium=bb&utm_source=plugins-admin-page&utm_campaign=plugins-admin-author&utm_referrer=http%3A%2F%2Flocalhost%2Fwp%2FPluginDevWorkspace%2Fwp-admin%2Fplugins.php) #### 2.0.2 Bug fix: Fixed the bug that was preventing Elementor to properly preview the layout of the Post Preview Card in the live editing mode. #### 2.0.3 Install change: now when user first install plugin, all widgets come installed as default. ## Meta * Version **2.0.3** * Last updated **9 years ago** * Active installations **10+** * WordPress version ** 4.0.1 or higher ** * Tested up to **4.8.0** * Language * [English (US)](https://wordpress.org/plugins/post-preview-card/) * Tags * [card](https://hau.wordpress.org/plugins/tags/card/)[elementor](https://hau.wordpress.org/plugins/tags/elementor/) [post](https://hau.wordpress.org/plugins/tags/post/)[preview](https://hau.wordpress.org/plugins/tags/preview/) [widget for elementor](https://hau.wordpress.org/plugins/tags/widget-for-elementor/) * [Advanced View](https://hau.wordpress.org/plugins/post-preview-card/advanced/) ## Ratings No reviews have been submitted yet. [Your review](https://wordpress.org/support/plugin/post-preview-card/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/post-preview-card/reviews/) ## Contributors * [ fernandoanael ](https://profiles.wordpress.org/fernandoanael/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/post-preview-card/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](http://example.com/)