Freemius

Abu Hayat

bPlugins

shehabulislam

btechnologies

MD.SHIHAB SHAMIM

NF Tushar

<p>👉 <a href="https://bblockswp.com/demo/info-cards" rel="nofollow ugc">Plugin Demo</a> | <a href="https://bplugins.com/docs/" rel="nofollow ugc">Documentation</a>  👈</p>
<p>The Info Cards Block Plugin for WordPress allows you to create beautifully designed and informative cards within your content . With this plugin, you can present your content interactively and engagingly, making it easier for your audience to consume and understand your message.</p>
<p>The plugin is a Gutenberg block, which means you can easily add it to your content using the Gutenberg editor. Once you’ve added the Info Card block, you can customize it with a variety of content types, including images, text, and links. You can also choose from a range of pre-designed templates or create your own custom layout to fit your unique branding.</p>
<p>The Info Cards Block Plugin is designed to be user-friendly, even for those with limited technical knowledge. You don’t need to write any code or install any additional software to use it. Additionally, the plugin is fully responsive, ensuring that your Info Cards look great and function perfectly across all devices and screen sizes.</p>
<p>With the Info Cards Block Plugin, you can create engaging and visually appealing content that will help you stand out in a crowded digital landscape. Whether you’re creating product cards, team member profiles, or informational cards, this plugin is an essential tool for your WordPress site.</p>
<p>In conclusion, the Info Cards Block Plugin is an excellent choice for anyone looking to create beautiful, informative cards within their WordPress content. Download the plugin today and start creating engaging content that will captivate your audience!</p>
<h4>Free Features</h4>
<ul>
<li>Fully customizable.</li>
<li>Set custom color.</li>
<li>Build-in templates.</li>
<li>Set Columns, column gap and row gap .</li>
<li>Use an image in the card.</li>
<li>Support links.</li>
<li>Typography .</li>
<li>Responsive layout.</li>
<li>Easy to use.</li>
</ul>
<h4>Pro Features</h4>
<ul>
<li>Universal Shortcodes: Compatible with all page builders.</li>
<li>All Free features.</li>
<li>12+ ready-made themes.</li>
<li>Advanced templates & layouts.</li>
<li>More typography controls (font family, weight, spacing).</li>
<li>Hover & animation effects.</li>
<li>Gradient & advanced color options.</li>
<li>Border, padding, margin full control.</li>
<li>Card shadows & depth effects.</li>
<li>Priority updates & support.</li>
</ul>
<h4>How to use info cards</h4>
<ul>
<li>Install the info cards plugin.</li>
<li>Go to the page/posts where you want to embed the info cards.</li>
<li>Search Info Cards by clicking on the + button on the Gutenberg block editor. </li>
<li>Select Info Cards block</li>
<li>Create and customize the cards. </li>
<li>
<p>Enjoy!</p>
</li>
<li>
<p>For installation help click on Installation Tab</p>
</li>
</ul>
<h4>Feedback</h4>
<ul>
<li>Liked that plugin? Hate it? Want a new feature? <a href="mailto:support@bplugins.com" title="Send feedback" rel="nofollow ugc">Send me some feedback</a></li>
</ul>
<h4>⭐ Check out the Parent Plugin of this plugin-</h4>
<p>🔥 <strong><a href="https://bblockswp.com/" rel="nofollow ugc">b Blocks</a></strong> – Best gutenberg blocks collections for WordPress.</p>
<h4>⭐ Check out our other WordPress Plugins-</h4>
<p>🔥 <strong><a href="https://bplugins.com/products/html5-audio-player" rel="nofollow ugc">Html5 Audio Player</a></strong> – Best audio player plugin for WordPress.</p>
<p>🔥 <strong><a href="https://bplugins.com/products/html5-video-player" rel="nofollow ugc">Html5 Video Player</a></strong> – Best video player plugin for WordPress.</p>
<p>🔥 <strong><a href="https://bplugins.com/products/pdf-poster" rel="nofollow ugc">PDF Poster</a></strong> – A fully-featured PDF Viewer Plugin for WordPress.</p>
<p>🔥 <strong><a href="https://bplugins.com/products/streamcast-radio-player" rel="nofollow ugc">StreamCast</a></strong> – A fully-featured Radio Player Plugin for WordPress.</p>
<p>🔥 <strong><a href="https://bplugins.com/products/3d-viewer" rel="nofollow ugc">3D Viewer</a></strong> – Display interactive 3D models on the webs.</p>


Info Cards – Add Text and Media in Card Layouts

Simple and easy way to create and display information cards anywhere.

Nick Momrik

<p>Replace playing card abbreviations with a CSS playing card.</p>
<h3>Notes</h3>
<ul>
<li>Make sure to only use one card abbreviation in between each set of tags. If you want to display multiple cards, you will need to use multiple tags. This was done to allow unsuited cards and unranked cards to be used.</li>
<li>Uppercase and lowercase letters are both allowed for card abbreviations.</li>
<li>10 is converted to T.</li>
<li>1 is converted to A.</li>
<li>Both ? and X are allowed for card ranks. ? means you have no idea what a card was. X is meant for any “rag,” such as when people use the term AX suited they mean they had an Ace and a rag both of the same suit.</li>
<li>Unsuited cards are allowed.</li>
<li>Unranked suits are allowed. X will be used as the card rank.</li>
<li>I tested using <code><CARD></code> as the tag and WP automatically converted it to lowercase.</li>
<li>Using anything other than letters, numbers, or ? inside the tags will cause the plugin to skip over it.</li>
</ul>
<h3>Examples</h3>
<ul>
<li>Rank & Suit<br />
AcAd<br />
KCTC</li>
<li>Unsuited<br />
8j?</li>
<li>Unranked<br />
Ch</li>
<li>Invalid cards<br />
V<br />
0<br />
Ph<br />
Eb<br />
ch<br />
1ds</li>
</ul>


Card Converter

Replace playing card abbreviations with a CSS playing card.

Info Cards – Add Text and Media in Card Layouts vs Card Converter