keksus

<p>This plugin allows you to add the following shortcodes to page or post:</p>
<ul>
<li>Columns (12 col grid)</li>
<li>Buttons</li>
<li>Buttons with <a href="http://keksus.com/demo/ionicons/" rel="nofollow ugc">Ionicons icons</a> or <a href="http://fontawesome.io/icons/" rel="nofollow ugc">FontAwesome</a> icons</li>
<li>Toggles</li>
<li>Tabs</li>
<li>Icons</li>
<li>Services</li>
<li>Dividers</li>
<li>Clear </li>
</ul>
<h3>Live Demo</h3>
<ul>
<li><a href="http://keksus.com/q-shortcodes-demo.html" rel="nofollow ugc">http://keksus.com/q-shortcodes-demo.html</a></li>
</ul>
<h3>Usage</h3>
<ul>
<li>Use q button in default TinyMCE editor to add shortcode to page or post.</li>
<li>Use Customize page in WordPress dashboard to change settings.</li>
</ul>


q-Shortcodes

Harish Chouhan

Themeist Co

<p>This plugin allows designers and developers to overlay a Figma-style layout grid on the frontend of their WordPress site to visually test alignment and spacing. It’s useful for responsive design testing and pixel-perfect comparisons to your original designs.</p>
<ul>
<li>Enable or disable the grid overlay at any time</li>
<li>Configure separate values for Mobile, Tablet, Desktop, and Extended screens</li>
<li>Set number of columns, gutter width, and outer margin</li>
<li>Lightweight and clean — outputs only what’s needed</li>
</ul>


Grid Overlay – Figma Style Layout Grid for WordPress

Visually check if your layout matches your design by overlaying a responsive grid on the frontend — inspired by Figma’s layout grid system.

q-Shortcodes vs Grid Overlay – Figma Style Layout Grid for WordPress