{"id":77101,"date":"2025-12-19T10:50:29","date_gmt":"2025-12-19T15:50:29","guid":{"rendered":"https:\/\/memberpress.com\/?post_type=ht_kb&p=77101"},"modified":"2026-02-11T04:33:16","modified_gmt":"2026-02-11T09:33:16","slug":"configuring-tab-bar-icons-in-memberpress-app","status":"publish","type":"ht_kb","link":"https:\/\/memberpress.com\/fr\/docs\/configuring-tab-bar-icons-in-memberpress-app\/","title":{"rendered":"Configuration des ic\u00f4nes de la barre d'onglets dans MemberPress AppKit"},"content":{"rendered":"

Les ic\u00f4nes de la barre d'onglets permettent la navigation principale dans les applications mobiles. La personnalisation des ic\u00f4nes am\u00e9liore la coh\u00e9rence visuelle et l'alignement de la marque. Ce document explique comment personnaliser les ic\u00f4nes de la barre d'onglets, appliquer des styles d'affichage et pr\u00e9visualiser les modifications apport\u00e9es aux ic\u00f4nes dans l'application.<\/p>\r\n\r\n\r\n\r\n

Comprendre la configuration des ic\u00f4nes de la barre d'onglets<\/a><\/h2>\r\n\r\n\r\n\r\n

Les ic\u00f4nes de la barre d'onglets s'affichent au bas des \u00e9crans mobiles pour permettre une navigation rapide. Le pack d'ic\u00f4nes offre plusieurs options de style, notamment des variantes remplies, en contour, circulaires et carr\u00e9es. Les ic\u00f4nes h\u00e9rit\u00e9es restent disponibles pour les pr\u00e9f\u00e9rences d'apparence famili\u00e8res. La personnalisation des ic\u00f4nes affecte \u00e0 la fois l'apparence visuelle et l'exp\u00e9rience de navigation des membres.<\/p>\r\n\r\n\r\n\r\n

Comprendre la structure de la barre d'onglets<\/a><\/h2>\r\n\r\n\r\n\r\n

La structure de la barre d'onglets limite le nombre d'\u00e9l\u00e9ments de navigation directement accessibles.<\/p>\r\n\r\n\r\n\r\n

Quatre articles au maximum<\/strong> peut \u00eatre affich\u00e9 dans la barre d'onglets principale. La cinqui\u00e8me position est automatiquement r\u00e9serv\u00e9e au menu Plus.<\/p>\r\n\r\n\r\n\r\n

Plus Menu d\u00e9bordement<\/strong> contient des \u00e9l\u00e9ments de navigation suppl\u00e9mentaires au-del\u00e0 des quatre emplacements de la barre d'onglets. Les membres appuient sur l'ic\u00f4ne Plus pour acc\u00e9der \u00e0 la navigation suppl\u00e9mentaire.<\/p>\r\n\r\n\r\n\r\n

Coh\u00e9rence des ic\u00f4nes<\/strong> am\u00e9liore la clart\u00e9 de la navigation. Utilisez des styles d'ic\u00f4nes similaires pour tous les \u00e9l\u00e9ments de la barre d'onglets afin d'obtenir un aspect coh\u00e9rent.<\/p>\r\n\r\n\r\n\r\n

Acc\u00e9der aux param\u00e8tres de la barre d'onglets<\/a><\/h2>\r\n\r\n\r\n\r\n

La configuration des ic\u00f4nes de la barre d'onglets s'effectue dans l'interface des param\u00e8tres du menu.<\/p>\r\n\r\n\r\n\r\n

    \r\n
  1. Naviguez jusqu'\u00e0 Tableau de bord > MP AppKit<\/strong> > Menus<\/strong>.
    <\/li>\r\n\r\n\r\n\r\n
  2. Localiser le Menu de la barre d'onglets<\/strong> section.
    <\/li>\r\n\r\n\r\n\r\n
  3. V\u00e9rifiez que les \u00e9l\u00e9ments de navigation sont ajout\u00e9s au menu de la barre d'onglets.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n
    \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\r\n\r\n\r\n\r\n

    Personnalisation des ic\u00f4nes des \u00e9l\u00e9ments du menu de la barre d'onglets<\/a><\/h2>\r\n\r\n\r\n\r\n

    Chaque \u00e9l\u00e9ment du menu de la barre d'onglets prend en charge la personnalisation individuelle des ic\u00f4nes.<\/p>\r\n\r\n\r\n\r\n

      \r\n
    1. Naviguez jusqu'\u00e0 Tableau de bord > MP AppKit > Menus<\/strong>.
      <\/li>\r\n\r\n\r\n\r\n
    2. Rep\u00e9rez l'\u00e9l\u00e9ment du menu Barre d'onglets n\u00e9cessitant une personnalisation de l'ic\u00f4ne.
      <\/li>\r\n\r\n\r\n\r\n
    3. Cliquez sur la fl\u00e8che d\u00e9roulante \u00e0 c\u00f4t\u00e9 du nom de l'\u00e9l\u00e9ment du menu.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n
      \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\r\n\r\n\r\n\r\n
        \r\n
      1. Trouver le Ic\u00f4ne d'\u00e9l\u00e9ment<\/strong> section dans les param\u00e8tres avanc\u00e9s.
        <\/li>\r\n\r\n\r\n\r\n
      2. Cliquez sur l'ic\u00f4ne pour ouvrir le Panneau de s\u00e9lection des ic\u00f4nes<\/strong>.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n
        \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\r\n\r\n\r\n\r\n
          \r\n
        1. Rep\u00e9rez l'ic\u00f4ne repr\u00e9sentant la fonction du menu et s\u00e9lectionnez-la.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n
          \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\r\n\r\n\r\n\r\n

          Configuration des styles d'affichage des ic\u00f4nes<\/a><\/h2>\r\n\r\n\r\n\r\n

          Les styles d'affichage contr\u00f4lent l'apparence des ic\u00f4nes et leur mise en valeur visuelle.<\/p>\r\n\r\n\r\n\r\n

          D\u00e9finition du style des ic\u00f4nes<\/a><\/h3>\r\n\r\n\r\n\r\n
            \r\n
          1. Localiser le Style ic\u00f4ne<\/strong> menu d\u00e9roulant dans le panneau de s\u00e9lection des ic\u00f4nes.<\/li>\r\n<\/ol>\r\n\r\n\r\n\r\n
            \"\"\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\r\n\r\n\r\n\r\n
              \r\n
            1. S\u00e9lectionnez le style souhait\u00e9 :\r\n