Aprende a restringir la visualización y adición de comentarios solo a suscriptores mediante código haciendo uso de Restrict Content Pro en este tutorial.
Una de las ventajas de pertenecer al club de Código Genesis es que puedes sugerir futuros tutoriales.
Por ejemplo, Sergio, uno de nuestros suscriptores, me dejó esta pregunta:
¿Cómo conseguís restringir los comentarios solo a los suscriptores? Porque con Restrict Content Pro no he encontrado esta opción. ¿Es necesaria alguna modificación?
Así es.
En Código Genesis tenemos los comentarios accesibles solo a suscriptores. A través de ellos, los usuarios ‘logeados’ pueden preguntar dudas sobre el código y dejar sugerencias para futuros tutoriales.
¿Quieres hacer lo mismo en tu proyecto o el de tu cliente? Ningún problema.
A continuación vas a descubrir cómo imponer esta restricción mediante código si usas Restrict Content Pro para gestionar las suscripciones de la web.
Instrucciones para ocultar los comentarios a los no suscriptores
1. Crea un snippet que limite los comentarios
Añade el siguiente fragmento al final de functions.php o a tu plugin de funcionalidades:
Para ver este código y los otros 2055 snippets de esta web,
identifícate o suscríbete aquí.
Al usar Restrict Content Pro para gestionar a los suscriptores, necesitas agregar una etiqueta condicional junto a una función que compruebe si el usuario tiene una suscripción activa. En este caso se trata de rcp_user_has_active_membership (anteriormente rcp_is_active(), que ahora ya está deprecada).
Por lo tanto, si el lector no cumple la condición, este bloque se encarga de eliminar los comentarios haciendo uso de los hooks de Genesis Framework.
Además, aprovechas para colocar un mensaje o CTA en la zona oculta para que los ‘no suscriptores’ entiendan por qué no ven los comentarios e invitarles a que se suscriban o identifiquen.
Por supuesto, puedes modificar este texto a tu gusto.
2. Personaliza el CSS del CTA en la zona de comentarios
Una vez que has ocultado los comentarios a los no suscriptores, solo te falta darle un poco de estilos al mensaje aparecerá en la zona restringida.
Para ello, añade este bloque al final de style.css:
Para ver este código y los otros 2055 snippets de esta web,
identifícate o suscríbete aquí.
Al insertar estas líneas de CSS te aseguras de que el mensaje se muestra como en esta web.
Si quieres que se muestre el candado añade este archivo a la ruta /assets/images/ (mantén pulsado la tecla alt al hacer click sobre el link para descargarlo).
Es posible que tu tema no tenga la misma estructura de carpetas y que en lugar de /assets/images/ sea solo /images/ o similar. Si es así colócalo en esa carpeta y ajusta la ruta adecuadamente.
También puedes subir la imagen al tu biblioteca de medios y colocar la ruta complete en la ULR. Quedaría algo así:
background-image: url('https://codigogenesis.com/wp-content/uploads/2019/07/lock.svg');De nuevo, te invito a personalizar el tamaño de la caja, borde, colores corporativos…
Conclusiones
Ahora ya sabes cómo ocultamos los comentarios a los no suscriptores y añadimos un mensaje personalizado invitando a que se registren en Código Genesis.
Si tienes alguna pregunta o quieres darme una sugerencia para próximos tutoriales, déjala en los comentarios.
Efectivamente. Ventajas de ser suscriptor. 😉
