Title: Responsive Block Visibility Swap
Author: Mijanur Rahman
Published: <strong>17 de junio de 2023</strong>
Last modified: 30 de abril de 2024

---

Buscar plugins

![](https://ps.w.org/responsive-block-swap/assets/banner-772x250.png?rev=2927269)

Este plugin **no se ha probado con las últimas 3 versiones mayores de WordPress**.
Puede que ya no tenga soporte ni lo mantenga nadie, o puede que tenga problemas 
de compatibilidad cuando se usa con las versiones más recientes de WordPress.

![](https://ps.w.org/responsive-block-swap/assets/icon-256x256.png?rev=2927259)

# Responsive Block Visibility Swap

 Por [Mijanur Rahman](https://profiles.wordpress.org/mizan42047/)

[Descargar](https://downloads.wordpress.org/plugin/responsive-block-swap.zip)

 * [Detalles](https://es.wordpress.org/plugins/responsive-block-swap/#description)
 * [Valoraciones](https://es.wordpress.org/plugins/responsive-block-swap/#reviews)
 *  [Instalación](https://es.wordpress.org/plugins/responsive-block-swap/#installation)
 * [Desarrollo](https://es.wordpress.org/plugins/responsive-block-swap/#developers)

 [Soporte](https://wordpress.org/support/plugin/responsive-block-swap/)

## Descripción

Easily hide and show Gutenberg blocks based on the screen size to create responsive
website layouts. With Responsive Block Visibility Swap, you can optimize your content
for different devices and enhance the user experience.

### What’s Coming Next

 * Additional Device Support:
    Get ready for enhanced flexibility! In the upcoming
   update, we’re planning to introduce additional device support, allowing you to
   define more devices for precise control over block visibility. We have added 
   support for mobile, tablet, and desktop devices and will be adding mobile landscape,
   tablet landscape, laptop, and widescreen support in the future.
 * Adjustable Media Query Width:
    Fine-tune your responsive layout like never before!
   We’re also planning to include the ability to adjust the media query width for
   each device, giving you greater control over how your blocks behave across different
   screen sizes. Whether you prefer pixel-perfect precision or a more fluid design,
   this feature will empower you to optimize your content for any device.

*Stay Updated:

Keep an eye out for future announcements and updates as we work to bring these exciting
features to life. We’re committed to providing you with the tools you need to create
exceptional, responsive content with ease.

### Feedback and Suggestions

Your feedback is invaluable to us! If you have any thoughts, ideas, or suggestions
for how we can improve our plugin or make these upcoming features even better, we’d
love to hear from you. Please don’t hesitate to reach out to our team with your 
input.

### Donate

Your willingness to donate or help others is truly appreciated and can bring joy
to those in need. Thank you for considering it!

## Capturas

[⌊Open Editor and Right Sidebar and Select Block⌉⌊Open Editor and Right Sidebar 
and Select Block⌉[

Open Editor and Right Sidebar and Select Block

[⌊Open the Advanced settings to access Responsive Block Visibility Swap Controls⌉⌊
Open the Advanced settings to access Responsive Block Visibility Swap Controls⌉[

Open the Advanced settings to access Responsive Block Visibility Swap Controls

[⌊Choose which devices you want to hide this block. Done!⌉⌊Choose which devices 
you want to hide this block. Done!⌉[

Choose which devices you want to hide this block. Done!

## Instalación

 1. Upload the plugin files to the `/wp-content/plugins/responsive-block-swap` directory,
    or install the plugin through the WordPress plugins directory.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress.

## FAQ

### How can I hide or show blocks based on screen size?

To hide or show blocks based on screen size:
 1. Open any WordPress block editor(
e.g., post, page, or theme editor). 2. Select the block you want to show or hide
responsively. 3. In the right sidebar panel, open the Advanced settings. 4. Choose
the screen sizes where the block should be hidden or shown. 5. Save your changes
and preview the page to see the block visibility changes on different devices.

### Can I create responsive layouts with this plugin?

Yes! Responsive Block Visibility Swap allows you to create responsive layouts by
swapping blocks on different devices. You can design custom experiences for mobile,
tablet, and desktop users.

## Reseñas

![](https://secure.gravatar.com/avatar/6ff95d13476655395a5eb86c7b2bb471e91dfcb94256ee32f799aa64d8090e9e?
s=60&d=retro&r=g)

### 󠀁[Awesome. It’s very light weight plugin.](https://wordpress.org/support/topic/awesome-its-very-light-weight-plugin/)󠁿

 [MD IMRUL KAYES](https://profiles.wordpress.org/emimrulkayes/) 21 de mayo de 2024

I've found it to be an essential tool for creating responsive layouts on my WordPress
site. The ability to easily hide and show Gutenberg blocks based on screen size 
has significantly improved the user experience on different devices.

 [ Leer la 1 reseña ](https://wordpress.org/support/plugin/responsive-block-swap/reviews/)

## Colaboradores y desarrolladores

«Responsive Block Visibility Swap» es un software de código abierto. Las siguientes
personas han colaborado con este plugin.

Colaboradores

 *   [ Mijanur Rahman ](https://profiles.wordpress.org/mizan42047/)

[Traduce «Responsive Block Visibility Swap» a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/responsive-block-swap)

### ¿Interesado en el desarrollo?

[Revisa el código](https://plugins.trac.wordpress.org/browser/responsive-block-swap/),
echa un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/responsive-block-swap/)
o suscríbete al [registro de desarrollo](https://plugins.trac.wordpress.org/log/responsive-block-swap/)
por [RSS](https://plugins.trac.wordpress.org/log/responsive-block-swap/?limit=100&mode=stop_on_copy&format=rss).

## Registro de cambios

#### 1.0.1

 * Fixed: Hide block instead of overlay on block in site editor.
 * Improvement: Replaced deprecated functions with new ones.
 * Improvement: Performance optimization & code refactoring.

#### 1.0.0

 * Initial release.

## Meta

 *  Versión **1.0.3**
 *  Última actualización **hace 2 años**
 *  Instalaciones activas **90+**
 *  Versión de WordPress ** 6.1 o superior **
 *  Probado hasta **6.5.12**
 *  Versión de PHP ** 7.0 o superior **
 *  Idioma
 * [English (US)](https://wordpress.org/plugins/responsive-block-swap/)
 * Etiquetas:
 * [block](https://es.wordpress.org/plugins/tags/block/)[device](https://es.wordpress.org/plugins/tags/device/)
   [gutenberg](https://es.wordpress.org/plugins/tags/gutenberg/)[responsive](https://es.wordpress.org/plugins/tags/responsive/)
   [visibility](https://es.wordpress.org/plugins/tags/visibility/)
 *  [Vista avanzada](https://es.wordpress.org/plugins/responsive-block-swap/advanced/)

## Valoraciones

 5 de 5 estrellas.

 *  [  1 valoración de 5 estrellas     ](https://wordpress.org/support/plugin/responsive-block-swap/reviews/?filter=5)
 *  [  0 valoraciones de 4 estrellas     ](https://wordpress.org/support/plugin/responsive-block-swap/reviews/?filter=4)
 *  [  0 valoraciones de 3 estrellas     ](https://wordpress.org/support/plugin/responsive-block-swap/reviews/?filter=3)
 *  [  0 valoraciones de 2 estrellas     ](https://wordpress.org/support/plugin/responsive-block-swap/reviews/?filter=2)
 *  [  0 valoraciones de 1 estrellas     ](https://wordpress.org/support/plugin/responsive-block-swap/reviews/?filter=1)

[Tu valoración](https://wordpress.org/support/plugin/responsive-block-swap/reviews/#new-post)

[Ver todas las reseñas](https://wordpress.org/support/plugin/responsive-block-swap/reviews/)

## Colaboradores

 *   [ Mijanur Rahman ](https://profiles.wordpress.org/mizan42047/)

## Soporte

¿Tienes algo que decir? ¿Necesitas ayuda?

 [Ver el foro de soporte](https://wordpress.org/support/plugin/responsive-block-swap/)