Desactivar Gutenberg globalmente - Oxygenados La comunidad
Oxygenados La comunidad hispana
Recoda White Full Logo
Patrocinador
Menu
post oxygen builder
img-4

Desactivar Gutenberg globalmente

¿Cómo puedes hacerlo?

Muchos de nosotros, los usuarios de Oxygenbuilder, no uilizamos para nada el editor de Gutenberg y por lo tanto no tiene sentido tenerlo activado, sobre todo porque carga una cantidad de código css que afecta al redimiento y velocidad de carga de nuestras páginas.

Vamos a mostrar como podemos desactivar Gutenberg de manera segura, y utilizando plguins como WpCodebox, Advanced Scripts, Woody Add Snippets o cualquier otro editor de snippets, de esta manera se puede recuperar Gutenberg simplemente desactivando el snippet.
Nosotros vamos a utilizar para ilustrar esta entrada a WpCodebox.

Desventajas de utilizar Gutenberg:

Las pesadas funciones de JavaScript hacen que la experiencia de edición sea mala o poco fluida.

La edición de artículos y la inserción de imágenes son un poco más difíciles que el editor anterior

No se pueden utilizar las potentes funciones de la barra de herramientas del editor plugin TinyMCE.

No se pueden integrar los botones de código corto de otros plugins en la barra de herramientas del editor.

En la siguiente imagen mostramos parte del código CSS que se carga en el front end y que es totalmente innecesario si no utilizamos Gutenberg

Desactivar Gutenber Globalmente

En nuestro editor de snippets creamos un nuevo snippet PHP y  le pegamos el siguiente código.

// Desactivar Gutenberg en el back end.
add_filter( 'use_block_editor_for_post', '__return_false' );

// Desactivar Gutenberg en los widgets.
add_filter( 'use_widgets_blog_editor', '__return_false' );

add_action( 'wp_enqueue_scripts', function() {
    // Eliminar el  CSS en el front end.
    wp_dequeue_style( 'wp-block-library' );

    // Desactivar  el tema Gutenberg.
    wp_dequeue_style( 'wp-block-library-theme' );

    // Eliminar el CSS global en el front end.
    wp_dequeue_style( 'global-styles' );
}, 20 );o
Click para Copiar
img-7
Copiado

Como hemos dicho, para este ejemplo utilizamos WpCodebox y lo configuramos de la siguiente manera:

How to run the snippet: Always(On Page Load)
Hook/Priority: Root(Default)
Snippet Order: 10
Where to run the snippet: Everywhere


Listo, ahora puedes comprabor mediante el inspector de tu navegador como ya no carga el código CSS correspondiente a Gutenberg, lo mismo verás como ya no carga el editor Gutenberg en el back end.

❇️ Nota: Algunos de los enlaces que hay en esta entrada pueden ser enlaces de afiliado.

❇️ Créditos: Traducción de Metabox.io.

0 0 votos
Puntuación
Suscribir
Notificar de
guest
0 Comentarios
Viejos
Nuevos Más votados
Comentarios en línea
Ver todos los comentarios
img-10
Añadir lightbox "Facilmente"

El añadir lightbox con sus efectos visuales parece una tarea difícil y que requiere el uso de un nuevo plugin, pero nada más lejos de la realidad, con Oxygen lo tenemos muy fácil, realmente asombrosamente fácil con dos líneas de código HTML y pocas más de código JavaScript, aquí mostramos como hacerlo.

Leer más
img-11
Imagen de Fondo Archivo de Categorías

Vamos a tratar de como añadir un encabezado con la imagen predeterminada para el archivo de categorías, cada categoría tendrá su imagen predeterminada.
Para esto solo se necesita de un plugin gratuito, aunque también se puede hacer con otros como por ejemplo el HappyFiles.

Leer más
img-12
Botón de Todos los Templates

Se echa de menos un botón que estando en la sección "Edit Template" nos lleve directamente a la página de Templates que es donde se muestra todo el listado de plantillas de Oxygen, parece que alguien se ha olvidado de este detalle que debería estar implementado nativamente y a veces hasta fastidia un poco tener que cargar dos páginas para llegar ahí estando en la sección de edición de template.

Leer más