{"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\/es\/docs\/configuring-tab-bar-icons-in-memberpress-app\/","title":{"rendered":"Configuraci\u00f3n de los iconos de la barra de pesta\u00f1as en MemberPress AppKit"},"content":{"rendered":"

Los iconos de la barra de pesta\u00f1as proporcionan la navegaci\u00f3n principal dentro de las aplicaciones m\u00f3viles. La personalizaci\u00f3n de los iconos mejora la coherencia visual y la alineaci\u00f3n de la marca. En este documento se explica c\u00f3mo personalizar los iconos de la barra de pesta\u00f1as, aplicar estilos de visualizaci\u00f3n y obtener una vista previa de los cambios en los iconos dentro de la aplicaci\u00f3n.<\/p>\r\n\r\n\r\n\r\n

Comprender la configuraci\u00f3n de los iconos de la barra de pesta\u00f1as<\/a><\/h2>\r\n\r\n\r\n\r\n

Los iconos de la barra de pesta\u00f1as se muestran en la parte inferior de las pantallas de los dispositivos m\u00f3viles para facilitar el acceso r\u00e1pido a la navegaci\u00f3n. El paquete de iconos ofrece m\u00faltiples opciones de estilo, incluyendo variaciones rellenas, contorneadas, circulares y cuadradas. Los iconos antiguos siguen estando disponibles para quienes prefieren un aspecto familiar. La personalizaci\u00f3n de los iconos afecta tanto al aspecto visual como a la experiencia de navegaci\u00f3n de los miembros.<\/p>\r\n\r\n\r\n\r\n

Comprender la estructura de la barra de pesta\u00f1as<\/a><\/h2>\r\n\r\n\r\n\r\n

La estructura de la barra de pesta\u00f1as limita el n\u00famero de elementos de navegaci\u00f3n directamente accesibles.<\/p>\r\n\r\n\r\n\r\n

Un m\u00e1ximo de cuatro art\u00edculos.<\/strong> se puede mostrar en la barra de pesta\u00f1as principal. La quinta posici\u00f3n se reserva autom\u00e1ticamente para el men\u00fa M\u00e1s.<\/p>\r\n\r\n\r\n\r\n

M\u00e1s desbordamiento del men\u00fa<\/strong> Contiene elementos de navegaci\u00f3n adicionales m\u00e1s all\u00e1 de las cuatro ranuras de la barra de pesta\u00f1as. Los miembros tocan el icono M\u00e1s para acceder a la navegaci\u00f3n desbordada.<\/p>\r\n\r\n\r\n\r\n

Consistencia de los iconos<\/strong> Mejora la claridad de la navegaci\u00f3n. Utiliza estilos de iconos similares en todos los elementos de la barra de pesta\u00f1as para lograr una apariencia coherente.<\/p>\r\n\r\n\r\n\r\n

Acceso a la configuraci\u00f3n de la barra de pesta\u00f1as<\/a><\/h2>\r\n\r\n\r\n\r\n

La configuraci\u00f3n del icono de la barra de pesta\u00f1as se realiza en la interfaz de configuraci\u00f3n del men\u00fa.<\/p>\r\n\r\n\r\n\r\n

    \r\n
  1. Vaya a Panel > MP AppKit<\/strong> > Men\u00fas<\/strong>.
    <\/li>\r\n\r\n\r\n\r\n
  2. Localice el Men\u00fa de la barra de pesta\u00f1as<\/strong> secci\u00f3n.
    <\/li>\r\n\r\n\r\n\r\n
  3. Verifica que los elementos de navegaci\u00f3n se hayan a\u00f1adido al men\u00fa de la barra de pesta\u00f1as.<\/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

    Personalizaci\u00f3n de los iconos de los elementos del men\u00fa de la barra de pesta\u00f1as<\/a><\/h2>\r\n\r\n\r\n\r\n

    Cada elemento del men\u00fa de la barra de pesta\u00f1as admite la personalizaci\u00f3n individual de iconos.<\/p>\r\n\r\n\r\n\r\n

      \r\n
    1. Vaya a Panel de control > MP AppKit > Men\u00fas<\/strong>.
      <\/li>\r\n\r\n\r\n\r\n
    2. Localice el elemento del men\u00fa de la barra de pesta\u00f1as que requiere la personalizaci\u00f3n del icono.
      <\/li>\r\n\r\n\r\n\r\n
    3. Haga clic en la flecha desplegable situada junto al nombre del elemento del men\u00fa.<\/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. Encuentra el Icono del elemento<\/strong> secci\u00f3n en la configuraci\u00f3n ampliada.
        <\/li>\r\n\r\n\r\n\r\n
      2. Haga clic en el cuadro del icono para abrir el Panel de selecci\u00f3n de iconos<\/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. Busque el icono que representa la funci\u00f3n del elemento del men\u00fa y selecci\u00f3nelo.<\/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

          Configuraci\u00f3n de los estilos de visualizaci\u00f3n de iconos<\/a><\/h2>\r\n\r\n\r\n\r\n

          Los estilos de visualizaci\u00f3n controlan la apariencia de los iconos y el \u00e9nfasis visual.<\/p>\r\n\r\n\r\n\r\n

          Configuraci\u00f3n del estilo de los iconos<\/a><\/h3>\r\n\r\n\r\n\r\n
            \r\n
          1. Localice el Estilo de icono<\/strong> men\u00fa desplegable en el panel de selecci\u00f3n de iconos.<\/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. Seleccione el estilo deseado:\r\n