• Saltar a la navegación principal
  • Saltar al contenido principal
  • Saltar a la barra lateral principal

DecodeCMS

Tu WordPress a otro Nivel ...

  • Acerca de
  • Contacto
  • Inicio
  • Tutoriales
    • Themes
    • Plugins
    • Core
    • Recursos
  • Cursos
  • Acceder
    • Mis cursos
    • Mi Cuenta
    • Acceder
Inicio / Tutoriales / Recursos / Evitar la selección de texto, copiar y pegar en WordPress

Evitar la selección de texto, copiar y pegar en WordPress

[ 21 julio 2021 ] [ Autor: Jhon Marreros Guzmán ][ Recursos - Intermedio] [ ]

seguridad

Suscríbete a DecodeCMS:  

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.

Puedes agregar este código al final de tu archivo functions.php de tu tema hijo
Puedes usar las funciones condicionales de WordPress para añadir el código en páginas específicas 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.

 

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

Artículos Relacionados

  • Quitar el menú de WooComerce en la administración de WordPress para ciertos usuariosQuitar el menú de WooComerce en la administración de WordPress para ciertos usuarios
  • Eliminar automáticamente las imágenes al borrar una entradaEliminar automáticamente las imágenes al borrar una entrada
  • Ocultar precios de productos a usuarios visitantesOcultar precios de productos a visitantes en WooCommerce
  • Deshabilitar Información de Usuarios de la REST API de WordPressDeshabilitar Información de Usuarios de la REST API de WordPress
Valora este artículo : 1 barra2 barras3 barras4 barras5 barras (4 votos, promedio: 4,75 de 5)
Cargando...

Interacciones con los lectores

Comentarios

  1. Travis

    22 septiembre, 2021

    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.

    • Jhon Marreros Guzmán

      24 septiembre, 2021

      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.

  2. Marcos

    17 octubre, 2021

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

    • Jhon Marreros Guzmán

      17 octubre, 2021

      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.

  3. William Eduardo Quintana Tovar

    8 junio, 2022

    Hola, Jhon.

    Buenos días.

    Una consulta, y para bloquear todas las paginas de WordPress, como seria en este caso,

    • Jhon Marreros Guzmán

      9 junio, 2022

      Hola, simplemente puedes quitar la condicional:

      if ( is_page('politica-privacidad') ):
      //
      endif;
      

      Saludos.

  4. Gabriel

    26 diciembre, 2023

    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.

  5. El Desarrollador Web

    7 diciembre, 2024

    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.

Para escribir código envolver con: <pre class="language-xxx"><code> </code></pre> ,reemplaza las xxx (php, css, html)

*

* Gravatar habilitado

Barra lateral principal

Curso Decodifica WordPress

Únete a DecodeCMS

Recibirás como regalo:

Guia práctica con video:
¿Quieres agregar código a WordPress? Revisa las diferentes opciones que tienes.Ver más

Omnisend
Alojamiento Wordpress

Niveles

Básico Intermedio Avanzado

Etiquetas

accesibilidad css dashboard editor error funcionalidad herramientas imagen js librería mejoras optimización seguridad SEO social woocommerce

Populares

¿Cómo usar imágenes retina en WordPress?

Cancelar el envío de correos de WordPress sin plugins

Agregar el slug blog en las urls de las entradas de WordPress

Extraer un sitio desde un multisite

© logo decode pie
Política de Privacidad | Política de devoluciones
Copyrigth 2026 Todos los derechos reservados