Comment créer une page personnalisée pour chaque utilisateur ?

Aperçu de la configuration

Grâce à la puissance de MemberPress shortcodes Vous pouvez facilement créer une page personnalisée pour chaque membre de votre site ! C'est très simple, il vous suffit d'utiliser le shortcode suivant :

[mepr-account-info field="desired-slug-here"]

Par exemple, si vous voulez avoir une page où vos utilisateurs peuvent voir un message personnalisé pour eux (autre que leur page de compte), vous pouvez créer une page personnalisée (par exemple, Espace membre) et ajouter ce shortcode

[mepr-account-info field="mepr_user_message"] 

Cela permet d'afficher les messages personnalisés que vous avez saisis dans le message personnalisé du compte MemberPress pour une personne lorsque vous consultez son profil d'utilisateur dans l'onglet utilisateur de WordPress.

Voici un exemple de saisie d'un message personnalisé pour un utilisateur :

Et voici à quoi cela pourrait ressembler sur cette page lorsque l'utilisateur est connecté :

Remarque : Le shortcode n'affichera rien si l'utilisateur n'a saisi aucun message personnalisé.

Ce qui est formidable, c'est que vous pouvez vous l'approprier ! Si vous souhaitez voir à quoi ressemble la page d'exemple du côté de l'administration avec les interactions des shortcodes, cliquez sur ici Vous trouverez d'autres exemples d'utilisation du shortcode suivant et d'autres shortcodes proposés par MemberPress :

[mepr-account-info field="desired-slug-here"]

Masquer le message personnalisé sur la page du compte

En raison du fonctionnement actuel de MemberPress, lorsque vous saisissez un message personnalisé pour la page de compte d'un utilisateur, celui-ci s'affichera à l'endroit où vous avez inséré le shortcode mentionné ci-dessus ET sur la page de compte de l'utilisateur. 

Si vous préférez pas Si vous souhaitez également afficher ce message sur la page de profil de l'utilisateur, vous pouvez utiliser ce code CSS personnalisé très simple pour le masquer à cet endroit :

.page-id-6 div#mepr-account-user-message {
  display:none !important ;
}

Lorsque vous remplacez le 6 ci-dessus par l'identifiant de votre page de compte. Cliquez ici pour savoir où le trouver.

Il vous suffit d'ajouter ce code CSS personnalisé dans le plugin de CSS personnalisé de votre choix, ou dans la section « CSS personnalisé » de votre thème s'il en dispose d'une.