Deshabilitar el click derecho de Tu Web

Deshabilitar el click derecho de Tu Web

En este artículo compartiré 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 difí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 botón derecho del ratón 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.

Los pasos que te comparto aquí solo es con fines educativos para que lo apliques en tu sitio web. En lo personal no lo aplicaré en mi sitio web, dado que no te será posible copiar los códigos que te serán de ayuda.

¿Cómo desactivar el click derecho en wordpress sin plugins?

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 que te detallaré de forma sencilla con el cual no te perderás.

Te Recomiendo Leer:   Mejores Hostings para alojar tu web utilizando wordpress - Para principiantes

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.

Tutorial para 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, darle al botón guardar cambios. 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.

Te Recomiendo Leer:   Lista simple y numerada con mejores diseños

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.

<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.

David Cruz

Blogger y SEO. El que estés leyendo este y otros artículos de mi blog dice mucho de mi trabajo. Aquí encontrarás artículos que te ayuden a crear una pagina web con la que podrás dar inicio a la libertad financiera. "SEO". Crear estrategias que mejore la visibilidad en los resultados de google, mejorando así el posicionamiento orgánico.

Esta entrada tiene 2 comentarios

  1. Tengo una curiosidad. En eso sitios que tienes y has aplicado esta desactivación, ¿porque si lo has aplicado? Y en todo caso porque no en otros.
    Gracias.

    1. Son mis webs nicho. Y en mi blog no lo hago porque mis lectores deben copiar las lineas de código que les comparto en los post. Saludos

Deja un comentario

Cerrar menú