<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>elementor &#8211; danisanchez.net</title>
	<atom:link href="https://danisanchez.net/tag/elementor/feed/" rel="self" type="application/rss+xml" />
	<link>https://danisanchez.net</link>
	<description></description>
	<lastBuildDate>Wed, 23 Jul 2025 21:01:28 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	

<image>
	<url>https://danisanchez.net/wp-content/uploads/2026/07/cropped-favicon-32x32.png</url>
	<title>elementor &#8211; danisanchez.net</title>
	<link>https://danisanchez.net</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Cómo aplicar un CSS personalizado en Elementor sin que afecte al modo edición</title>
		<link>https://danisanchez.net/como-aplicar-un-css-personalizado-en-elementor-sin-que-afecte-al-modo-edicion/</link>
					<comments>https://danisanchez.net/como-aplicar-un-css-personalizado-en-elementor-sin-que-afecte-al-modo-edicion/#respond</comments>
		
		<dc:creator><![CDATA[dani.sanchez]]></dc:creator>
		<pubDate>Wed, 23 Jul 2025 21:01:28 +0000</pubDate>
				<category><![CDATA[Elementor]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[elementor]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">https://danisanchez.net/?p=15051</guid>

					<description><![CDATA[En ocasiones necesitamos aplicar un estilo CSS cuyo efecto puede molestarnos a la hora de editar. Podemos declara nuestro css adicional de la siguiente forma: La condición evita que los estilos apliquen tanto al panel administrador como a Elementor cuando está en modo edición.]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">En ocasiones necesitamos aplicar un estilo CSS cuyo efecto puede molestarnos a la hora de editar.</p>



<p class="wp-block-paragraph">Podemos declara nuestro css adicional de la siguiente forma:</p>



<pre class="wp-block-code"><code>function estilos_solo_frontend() {
    if ( ! is_admin() &amp;&amp; ! 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' );</code></pre>



<p class="wp-block-paragraph">La condición evita que los estilos apliquen tanto al panel administrador como a Elementor cuando está en modo edición.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://danisanchez.net/como-aplicar-un-css-personalizado-en-elementor-sin-que-afecte-al-modo-edicion/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Cerrar modales de Elementor con JavaScript (jQuery)</title>
		<link>https://danisanchez.net/cerrar-modales-de-elementor-con-javascript-jquery/</link>
					<comments>https://danisanchez.net/cerrar-modales-de-elementor-con-javascript-jquery/#respond</comments>
		
		<dc:creator><![CDATA[dani.sanchez]]></dc:creator>
		<pubDate>Wed, 30 Apr 2025 11:21:36 +0000</pubDate>
				<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[elementor]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<guid isPermaLink="false">https://danisanchez.net/?p=14876</guid>

					<description><![CDATA[Si necesitamos cerrar un modal de Elementor con un elemento alternativo a la X por defecto, podemos añadir este fragmento de código JavaScript asociado a una clase o identificador CSS: Donde .cerrar-modal es la clase CSS asignada al elemento sobre el cual se aplicará evento click.]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Si necesitamos cerrar un modal de Elementor con un elemento alternativo a la <strong>X</strong> por defecto, podemos añadir este fragmento de código JavaScript asociado a una clase o identificador CSS:</p>



<pre class="wp-block-code"><code>&lt;script>
    jQuery(function($){
        $(document).on('click','.cerrar-modal', function(event){
        elementorProFrontend.modules.popup.closePopup( {}, event);
        });
    });
&lt;/script></code></pre>



<p class="wp-block-paragraph">Donde <strong>.cerrar-modal</strong> es la clase CSS asignada al elemento sobre el cual se aplicará evento click.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://danisanchez.net/cerrar-modales-de-elementor-con-javascript-jquery/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Ocultar el botón «Volver al editor de WordPress» cuando maquetas con Elementor</title>
		<link>https://danisanchez.net/ocultar-el-boton-volver-al-editor-de-wordpress-cuando-maquetas-con-elementor/</link>
					<comments>https://danisanchez.net/ocultar-el-boton-volver-al-editor-de-wordpress-cuando-maquetas-con-elementor/#comments</comments>
		
		<dc:creator><![CDATA[dani.sanchez]]></dc:creator>
		<pubDate>Sun, 10 Dec 2023 13:28:32 +0000</pubDate>
				<category><![CDATA[Elementor]]></category>
		<category><![CDATA[Publicaciones]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[elementor]]></category>
		<category><![CDATA[wordpress]]></category>
		<guid isPermaLink="false">https://danisanchez.net/?p=14063</guid>

					<description><![CDATA[Cuando editamos una página desde el panel de WordPress y esta ha sido editada desde Elementor, aparece un botón en la parte superior con la opción «Volver al editor de WordPress». 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 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Cuando editamos una página desde el panel de WordPress y esta ha sido editada desde Elementor, aparece un botón en la parte superior con la opción «Volver al editor de WordPress».</p>



<p class="wp-block-paragraph">Esto es algo muy peligroso, ya que al de volver al editor de WordPress romperíamos toda la edición realizada con Elementor. </p>



<p class="wp-block-paragraph">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.</p>



<p class="wp-block-paragraph">Así que en todos mis child-themes para Elementor añado un fichero estilos-admin.css para la parte de administrador:</p>



<p class="wp-block-paragraph"><strong>functions.php</strong></p>



<pre class="wp-block-code"><code>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');</code></pre>



<p class="wp-block-paragraph"><strong>estilos-admin.css</strong></p>



<pre class="wp-block-code"><code>.elementor-editor-active #elementor-switch-mode{
    display: none !important;
}</code></pre>



<p class="wp-block-paragraph">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.</p>



<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="1024" height="321" src="https://danisanchez.net/wp-content/uploads/2023/12/02-ocultar-imagen-volver-al-editor-de-wordpress-1024x321.jpg" alt="" class="wp-image-14150" srcset="https://danisanchez.net/wp-content/uploads/2023/12/02-ocultar-imagen-volver-al-editor-de-wordpress-1024x321.jpg 1024w, https://danisanchez.net/wp-content/uploads/2023/12/02-ocultar-imagen-volver-al-editor-de-wordpress-300x94.jpg 300w, https://danisanchez.net/wp-content/uploads/2023/12/02-ocultar-imagen-volver-al-editor-de-wordpress-768x241.jpg 768w, https://danisanchez.net/wp-content/uploads/2023/12/02-ocultar-imagen-volver-al-editor-de-wordpress.jpg 1460w" sizes="(max-width: 1024px) 100vw, 1024px" /></figure>
]]></content:encoded>
					
					<wfw:commentRss>https://danisanchez.net/ocultar-el-boton-volver-al-editor-de-wordpress-cuando-maquetas-con-elementor/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>PRO Elements, o como tener Elementor Pro libre y gratuito</title>
		<link>https://danisanchez.net/pro-elements-o-como-tener-elementor-pro-libre-y-gratuito/</link>
					<comments>https://danisanchez.net/pro-elements-o-como-tener-elementor-pro-libre-y-gratuito/#comments</comments>
		
		<dc:creator><![CDATA[dani.sanchez]]></dc:creator>
		<pubDate>Tue, 03 Jan 2023 08:23:14 +0000</pubDate>
				<category><![CDATA[Elementor]]></category>
		<category><![CDATA[Publicaciones]]></category>
		<category><![CDATA[elementor]]></category>
		<guid isPermaLink="false">https://danisanchez.net/?p=13595</guid>

					<description><![CDATA[PRO Elements es un proyecto que lleva varios años adaptando Elementor Pro de forma que se pueda distribuir libre y gratuitamente. ¿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 [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><strong>PRO Elements</strong> es un proyecto que lleva varios años adaptando <em>Elementor Pro </em>de forma que se pueda distribuir libre y gratuitamente.</p>



<figure class="wp-block-image size-large"><a href="https://danisanchez.net/wp-content/uploads/2023/01/01-pro-elements.webp" target="_blank" rel="noreferrer noopener"><img decoding="async" width="1024" height="370" src="https://danisanchez.net/wp-content/uploads/2023/01/01-pro-elements-1024x370.webp" alt="" class="wp-image-13600" srcset="https://danisanchez.net/wp-content/uploads/2023/01/01-pro-elements-1024x370.webp 1024w, https://danisanchez.net/wp-content/uploads/2023/01/01-pro-elements-300x108.webp 300w, https://danisanchez.net/wp-content/uploads/2023/01/01-pro-elements-768x277.webp 768w, https://danisanchez.net/wp-content/uploads/2023/01/01-pro-elements.webp 1404w" sizes="(max-width: 1024px) 100vw, 1024px" /></a><figcaption class="wp-element-caption">Click para ampliar</figcaption></figure>



<p class="wp-block-paragraph"><strong>¿Cómo es posible?</strong></p>



<p class="wp-block-paragraph">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.</p>



<p class="wp-block-paragraph">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).</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow">
<p class="wp-block-paragraph">Artículo disponible en vídeo:</p>
</blockquote>



<iframe src="https://www.youtube-nocookie.com/embed/NG_OtZd6bas" title="YouTube video player" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen="" width="100%" height="400" frameborder="0"></iframe>



<h2 class="wp-block-heading">¿En qué consiste PRO Elements?</h2>



<p class="wp-block-paragraph">Básicamente toman el código de <em>Elementor Pro</em>, 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.</p>



<p class="wp-block-paragraph">De esta forma tendrás todos los módulos de <em>Elementor Pro</em>, todo su maquetador de plantillas, ventanas emergentes, configurador de fuentes, etc.</p>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="453" src="https://danisanchez.net/wp-content/uploads/2023/01/02-pro-elements-1024x453.webp" alt="" class="wp-image-13601" srcset="https://danisanchez.net/wp-content/uploads/2023/01/02-pro-elements-1024x453.webp 1024w, https://danisanchez.net/wp-content/uploads/2023/01/02-pro-elements-300x133.webp 300w, https://danisanchez.net/wp-content/uploads/2023/01/02-pro-elements-768x340.webp 768w, https://danisanchez.net/wp-content/uploads/2023/01/02-pro-elements.webp 1416w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /></figure>



<h2 class="wp-block-heading">¿Que no tendrás con PRO Elements?</h2>



<p class="wp-block-paragraph">Lógicamente no tendrás acceso a las actualizaciones de <em>Elementor Pro</em>, tendrás que esperar a que el equipo de <strong>PRO Elements</strong> adapte y libere esas actualizaciones.</p>



<p class="wp-block-paragraph">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.</p>



<h2 class="wp-block-heading">Resumiendo, ¿es aconsejable usar PRO Elements?</h2>



<p class="wp-block-paragraph">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.</p>



<p class="wp-block-paragraph">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.</p>



<p class="wp-block-paragraph">Puedes descargar <strong>PRO Elements</strong> desde Github:</p>



<p class="wp-block-paragraph"><a href="https://github.com/proelements/proelements">https://github.com/proelements/proelements</a></p>
]]></content:encoded>
					
					<wfw:commentRss>https://danisanchez.net/pro-elements-o-como-tener-elementor-pro-libre-y-gratuito/feed/</wfw:commentRss>
			<slash:comments>3</slash:comments>
		
		
			</item>
	</channel>
</rss>
