Personaliza la apariencia

Estás consultando la documentación de Apigee Edge.
Consulta la documentación de Apigee X.
Información

Puedes personalizar el aspecto del portal de Servicios para desarrolladores para que coincida con el tema de tu empresa, agregar nuevas áreas de contenido al portal o cambiar el diseño de cualquier página del portal. Gran parte de esta configuración requiere conocimientos prácticos de Drupal. Sin embargo, en esta página, se describen algunas de las tareas básicas que es posible que desees realizar para personalizar tu portal.

Cómo personalizar el título y el eslogan del sitio

Puedes establecer el título del sitio, así como su eslogan. En la página principal, el título y el eslogan aparecen de la siguiente manera:

"Título | Eslogan"

El título es obligatorio y está configurado como “New Apigee Site” de forma predeterminada. El eslogan no es obligatorio y está en blanco de forma predeterminada.

Sigue estos pasos para establecer el título y el eslogan:

  1. Accede a tu portal como un usuario con privilegios de administrador o de creación de contenido.
  2. Selecciona Configuration > System > Site Information en el menú de administración de Drupal.
  3. En la página de información del sitio, configura el Nombre del sitio y, de forma opcional, el Slogan.
  4. Guarde la configuración.
    Ten en cuenta que, debido al almacenamiento en caché, es posible que los cambios en la tarjeta y el eslogan no aparezcan de inmediato. De manera opcional, puedes vaciar la caché para que aparezcan estos cambios. Para vaciar la caché, selecciona el ícono de Drupal en el extremo izquierdo del menú de administración de Drupal y, luego, selecciona Vaciar todas las cachés.

Cómo personalizar el diseño de la página principal

En la siguiente figura, se muestra el diseño de la página principal:

Drupal proporciona un amplio mecanismo para controlar la visualización de esta página. En esta sección, se describen los elementos de diseño de la página principal predeterminada y cómo modificarlos. Para rediseñar por completo la página, consulta la documentación de Drupal.

La página principal se divide en las siguientes secciones:

  • Menú principal: Contiene el logotipo de Apigee y las entradas del menú Blog y Forum. En la siguiente sección, se describe cómo configurar el menú principal.
  • Mensaje de bienvenida: Es la cadena debajo del menú principal que comienza con el texto "Te damos la bienvenida al ...". En Cómo personalizar el tema, se describe cómo configurar el mensaje de bienvenida.
  • Área superior: Es el área debajo del menú principal que incluye el mensaje de bienvenida, los dos cuadros con vínculos a la documentación y a la compilación con una clave de acceso, y el ícono grande. Esta área se define mediante un bloque de Drupal. Los bloques son áreas de contenido rectangulares en las páginas de Drupal. Para configurar el área superior, edita el bloque de Drupal que define el contenido de esa área como se describe a continuación.
  • Área inferior: Incluye las áreas Entradas de blog recientes, Discusiones en los foros y Temas actuales. Estas tres áreas se implementan como vistas de Drupal. En Cómo agregar entradas de blogs y foros, se describe cómo editar estas vistas.
  • Pie de página: Contiene la Política de Privacidad, las Condiciones de Uso y los vínculos de Contacto. Consulta Cómo editar páginas del pie de página.

Personalización del bloque que define el área superior de la página de inicio

  1. Accede a tu portal como un usuario con privilegios de administrador.
  2. Selecciona Structure (Estructura) > Blocks (Bloques) en el menú de administración de Drupal.
  3. En la página Bloques, selecciona el vínculo configure para el bloque llamado Encabezado de la página principal.
    El cuerpo del bloque de encabezado de la página principal es código HTML que define la apariencia de ese bloque.
  4. Edita el bloque según sea necesario.
  5. Selecciona Guardar bloc de notas.
  6. Navega a tu página principal para ver los cambios.

Personalización del menú principal

El menú principal aparece en la parte superior de cada página del portal para desarrolladores. De forma predeterminada, muestra el logotipo de Apigee y dos entradas de menú: Blog y Forum. Puedes editar el menú principal para cambiar al logotipo y configurar tus propias entradas de menú.

Sigue estos pasos para cambiar el logotipo:

  1. Accede a tu portal como un usuario con privilegios de administrador o de creación de contenido.
  2. Si tu tema predeterminado es el tema responsivo de Apigee, haz lo siguiente:
    1. Selecciona Apariencia > Configuración.
  3. Si tu tema predeterminado es el tema de Apigee DevConnect, haz lo siguiente:
    1. Selecciona Appearance > Settings > Apigee DevConnect Theme.
  4. Anula la selección de Usar el logotipo predeterminado en la configuración de la imagen del logotipo.
    La página cambiará para que puedas navegar hasta un archivo de imagen y subirlo.
  5. En Subir imagen del logotipo, selecciona el botón Elegir archivo y navega hasta tu archivo de imagen.
  6. Selecciona Abrir para subir el archivo.
  7. Haz clic en Guardar configuración.

Para editar las entradas del menú, sigue estos pasos:

  1. Accede a tu portal como un usuario con privilegios de administrador o de creación de contenido.
  2. Selecciona Structure > Menus > Main en el menú del menú de administración de Drupal.
    Puedes usar esta página para agregar, quitar y reordenar las entradas de menú.
  3. Haz clic en Agregar vínculo para agregar una nueva entrada de menú.
  4. Agrega la información requerida y selecciona Guardar.
  5. Haz clic en Guardar configuración en la página del menú principal.

Cambio del nombre de la página Mis aplicaciones a Mis API

De forma predeterminada, cada desarrollador del portal tiene una página llamada "Mis apps" que usa para agregar, modificar y borrar apps, así como las claves de API asociadas con esas apps. Por ejemplo, los desarrolladores pueden tener varias apps, modificarlas para agregar o quitar productos de API y ver información analítica sobre el uso de la app, todo desde la página "Mis apps".

Sin embargo, algunos proveedores de API quieren simplificar la visualización de información en el portal y simplificar las interacciones que los desarrolladores tienen con este. Por ejemplo, puedes configurar el portal para crear una app y una clave de API predeterminadas cuando un desarrollador se registre en él. Esa app podría incluso ser la única app a la que el desarrollador accederá en algún momento, y el sitio no permite que el usuario la modifique. Para obtener información sobre cómo crear una app predeterminada, consulta Cómo agregar y administrar cuentas de usuario.

Algunos sitios no quieren usar el término "aplicación". En su lugar, estos sitios hacen referencia a las APIs y a las claves de API. En esta situación, configurarás el portal para reemplazar el término “app” por “API”, de modo que los desarrolladores ahora tengan una página llamada “Mis APIs”. Sin embargo, la información que se muestra en la página es la misma que cuando la página se llamaba "Mis apps", como se muestra a continuación:

Este cambio afecta no solo al título de la página Mis APIs, sino también a otras áreas. Por ejemplo, en la figura anterior, observa que el botón de la derecha ahora dice "Add a new API" y que el texto que aparece debajo hace referencia a las APIs en lugar de a las apps.

Para configurar el portal de modo que muestre mis APIs, haz lo siguiente:

  1. Accede a tu portal como un usuario con privilegios de administrador o de creación de contenido.
  2. En el menú de administración de Drupal, selecciona Configuración > Portal para desarrolladores > Configuración de la aplicación.
  3. Expande el área de Configuración de la IU de la aplicación de la página.
  4. Haz clic en el botón de selección correspondiente al texto sobre el que quieres enviar una demanda.
  5. Haz clic en Guardar cambios.
  6. Selecciona Structure > Menus > Main menu en el menú de administración de Drupal.
  7. Haz clic en el vínculo Editar de la entrada Mis apps.
  8. Edita el título del vínculo de menú para que diga Mis APIs.
  9. Haz clic en Guardar.
  10. Haz clic en Guardar configuración en la página del menú principal.

Habilitación del menú de administrador de Drupal para dispositivos móviles

El menú de administración predeterminado de Drupal no es compatible con los tamaños de pantalla pequeños de los dispositivos móviles. Si deseas administrar tu portal en un dispositivo móvil, puedes habilitar el nuevo menú Administrador que admite dispositivos móviles con un ancho de pantalla de 767 píxeles o más.

Para habilitar el menú de administrador compatible con dispositivos móviles, haz lo siguiente:

  1. Accede a tu portal como un usuario con privilegios de administrador o de creación de contenido.
  2. Selecciona Modules en el menú de administración de Drupal. Aparecerá la lista de todos los módulos de Drupal instalados.
  3. Descarga e instala el módulo de Navbar.
  4. Si está habilitado, inhabilita el módulo Estilo de la barra de herramientas del menú de administración.
  5. Haga clic en Guardar configuración.
  6. Inhabilita el módulo Menú de administración.
  7. Habilita el módulo Navbar.
  8. Haga clic en Guardar configuración.

Ahora verás el menú de administrador de Drupal compatible con dispositivos móviles.