• 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

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

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

seguridad

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

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.

 
¿Aún con dudas?, en el siguiente video se detalla el uso del código anterior.

Suscríbete a DecodeCMS:  

 

¿Me ayudas a llegar a más gente?

Twittear Compartir LinkedIn WhatsApp

Artículos Relacionados

  • Relación bidireccional entre diferentes tipos de contenido con ACFRelación bidireccional entre diferentes tipos de contenido con ACF
  • Creación dinámica de Custom Post Types en WordPressCreación dinámica de Custom Post Types en WordPress
  • Mostrar / ocultar bloques Gutenberg para usuarios registrados o visitantesMostrar / ocultar bloques Gutenberg para usuarios registrados o visitantes
  • Borrar tablas wp_actionscheduler_actions y wp_actionscheduler_logsBorrar tablas wp_actionscheduler_actions y wp_actionscheduler_logs
Valora este artículo : 1 barra2 barras3 barras4 barras5 barras (3 votos, promedio: 4,67 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.

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

*

* Gravatar habilitado

Barra lateral principal

Presentación

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

Jooble
Alojamiento Wordpress

Niveles

Básico Intermedio Avanzado

Etiquetas

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

Populares

Agregar redes sociales en la cabecera de WordPress

Agregar un Slider al tema Storefront

Desactivar la actualización para plugins específicos

Usar un plugin para crear plugins

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