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.
