Desactivar el botón derecho en Divi

Tiempo estimado de lectura: 3 minutos

 

Cómo desactivar el botón derecho en Divi

Hoy veremos como podemos desactivar el botón derecho del ratón en Divi, para impedir que nos copien contenido de nuestra web.

Si tienes una web y produces  contenido, seguramente has pensado en alguna ocasión cómo podrías hacer para proteger ese contenido y evitar que te lo roben y lo publiquen en otras webs.

Existen varios métodos para evitar que roben tu contenido, los hay muy simples y los hay muy complejos. En este artículo vamos a ver una forma relativamente sencilla

¡Vamos allá!

Código que vamos a utilizar pra desactivar el botón derecho en Divi

En esta ocasión, utilizaremos varios códigos, dependiendo de si lo que vamos a impedir hacer botón derecho es sobre texto o sobre imágenes.

/* Desactivar el botón derecho en todo el body */
jQuery(function(){
jQuery( "body" ).contextmenu(function() {
alert( "No tienes permitido copiar este contenido" );
return false;
});
});
/* Desactivar botón derecho solo para párrafos */
jQuery(function(){
jQuery( "p" ).contextmenu(function() {
alert( "No tienes permitido copiar este contenido" );
return false;
});
});
/* Desactivar botón derecho solo para imágenes */
jQuery(function(){
jQuery( "img" ).contextmenu(function() {
alert( "No tienes permitido copiar este contenido" );
return false;
});
});

Como puedes ver, en primer lugar desactivamos la opción de botón derecho sobre cualquier parte del body, es decir, del contenido. A continuación desactivamos el botón derecho sobre las imágenes, y por último sobre los textos (párrafos).

Con estas tres opciones, cuando se hace clic con el botón derecho, se muestra un mensaje de advertencia que dice: No tienes permitido copiar este contenido. Si no quieres mostrar ningún tipo de mensaje, tan solo tienes que borrar las tres líneas: alert( «No tienes permitido copiar este contenido» );

Y como siempre… ¿dónde tenemos que colocar este código?

Como este código lo hemos creado para ser usado en Divi, tenemos que ir a la opción Divi del Escritorio, Opciones del tema, Integración. Aquí tienes que asegurarte de que la opción Habilitar código de la cabecera está activada, y por último, pegas el código en la sección Agregar código al <head> de su blog.

 


¿Te ha servido este artículo?, PUES QUE SE TE NOTE… 0
¿Qué te ha parecido el artículo?. Házmelo saber en los comentarios que tienes más abajo. Estoy deseando leerte.

Por último, si crees que este artículo puede ser interesante para algún amigo tuyo, te agradecería enormemente que lo compartieras con él y con todo el mundo a través de las Redes Sociales.

Puntúa este artículo:
[Total: 0 - Promedio: 0]

Puede que también te interese...

Deja una respuesta

Información básica sobre protección de datos
Responsable: Jose González Bueno.
Finalidad: Moderación y publicación de comentarios.
Destinatarios: No se comunican datos a terceros, salvo por imperativo legal.
Derechos: Tienes derecho a acceder, rectificar, exportar y suprimir tus datos.

Tu dirección de correo electrónico no será publicada.

He leído y acepto la política de privacidad de este sitio. *