Siempre estoy pensando en cómo mejorar la experiencia de mis lectores y sobre todo de los premium. Por eso, además de ocultar la publicidad para ellos, he implementado un nuevo sistema que permite activar un modo concentración en cualquier artículo del blog.
Esta función está pensada para quienes quieren leer tranquilos, sin distracciones visuales, sin sidebar, sin header, sin pie de página ni elementos adicionales. Solo el contenido y, si lo desean, su bloc de notas personal flotante para anotar ideas mientras leen.
Con este modo, si eres un usuario registrado pasarás de ver los articulos así:
a verlos así:
¿En qué consiste el modo concentración?
- Aparece un botón flotante en la parte inferior derecha del artículo que dice «Modo concentración».
- Al activarlo, desaparecen la cabecera, el footer, la barra lateral, botones sociales, comentarios, banners… todo lo que no sea el contenido principal.
- El área de lectura se expande al ancho completo de la pantalla y se centra con un fondo blanco suave.
- El texto se muestra con más margen, mejor tipografía y mayor claridad.
- El buscador del contenido del artículo se fija a la parte superior de la entrada estando visible en todo momento.
Es ideal para leer tutoriales largos, artículos técnicos o cualquier contenido que merezca atención plena.
Solo para usuarios registrados
Este modo solo está disponible para usuarios logueados, como parte de los beneficios premium. No se activa para visitantes anónimos, ya que el blog sigue mostrando publicidad y otros elementos pensados para monetizar el contenido gratuito.
Totalmente reversible
Al hacer clic en el botón, el modo concentración se activa. Y si quieres volver a la vista normal, solo tienes que hacer clic de nuevo. El botón cambia de texto automáticamente para indicar que puedes «Salir del modo». Todo ocurre al instante, sin recargar la página.
Compatible con el bloc de notas
Mientras estás en modo concentración, el bloc de notas flotante sigue estando disponible. Esto convierte cada entrada en una especie de espacio personal para leer y anotar sin interrupciones. Puedes enfocarte solo en el contenido y tus ideas.
Una experiencia pensada para ti
Con este modo de lectura, sigo reforzando la idea de que ser suscriptor premium en PluginsWeb.es no es solo tener acceso a contenido exclusivo, sino también disfrutar de una experiencia de uso más cuidada, cómoda y libre de distracciones.
Este tipo de mejoras, aunque pequeñas a nivel técnico, tienen un gran impacto en cómo percibes el contenido y cómo interactúbas con él. Si te gusta leer en profundidad, anotar, repasar, y sentir que el blog se adapta a ti, el modo concentración es para ti.
A continuación te comparto el código que he utilizado y las instrucciones para que puedas quitar los elementos que quieras y dejar el modo concentración exactamente con los elementos de tu web que quieres mostrar.
El siguiente código tienes que agregarlo en el functions.php de tu tema hijo o utilizar un plugin como CODE SNIPPETS. También puedes crear tu propio plugin con unos simples pasos.
🔐 Este contenido es solo para suscriptores premium.
Estos códigos de la zona premium se mantienen regularmente. Si usas un código y no te funciona correctamente, puedes abrir un ticket de soporte explicando los detalles y lo vemos.
¿Has probado el código? Deja tu opinión en los comentarios.
Hola Fran que tal? Como haces para ocultar la publicidad de adsense a los usuarios registrados y que solo se muestre cuando no has accedido a tu cuenta?
Por cierto si puedes hacer un post sobre esto mejor. Supongo que lo haces con código así lo copio y listo. Gracias.
Efectivamente, con una condicional. Me lo apunto para crear un artículo sobre esto. Saludos.