Impedir seleccionar y copiar contenido mediante una clase

Una semana más, un código más…

En esta ocasión vamos a ver un código CSS que impedirá al usuario poder seleccionar un código y copiarlo.

Esta no es la opción de desactivar el botón derecho del ratón. Con este código puedes impedir seleccionar cualquier cosa a la que le apliques la clase que vamos a crear.

Código que vamos a utilizar

Este contenido es exclusivo para los usuarios de pago de la web.
Si ya lo eres accede a tu cuenta, y si aún no te has suscrito, regístrate desde aquí.

¡Nos vemos dentro!

Cómo funciona este código

Este código crea una clase llamada .no-select.

Funciona como cualquier clase, solo tienes que aplicarla al objeto al que quieres impedir que se pueda seleccionar, y el CSS obrará su magia.

Resultado: Prueba a seleccionar el segundo párrafo y después el primero y el tercero

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede. Donec nec justo eget felis facilisis fermentum. Aliquam porttitor mauris sit amet orci. Aenean dignissim pellentesque felis.

Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat. Praesent dapibus, neque id cursus faucibus, tortor neque egestas auguae, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.

Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.

Dónde debemos poner este código

Este es un código CSS, por lo que debes ponerlo en la opción CSS Personalizado, que encontrarás en el menú Ajustes, Personalizar.

Este artículo ha sido visitado: 14 veces

Obtén acceso a los secretos mejor guardados de WordPress con solo un clic

Suscríbete a la newsletter y recibe en tu correo electrónico 10 snippets de código exclusivos que nunca se han publicado en nuestra membresía y que nunca se publicarán.

Obtén la ventaja definitiva en WordPress y conviértete en un experto.

PDF

10 códigos para WordPress, Divi y WooCommerce, que nunca han sido publicados aquí, ni se publicarán

Deja que WordPress trabaje por ti, utiliza código.