Evitar la selección de texto, copiar y pegar es una protección muy básica, y puede ser vulnerada, sin embargo en algunos proyectos es posible que tu usuario lo solicite. En este artículo veremos como implementar esto directamente a través de código.
Generalidades
Existen algunos plugins que te brindan esta funcionalidad de evitar la selección y copiar y ocultar el menú contextual, sin embargo en este artículo veremos cómo realizar esto directamente a través de código.
Código para evitar la selección, copiado y menú contextual
El siguiente código combina código PHP y Javascript para quitar la funcionalidad de selección y copia en el contenido de un sitio web WordPress.
Puedes personalizar este código para que tenga efecto sólo en determinadas páginas de tu sitio.
En el código anterior:
- Usamos el Hook wp_footer para insertar el código javascript
- Sólo tendrá efecto en determinadas páginas, en el ejemplo usamos la función is_page() para realizar esa comprobación
- El código javascript tiene dos partes, la primera de ellas es para evitar el copiado y pegado y también evita el menú contextual
- La segunda parte del código evita la selección de texto agregando código CSS al elemento HTML body
Conclusión
Puedes evitar usar un plugin y usar directamente el código anterior para tener una protección básica de cierto contenido de tu sitio web WordPress.
Ver comentarios (8)
Hola y cuando no puedes escribir en algún formulario porque cuando seleccionas en versión móvil el campo de texto que rellenarlas solo se abre y cierra el teclado pero no te deja escribir, ese error sabes a qué se debe? Me pasa eso en el formulario de checkout de woocomerce no me deja introducir los datos.
Hola, puede ser que sea por algún plugin que te esta causando conflicto o por tu propio theme incluso, podrías probar ir desactivando plugins y como opción final probar con otro theme.
hola John felicidades por tu blog de ayuda para wordpress una pasada e intentado poner este código con Code Snippets ya que el functions mío del tema es un poco raro y yo desconozco de código pero no me funciona otra cosa serviría también para imágenes???
Hola, no lo he probado en plugin de snippets pero teóricamente no deberías tener problemas. En cuanto a si sirve para imágenes, lo que el script evita es la selección de texto, una imagen podrías arrastrarla y copiarla. Saludos.
Hola, Jhon.
Buenos días.
Una consulta, y para bloquear todas las paginas de WordPress, como seria en este caso,
Hola, simplemente puedes quitar la condicional:
Saludos.
Hola, Jhon. Excelente aporte como siempre.
También existe un plugin que se llama "Disabled Source, Disabled Right Click and Content Protection"
Deshabilita comando del teclado, como: "Ctrl+J, Ctrl+Mayús+J, Ctrl+C, Ctrl+Mayús+C" y muchos más, ademas, ofrece otras funciones como bloque de IP y países.
Lamentablemente, muy pocas personas hablan de este tema, cuando se un tema muy básico e indispensable, también existen muy pocos plugins 100% efectivos. La problemática no termina con "deshabilitar" el clic derecho, al contrario todo empieza con el clic derecho.
Esperamos que "Disabled Source, Disabled Right Click and Content Protection" funcione con cualquier versión de wordpress futura, y que otras las personas profundicen como tiene que ser en tema para no depender de un plugin.
Excelente Jhon. Iba a hacerlo yo mismo, pero pensé que seguro alguien ya tenía algo así publicado en Google y... ¡Me sirvió a la primera! Gracias por el aporte.