Podemos declara nuestro css adicional de la siguiente forma:

function estilos_solo_frontend() {
    if ( ! is_admin() && ! Elementor\Plugin::$instance->preview->is_preview_mode() ) {
        wp_enqueue_style(
            'custom-elementor-frontend-css',
            get_stylesheet_directory_uri() . '/estilos-personalizados.css', // Ruta a tu archivo CSS
            array(),
            '1.0'
        );
    }
}
add_action( 'wp_enqueue_scripts', 'estilos_solo_frontend' );

La condición evita que los estilos apliquen tanto al panel administrador como a Elementor cuando está en modo edición.

Esto es algo muy peligroso, ya que al de volver al editor de WordPress romperíamos toda la edición realizada con Elementor.

He buscado hooks o filters para ver si hay una opción que deshabilite el mencionado botón, pero finalmente he optado por ocultarlo mediante CSS.

Así que en todos mis child-themes para Elementor añado un fichero estilos-admin.css para la parte de administrador:

functions.php

function estilos_admin(){
    wp_enqueue_style('estilos-admin', get_stylesheet_directory_uri().'/css/estilos-admin.css', array(), '1.0');
}
add_action('admin_enqueue_scripts', 'estilos_admin');

estilos-admin.css

.elementor-editor-active #elementor-switch-mode{
    display: none !important;
}

Con este pequeño código CSS hacemos que en páginas donde esté Elementor activo, no se muestre el botón de volver al editor de WordPress y además, permitimos que se muestre el botón de «Editar con Elementor» en páginas normales.

¿Cómo es posible?

Como sabéis (o deberíais saber), WordPress es un proyecto de software libre bajo licencia GPL, esta licencia permite la modificación y distribución del software siempre que las modificaciones (y distribuciones) adopten la misma licencia GPL a su vez. ¿Qué significa? Que cualquier software que se desarrolle en base a WordPress (una plantilla o plugin) automáticamente adopta la licencia GPL, de forma que puede ser modificado y redistribuido.

Lógicamente los desarrolladores no van a ponerlo tan fácil, y normalmente las versiones PRO de sus plugins solo puedes descargarlas desde sus sitios web (previa compra), así como las futuras actualizaciones y soporte técnico, pero una vez que descargas el software, legalmente podrías hacer lo que quisieras con él. Desde usarlo indefinida y en cuantas instalaciones quieras, hasta modificarlo para tus propios propósitos e incluso revenderlo, siempre y cuando lo distribuyas bajo la misma licencia con la que lo adquiriste (GPL).

Artículo disponible en vídeo:

¿En qué consiste PRO Elements?

Básicamente toman el código de Elementor Pro, deshabilitan el bloqueo que te impide usarlo sin licencia activa y eliminan toda la parte privada o bajo copyright dejando únicamente el código libre que los desarrolladores están obligados a distribuir.

De esta forma tendrás todos los módulos de Elementor Pro, todo su maquetador de plantillas, ventanas emergentes, configurador de fuentes, etc.

¿Que no tendrás con PRO Elements?

Lógicamente no tendrás acceso a las actualizaciones de Elementor Pro, tendrás que esperar a que el equipo de PRO Elements adapte y libere esas actualizaciones.

Tampoco tendrás acceso a los kits y plantillas PRO para importar en tus proyectos ni tendrás soporte técnico ni ninguna garantía de funcionamiento.

Resumiendo, ¿es aconsejable usar PRO Elements?

Depende de para qué, por ejemplo yo no lo usaría en mis clientes de mantenimiento, donde es vital tener las últimas actualizaciones directamente del desarrollador y contar con soporte técnico en caso de problemas.

Pero si que lo usaría para pruebas en local o para la enseñanza, ya que no hará falta comprar una licencia (que no es barata precisamente) para aprender a usar el maquetador o para usarlo particularmente en algún proyecto.

Puedes descargar PRO Elements desde Github:

https://github.com/proelements/proelements

Seguimos con el segundo taller de verano de WooCommerce.

En este taller hemos visto:

• Configuración de Pagos.
• Configuración de Cuentas y Privacidad.
• Configuración de Notificaciones.
• Configuración Integración y Ajustes Avanzados.
• Elementor – Ajustes de Estilos y Maquetación de Cabecera.

Duración del taller: 1 hora y 22 minutos.

Nos vemos en el siguiente taller que será grabado el próximo Miércoles 20 de Julio y que se estrenará el Jueves 21.

Hasta pronto!

Hace unas semanas abrí encuesta en Gestionatuweb Youtube con la idea de organizar unos talleres de verano para WooCommerce, aprovechando que aún no he publicado ningún curso en profundidad sobre el plugin de ecommerce por excelencia.

En la encuesta preguntaba qué builder preferían que usara para maquetar las plantillas de la tienda:

Cabecera, footer, portada, single de producto, archives de productos, carrito, pago…

En la encuesta salió ganador Elementor Pro, así que ayer (miércoles) comencé la grabación del primer taller el cual ha sido estrenado hoy en el canal.

En este primer taller hemos visto:

• Instalación de WordPress en local (basado en Fedora Linux 36).
• Instalación del tema Hello.
• Ajustes adicionales de wp-config.php.
• Instalación de Elementor y Elementor Pro (requiere licencia).
• Creación de child-theme para el tema Hello.
• Instalación de WooCommerce.
• Configuración General.
• Configuración de Productos.
• Configuración de Impuestos.
• Configuración de Envíos.
• Importación de productos de muestra.
• Crear nuestro propio plugin de funciones.

Duración total del taller: 1 hora y 20 minutos aprox.

Nos vemos en el siguiente taller que será grabado el próximo Miércoles 13 de Julio y que se estrenará el Jueves 14.

Hasta pronto!