Deshabilitar el click derecho de Tu Web

Deshabilitar el click derecho de Tu Web
1.2 (23.81%) 42 vote[s]

En este artículo quiero compartirles la forma de cómo evitar que copien el contenido de nuestro sitio web en wordpress o Deshabilitar el click derecho de una forma sencilla sin utilizar plugins.

Evitar que la gente copia el contenido es casi imposible; pero se puede hacer la tarea un poco más compleja utilizando algunas estrategias que le dificultará el proceso, y así proteger nuestro texto. No esta garantizado el 100% de evitar que lo copien; pero los pasos que deberán seguir para poder copiar nuestro texto será muy fácil si son principiantes. Por lo que en las siguientes lineas te explicaré paso a paso, la manera de desactivar la selección de texto, desactivar el boton derecho del raton y complicar el proceso de que otras personas dupliquen nuestro contenido. Si te interesa quédate hasta el final del artículo que le sacarás muy buen provecho.

Como este artículo solo es la finalidad de enseñarte a utilizar esta forma de proteger tu contenido yo no lo he explicado en mi blog; porque es personal y no tengo problemas con que la demás personas intenten copiar mi contenido, ya que todo está indexado.

Como desactivar el click derecho en nuestra web?

Bien para desactivar la selección de texto y copiado de contenido lo realizaremos en tres sencillos pasos, los cuales tendremos que tocar archivos de nuestro theme, no te preocupes qué te detallaré de forma sencilla con el cual no te perderás.

Lo recomendable antes de realizar este proceso o cualquier otro es crear un tema hijo; pero si tienes un tema desarrollado por ti mismo entonces lo puedes hacer directamente los archivos, caso contrario si fuese el anterior. Que lo hayas adquirido en un marketplace dedicado a la venta de plantillas para wordpress entonces sí deberías crear un tema hijo en el cual puedas hacer las modificaciones a tu gusto.

Por cierto si tienes un theme que haz comprado en envato market, en otras palabras themeforest, la mayoría de sus themes ya traen un child theme. Y es ahí donde debes hacer los cambios correspondientes.

Deshabilitar la selección de texto y evitar que copien el contenido paso a paso

Para deshabilitar la selección de texto debemos agregar unas cuantas líneas de código en el archivo functions.php al final del código principal, es la primera forma de complicarle la vida a quienes intentan copiar el contenido de nuestro blog, a continuación el código y los pasos a seguir.

Paso uno

1- Solo debes copiar el siguiente código, irte a tu archivo function.php y pegarlo. Vuelvo y repito, debe ser al final de todo el código.

add_filter( 'body_class', function( $classes ) {
    return array_merge( $classes, array( 'nocopy' ) );
} );

Imagen de referencia

agrear codigo en el functions

Esta línea de código lo que haces agregar una clase entre las etiquetas head, la clase nocopy a todo tu sitio web de wordpress.

Y las siguientes líneas es para deshabilitar la selección de texto.

Paso dos

2- Con estas líneas de código las cuales las tendremos que pegar al final del archivo style.css, con ello conseguiremos que se deshabilite la opción de seleccionar el texto de todo el sitio web.

/*Desavilitar Click Derecho*/
.nocopy {
-webkit-touch-callout: none;
-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none;
-ms-user-select: none; 
user-select: none;
}

La imagen siguiente muestra gráficamente como debería quedar este código.

estilos css

Una vez que hayas terminado de agregar estas dos alternativas en los archivos de tu theme ya puedes probarlo en las entradas o páginas de tu blog intentando seleccionar para copiar algún texto, en el caso de que tengas algún inconveniente debes volver a corregir el proceso para ver dónde está el error.

Paso tres

Bien en este punto solamente conseguiremos desactivar el clic derecho, ellos podrán seleccionar el texto y todo lo demás pero no podrán copiar. Entonces procedo a indicarte y compartir el código con el que podrás inhabilitar el click derecho.

<html <?php language_attributes(); ?> oncontextmenu="return false">

Solamente debes dirigirte a tu archivo header.php y reemplazar la línea de código que estás viendo aquí, la imagen siguiente muestra donde la puede reemplazar

Todos los themes traen esa linea de código, a la que si deseas solo agregarle «oncontextmenu=»return false«». O reemplaza todo la linea.

Básicamente con estos pasos sencillos hemos conseguido deshabilitar el click derecho y evitar  que nos copien el contenido. Bien hay personas que no lo recomiendan y otras que si, en mi caso yo para fines de enseñanza, en mi blog personal he decidido no aplicar este proceso; pero lo tengo aplicado en otros sitios web.

Si consideras que este contenido ha sido de mucho valor e importante para ti, te invito a que lo compartas Y si tienes dudas y inconvenientes en el proceso no dudes en dejarlos en los en la sección comentarios.

Escrito Por
David Cruz
¡Adelante! deja tu Comentario:

Comentarios
David Cruz