Conditional Blocks – Advanced Content Visibility Control for WordPress vs Smush – Image Optimization, Compression, Lazy Load, WebP & CDN

Conditional Blocks is a powerful, no code plugin that allows you to control the visibility of any WordPress blocks within the Block Editor (Gutenberg) using advanced display logic. Replace multiple plugins with our versatile Conditional Blocks, developed for fast paced freelancers and agencies. 🌏 Get the full overview on conditionalblocks.com Create Better Sites with Less Plugins 🤩 Everything is block in modern WordPress development with Full Site Editing (FSE). In plain words, you apply conditional display logic to everything. Here’s some example use-cases where Conditional Blocks shines. Dynamic headers, navigation and menus, Cart Messages CTA & Marketing sections Restrict content & Access control Membership content Content Control And much more.. What’s Included in Conditional Blocks FREE The free version of Conditional Blocks offers 3 visibility conditions + The Conditions API for creating your own conditions . Lockdown condition: Hide blocks from everyone, perfect for preparing new content or working on drafts. User Status: Display content exclusively for logged-in or logged-out users, ideal for membership site content. Responsive designs: Control block visibility on mobile, tablet, and desktop screens for responsive designs. You can edit the CSS Breakpoints to match your theme too. Developer Focused: Create Custom Visibility Conditions for WordPress Blocks, such as custom user roles or membership levels. You can easily create your own integrations using code snippets. The free version is limited. Consider joining our PRO community to create better WordPress sites & support development. The Full Toolkit with Conditional Blocks Pro ✨ Conditional Blocks Pro unlocks the full suite of advanced block visibility conditions and integrations, allowing you to create truly dynamic and personalized user experiences: 🎯 Advanced Audience Targeting (Pro) Geolocation: Target or exclude visitors based on their Country or Continent using their IP address. Ideal for region-specific content, offers, or compliance. User Role: Precisely control visibility for specific user roles (Admin, Editor, Subscriber, WooCommerce Customer, custom roles, etc.). Device & Browser: Tailor experiences by showing/hiding blocks based on device type (iPhone, Android, Tablet, Desktop) or browser (Chrome, Firefox, Safari, etc.). Referrer URL: Display unique content to visitors arriving from specific sources like Google, X/Twitter, or other websites. ⚙️ Dynamic & Automated Content (Pro) Scheduling: Automate your content calendar! Display blocks only during specific date ranges, times of day, or days of the week – perfect for sales, events, or timely announcements. Post Meta & Custom Fields: Leverage your existing data by showing or hiding blocks based on post meta or custom field values (including ACF). URL Query String: Create dynamic landing pages or respond to campaign parameters by controlling visibility based on URL query strings. HTTP Cookies: Adapt content based on visitor cookie values for advanced tracking or personalization (Pro). Content Specificity: Target blocks to specific Post IDs, URL paths, Post Types, Taxonomies (like categories or tags), and even specific Terms. User Meta: Personalize content based on individual user metadata. Archive Pages: Show or hide blocks specifically on WordPress archive pages. 🔌 Powerful Integrations (Pro) Integrations are automatically available when the supported plugin is active. Advanced Custom Fields (ACF): Create hyper-personalized experiences by controlling block visibility based on your ACF field values. (Learn More) WooCommerce: Boost sales and improve shop UX! Show targeted messages based on cart total, products in cart, purchased products, or customer details. (Learn More) Easy Digital Downloads (EDD): Enhance your digital store with conditions based on cart value, purchased products, products in cart, or cart item categories. (Learn More) Paid Memberships Pro (PMPro): Easily restrict content based on membership levels, status, or specific user field data. (Learn More) MetaBox: Control block visibility based on the values stored in your MetaBox custom fields. (Learn More) ProfilePress: Restrict content visibility based on users’ active membership plans in ProfilePress. (Learn More) FluentCRM: Control block visibility based on FluentCRM user tags and contact lists. Perfect for targeted email marketing follow-ups. (Learn More) WP Fusion: Show or hide content based on WP Fusion tags synced from your CRM, enabling deep CRM-driven personalization. (Learn More) GTranslate: Display content conditionally based on the visitor’s selected language in GTranslate. (Learn More) 🚀 Workflow Boosters (Pro) Condition Presets: Save frequently used condition combinations and reuse them across your site with a single click. Custom PHP Logic: Implement highly specific or complex visibility rules using your own custom PHP functions. Combine with AND/OR Logic: Build sophisticated visibility rules by grouping multiple conditions with flexible AND/OR logic. See all Conditional Blocks Pro features & integrations Advanced Usage Managing WordPress content via blocks becomes easier when you know the tips & tricks. You can find more on our blog. Draft content on live pages Use the Lockdown condition to create draft blocks inside live content, and simply remove the condition when you’re ready to publish. You don’t have to worry about people seeing the content before it’s complete. Using the Lockdown Condition eliminates need to create a separate draft page. Apply Conditions to Groups One of our favorite methods of managing WordPress content is to use Group Blocks. If you setup a Group Blocks you can set conditions directly the Group, this means that all nested blocks inside the Group will automatically follow the same visibility conditions. Design Patterns Yes it’s also possible to pre-make dynamic templates using Conditional Blocks. You’ll have to make use of the WordPress Design Patterns. Simply make a patterns as you’ve also done while applying the visibility rules. The patterns will be ready and be conditionally displayed when you insert it on a page. We personally use the same method on Synced Patterns too. (Previously known as Reusable Blocks in Gutenberg). Restrictive content made easy Control access to any block by clicking on it within the Block Editor and using the Condition Builder to add visibility rules. Perfect for members-only content. Responsive designs simplified Effortlessly adapt your blocks for mobile, tablet, or desktop display, automatically showing or hiding content according to screen sizes. LEARN MORE Get Pro: See pricing & go Pro today. Documentation: Learn how to set up and use our features. Blog: Read our guides and tutorials. Website: Find out more about us and the PRO version. X (Twitter): Follow us on X. MORE Block Plugins Find My Blocks: Locate all instances of blocks across your WordPress pages. Compatibility Conditional Blocks works with any theme or plugin that uses the WordPress Block Editor (also known as Gutenberg). Block widget & Full Site Editing (FSE) within themes are also supported. Tested and compatible with: Stackable Blocks Spectra Blocks Atomic Blocks CoBlocks Editorskit WooCommerce Blocks (Product Blocks) Easy Digital Downloads Blocks Ultimate Addons for Gutenberg Otter Blocks & Templates GenerateBlocks Kadence Blocks Kadence Theme Genesis Blocks Twenty Twenty-Two theme Twenty Twenty-Four theme Wabi theme Poe theme WooCommerce Storefront WordPress Site Editor Gutenberg WordPress Site Templates OllieWP theme For support or help with other plugins, please get in touch.

Compress images, optimize images, and enable image lazy load automatically with the powerful Smush image optimizer to keep your WordPress site fast, without losing quality. Smush makes it easy to optimize images, compress images, and deliver images faster across your entire WordPress site. This all-in-one image optimizer automatically reduces image file sizes, enables image lazy load, and serves modern formats like WebP and AVIF, all without breaking image quality or adding extra work. Whether you’re running a blog, store, or portfolio, Smush helps you optimize images at scale and keep your site fast with a trusted WordPress image optimizer. Trusted by 1+ Million Sites | 4.8/5 Star Rating Get everything you need to optimize images and speed up your site. Smush works out of the box with no complicated setup – just install and let it handle the rest. Compress images without losing quality Reduce image file size automatically while keeping your images sharp and clear. Smush is an easy-to-use image optimizer which let’s you compress images using both lossless and lossy compression, giving you the best balance of quality and performance without extra work. You can also compress images outside the media library using Directory Smush, making it easy to optimize images stored in theme folders, plugins, or other directories on your server. Lazy load images for faster pages Enable image lazy load across your site so images load only when needed. This image optimizer improves initial page speed and creates a smoother experience for visitors without extra configuration. Serve WebP and AVIF images automatically (PRO) Convert images to WebP and AVIF and serve them automatically to supported browsers. Smush helps you optimize images using next-gen formats to reduce file size and improve load times across your WordPress site. Deliver images faster with an Image CDN (PRO) Serve images through a global image CDN to reduce latency and improve load times for visitors around the world. 119 global CDN servers Up to 500 GB of bandwidth Faster image delivery based on visitor location Improved performance for image-heavy and high-traffic sites Automatically resize and fix image dimensions (PRO) Eliminate common PageSpeed warnings and improve layout stability with automatic image sizing. Smush dynamically resizes images to perfectly fit their containers, regardless of original size, helping fix the “Properly size images” warning in Google PageSpeed Insights. It also automatically adds missing width and height attributes to your images, improving rendering speed and reducing layout shifts. This helps you meet the “Ensure images have explicit width and height” recommendation without any manual work. Optimize your entire site, automatically Smush works across your whole site as a powerful image optimizer to optimize images as you upload them and maintain performance over time without manual work. Optimize images automatically on upload Compress images in bulk or individually Works with your existing media library No need to re-upload images Enable image lazy load across your site Convert images to WebP and AVIF Deliver images with an integrated image CDN Automatically resize and serve correctly sized images Optimize images outside the media library with Directory Smush Built for performance Smush improves page speed and overall performance by reducing image weight and improving how images are delivered. Reduce page load times Improve user experience Better performance for image-heavy pages Supports image lazy load and preload images (PRO) for faster perceived performance Works with your existing setup Smush is built to work with your current WordPress setup, including popular themes, page builders, and plugins. Compatible with Gutenberg, Elementor, WPBakery, and more Works with WooCommerce stores No need to change your workflow Easy to enable and configure Designed to be simple You don’t need to be a performance expert to optimize images with Smush image optimizer. Works out of the box Simple settings when you need them No technical knowledge required Safe to use on any site Why choose Smush? There are plenty of image optimization plugins, but Smush focuses on making it easy to optimize images, compress images, and improve performance without complexity. As a leading WordPress image optimizer, Smush gives you powerful optimization tools without the technical hassle. Trusted by over 1 million WordPress users Built specifically for WordPress Regular updates and improvements Backed by the WPMU DEV team Get started in minutes Install Smush, activate it, and start to compress images, optimize images, and enable image lazy load right away. This easy-to-use image optimizer helps most sites see improvements immediately without changing how they upload or manage images. About Us WPMU DEV is a premium supplier of quality WordPress plugins, services and support. Learn more here: https://wpmudev.com/ Don’t forget to stay up to date on everything WordPress from the Internet’s number one resource: WPMU DEV Blog Hey, one more thing… we hope you enjoy our free offerings as much as we’ve loved making them for you! Contact and Credits Originally written by Alex Dunae at Dialect (dialect.ca, e-mail ‘alex’ at ‘dialect dot ca’), 2008-11.