dixitalmedia

Jairo Ochoa

This plugin works with the open source <a title="Mobile Detect Library" href="http://mobiledetect.net" rel="nofollow ugc">Mobile Detect Library</a>. You can get further information on its website.
<pre><code>[ismobile device='iphone' debug=true ] Your content [/ismobile]
</code></pre>
<h4>Parameters</h4>
<ol>
<li>device: Filters the device where you want the content to be shown. It could be more than one device, simply separate them with comma.</li>
<li>debug: Shows Mobile Detect Library installed version. Also shows two arrays. The first one contains the devices which the library detects and the second one contains the devices where you want to show the content.</li>
</ol>
<h4>Values</h4>
<ul>
<li>android: Shows content in Android devices.</li>
<li>chrome: Shows content on Chrome browser (Only works on mobile devices).</li>
<li>desktop: Shows content on a computer. Opposite to mobile option.</li>
<li>ios: Shows content in iOS devices.</li>
<li>ipad: Shows content on a iPad.</li>
<li>iphone: Shows content on a iPhone.</li>
<li>mobile: Shows content on a mobile device (includes tablets and cell phones). Opposite to desktop option.</li>
<li>phone: Shows content on a cell phone.</li>
<li>safari: Shows content on Safari browser (Only works on mobile devices).</li>
<li>samsung: Shows content on Samsung devices.</li>
<li>tablet: Shows content on a tablet.</li>
</ul>

isMobile() Shortcode for WordPress

This plugin works with the open source Mobile Detect Library. You can get further information on its website.

Sheikh Ashrafuzzman

Block Responsive is the ultimate WordPress plugin for creating mobile-friendly, responsive websites with Gutenberg blocks. This comprehensive responsive design tool gives you complete control over how your content appears across all devices, making it easy to build responsive layouts without any coding knowledge.
Perfect for creating mobile-responsive websites, this plugin automatically adds responsive breakpoints and device-specific styling options to every core WordPress block. Whether you’re optimizing for mobile SEO, improving tablet user experience, or fine-tuning desktop layouts, Block Responsive provides the responsive web design tools you need.
<h3>Key Features</h3>
<h3>📱 Display Controls</h3>
Hide/show blocks on specific devices (mobile, tablet, desktop) 
Simple toggle controls with device-specific icons 
Visual feedback for hidden blocks
<h3>🎨 Responsive Styling Options</h3>
Alignment Controls: Block alignment settings for different screen sizes 
Colors Controls: Text color, background color, and link color with device-specific settings 
Background Image Controls: Responsive background image settings 
Typography Controls: Font size, line height, letter spacing, and text transform for each device 
Dimensions Controls: Padding, margin, width, and height controls for responsive layouts 
Border & Shadow Controls: Border radius, border width, and shadow effects per device
<h3>How It Works</h3>
<ol>
<li>Block Inspector Integration: Responsive controls appear in the block inspector panel</li>
<li>Device-Specific Settings: Configure different styles for mobile, tablet, and desktop</li>
<li>Real-time Preview: See changes immediately in the editor</li>
<li>Frontend Rendering: Automatically generates and applies responsive CSS</li>
</ol>
<h3>Have feedback, suggestions, or feature ideas?</h3>
Feel free to share them with me at <a href="mailto:hello@ashrafuzzaman.com" rel="nofollow ugc">hello@ashrafuzzaman.com</a>. I’d love to hear your thoughts!

Block Responsive – Make Editor Blocks Responsive Easily


Tested it for a few minutes, and I can already picture all the different ways this can be used - job well done, really !


This should be in the core.

Transform any WordPress block into a fully responsive element with device-specific controls for mobile, tablet, and desktop optimization.

isMobile() Shortcode for WordPress vs Block Responsive – Make Editor Blocks Responsive Easily