{"id":62294,"date":"2024-02-13T09:21:20","date_gmt":"2024-02-13T14:21:20","guid":{"rendered":"https:\/\/memberpress.com\/docs\/how-to-show-your-memberships-in-tabs-or-accordion\/"},"modified":"2024-02-16T03:09:45","modified_gmt":"2024-02-16T08:09:45","slug":"how-to-show-your-memberships-in-tabs-or-accordion","status":"publish","type":"ht_kb","link":"https:\/\/memberpress.com\/fr\/docs\/how-to-show-your-memberships-in-tabs-or-accordion\/","title":{"rendered":"Comment afficher vos adh\u00e9sions dans des onglets ou des accord\u00e9ons ?"},"content":{"rendered":"

MemberPress dispose d\u00e9j\u00e0 d'une option permettant d'afficher toutes les adh\u00e9sions sur une seule page si vous optez pour Groupes MemberPress<\/a>. Cependant, que se passe-t-il si vos adh\u00e9sions sont suffisamment diff\u00e9rentes pour que la mise \u00e0 niveau ou la r\u00e9trogradation n'ait pas de sens, ou si vous ne souhaitez tout simplement pas utiliser cette fonction pour une raison ou pour une autre ?<\/p>\n\n\n\n

Vous avez probablement d\u00e9j\u00e0 remarqu\u00e9 que chaque adh\u00e9sion cr\u00e9e un ensemble de shortcodes auxquels vous pouvez acc\u00e9der en cliquant sur le bouton Shortcodes d'adh\u00e9sion<\/u> <\/strong>dans le lien Inscription<\/strong> onglet de les options d'adh\u00e9sion<\/em> bo\u00eete.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Vous remarquerez que deux shortcodes sont g\u00e9n\u00e9r\u00e9s. Pour ce tutoriel, vous aurez besoin de celui du bas, qui contient la partie ID. Vous devrez donc pr\u00e9parer les shortcodes de toutes les adh\u00e9sions que vous souhaitez utiliser.<\/p>\n\n\n\n

Vous pourriez ins\u00e9rer ces shortcodes directement dans une page ou un message, et cela fonctionnerait, mais vous verriez que tous les champs d'inscription seraient instantan\u00e9ment visibles, et si vous voulez ajouter trois adh\u00e9sions ou plus, ce ne serait pas joli car la page serait assez longue avec beaucoup de champs affich\u00e9s en m\u00eame temps.<\/p>\n\n\n\n

Afin de le rendre beaucoup plus attrayant, vous devrez installer et activer le programme Onglet - Accord\u00e9on<\/a> plugin. Une fois l'activation termin\u00e9e, vous obtiendrez une nouvelle section dans votre tableau de bord WordPress :<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Apr\u00e8s cela, vous \u00eates pr\u00eat \u00e0 continuer. L'interface utilisateur peut sembler un peu contre-intuitive au d\u00e9but, mais si vous suivez ces \u00e9tapes, vous serez op\u00e9rationnel en un rien de temps. Vous pouvez commencer par cliquer sur le bouton Cr\u00e9er maintenant<\/em> bouton.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Les versions gratuites proposent huit onglets et huit accord\u00e9ons. Pour en savoir plus, vous pouvez passer \u00e0 la version Pro du plugin.<\/p>\n\n\n\n

Commencez par cliquer sur le bouton Choisir un th\u00e8me sur l'un des onglets ou accord\u00e9ons que vous souhaitez cr\u00e9er. Ce bouton se trouve sur le c\u00f4t\u00e9 gauche de l'\u00e9cran :<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Cliquez sur le symbole \u201cplus\u201d dans la fen\u00eatre Onglets Champs<\/strong> et vous verrez ceci :<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Trois onglets sont d\u00e9j\u00e0 pr\u00e9par\u00e9s (mais vous pouvez en ajouter d'autres ou supprimer le troisi\u00e8me), ce qui est parfait pour notre exemple, puisque nous ajouterons l'adh\u00e9sion de bronze, l'adh\u00e9sion d'argent et l'adh\u00e9sion d'or. Cliquez ensuite sur le symbole du stylo pour modifier chaque onglet individuellement. Vous vous trouvez alors dans l'onglet Menu. Saisissez le nom de l'adh\u00e9sion, s\u00e9lectionnez l'ic\u00f4ne de l'onglet et la couleur du texte et de l'arri\u00e8re-plan si vous le souhaitez (les deux autres options sont r\u00e9serv\u00e9es \u00e0 la version Pro), puis cliquez sur le bouton Contenu<\/strong> et collez le shortcode de l'adh\u00e9sion dans le champ Texte<\/em> vue.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n
\"\"\/<\/figure>\n\n\n\n

N'oubliez pas de cliquer sur le bouton \u201cMettre \u00e0 jour le contenu\u201d. Vous devrez probablement faire d\u00e9filer la page vers le bas pour le voir.<\/p>\n\n\n\n

R\u00e9p\u00e9tez l'op\u00e9ration pour les adh\u00e9sions Silver et Gold.<\/p>\n\n\n\n

Les autres options telles que Options g\u00e9n\u00e9rales<\/em> dans le Onglets<\/strong> et d'autres options dans l'onglet Menu<\/strong> et Contenu<\/strong> vous permettront d'ajuster ces onglets visuellement, de la mani\u00e8re que vous souhaitez. Nous vous recommandons de passer un peu de temps \u00e0 jouer avec ces onglets pour voir comment ils affectent l'affichage visuel.<\/p>\n\n\n\n

N'oubliez pas de cliquer sur le bouton Enregistrer\/Mettre \u00e0 jour apr\u00e8s chaque modification. Lorsque vous avez termin\u00e9, cliquez sur le bouton \u201cBack to WP\u201d.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Il vous sera demand\u00e9 si vous souhaitez quitter la page. Confirmez en cliquant sur le bouton \u201cQuitter la page\u201d.<\/p>\n\n\n\n

Vous verrez un onglet compl\u00e9t\u00e9, qui g\u00e9n\u00e9rera \u00e9galement un shortcode que vous devrez copier et coller dans une page ou un message de votre choix.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

En cliquant sur l'ic\u00f4ne du stylo, vous pourrez retourner \u00e0 l'\u00e9dition, faire une copie de l'onglet en cliquant sur l'ic\u00f4ne Copier, ou le mettre \u00e0 la poubelle en cliquant sur l'ic\u00f4ne Corbeille. L'ic\u00f4ne Aper\u00e7u (\u0153il) ne vous sera pas d'une grande utilit\u00e9 car, lors de l'aper\u00e7u, elle n'affichera que les shortcodes d'adh\u00e9sion que vous avez ajout\u00e9s pr\u00e9c\u00e9demment.<\/p>\n\n\n\n

Cependant, apr\u00e8s avoir publi\u00e9 cet article ou cette page, avec le shortcode, vous verrez quelque chose comme ceci :<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n

Les visiteurs et les membres de vos sites web pourront se d\u00e9placer entre les trois (ou trente-trois) de vos adh\u00e9sions \ud83d\ude42 en cliquant simplement sur un onglet.<\/p>\n\n\n\n

Si vous rencontrez des erreurs dues au fait que les valeurs ne sont pas remplies, vous devez activer l'option Styles CSS globaux<\/strong> dans l'option MemberPress -> Param\u00e8tres -> G\u00e9n\u00e9ral<\/em> tabulation.<\/p>\n\n\n\n

Et voil\u00e0, vous avez cr\u00e9\u00e9 des adh\u00e9sions tabul\u00e9es ou des adh\u00e9sions en accord\u00e9on, selon l'option que vous pr\u00e9f\u00e9rez, qui sont beaucoup plus esth\u00e9tiques.<\/p>","protected":false},"excerpt":{"rendered":"

MemberPress already has an option to show all memberships on one page if you go for MemberPress Groups. However, what if your memberships are different enough so that upgrading\/downgrading doesn\u2019t make sense, or you simply don\u2019t want to use that feature due to one reason or another? You have probably by now noticed that every [\u2026]<\/p>\n","protected":false},"author":62252,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","_FSMCFIC_featured_image_caption":"","_FSMCFIC_featured_image_nocaption":"","_FSMCFIC_featured_image_hide":"","_strive_checklists":"\"\"","_strive_active_checklist":"62291e2bb2422","footnotes":""},"ht-kb-category":[1315],"ht-kb-tag":[],"class_list":{"0":"post-62294","1":"ht_kb","2":"type-ht_kb","3":"status-publish","4":"format-standard","6":"ht_kb_category-how-to","7":"entry","8":"has-post-thumbnail"},"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t