Implementieren eines Bilderrundmagazins

Sie können die Developer Portal -Homepage anpassen, um Bilder in einem Rundmagazin anzuzeigen. Das Bildkarussell bietet Ihrer Developer Portal -Homepage eine fortlaufende Präsentation, die an Ihre Spezifikationen angepasst ist.

Vorbereitende Schritte

Sie benötigen Administratorzugriff auf das Developer Portal, um diese Task ausführen zu können.
Hinweis: Dieses Modul synchronisiert die Anmeldeinformationen von Anwendungen, die von Verbrauchern in der Benutzeroberfläche des Entwicklerportals erstellt wurden. Die Anmeldeinformationen für Anwendungen, die vom Anbieter in der API Manager-Benutzeroberfläche erstellt wurden, können nicht synchronisiert werden.

Informationen zu dieser Task

Durch das Implementieren eines Bilderrundmagazins können Sie das Standardwillkommensbanner oder zuvor festgelegte Bilder ersetzen.

Vorgehensweise

  1. Erstellen Sie den Inhaltstyp Bild für Ihr Karussell.
    1. Klicken Sie auf Struktur > Inhaltstypen > Inhaltstyp hinzufügen.
    2. Geben Sie im Feld Name den Namen Ihres Inhaltstyps ein.
      Beispiel: Präsentationsbild.
    3. Optional: Geben Sie im Feld Beschreibung die Beschreibung Ihres Inhaltstyps an.
      Beispiel: Ein Bild zum Anzeigen in der Fotoshow.
    4. Klicken Sie für Ihren neu erstellten Inhaltstyp auf Felder speichern und verwalten .
    5. Klicken Sie auf Feld hinzufügen.
    6. Wählen Sie Bild für Neues Feld hinzufügenaus und geben Sie eine Bezeichnung für das Feld ein.
      Beispiel: Folienbild.
    7. Klicken Sie auf Speichern und fortfahren.
      Die Seite Feldeinstellungen für Ihr neues Feld wird angezeigt.
    8. Klicken Sie im Abschnitt Standardbild auf Datei auswählen , um das Bild zuzuordnen, das Sie als Standardbild für Ihre Präsentation verwenden möchten, wenn keine anderen Bilder gefunden werden.
    9. Optional: Füllen Sie die Felder Alternativtext und Titel aus.
    10. Klicken Sie auf Feldeinstellungen speichern.
    11. Löschen Sie auf der Registerkarte Felder verwalten für Ihren neu erstellten Inhaltstyp PräsentationsbilddieBodydurch Klicken auf Löschen im Dropdown-Menü OPERATIONEN . Klicken Sie zur Bestätigung erneut auf Löschen.
  2. Laden Sie die Bilder hoch, die im Rundmagazin angezeigt werden sollen.
    1. Klicken Sie auf "Inhalt" > "Inhalt hinzufügen " und dann auf den Inhaltstyp, den Sie in Schritt 1 hinzugefügt haben.
    2. Geben Sie im Feld Titel einen Titel für Ihr Bild ein.
      Beispiel: Wenn Sie ein Bild von einem Leuchtturm verwenden, können Sie als Bezeichnung für den Inhalt Leuchtturm eingeben.
    3. Klicken Sie unter Folienbild auf Datei auswählen und wählen Sie ein Bild für Ihre Präsentation aus. Geben Sie in das Feld Alternativer Text einen Text ein, der verwendet werden soll, wenn das Bild nicht geladen werden kann.
    4. Klicken Sie auf Speichern.
    5. Wiederholen Sie die Unterschritte 2.a bis 2.d , bis Sie mit dem Inhalt der Folien für Ihr Rundmagazin zufrieden sind.
  3. Erstellen Sie eine Ansicht für Ihr Rundmagazin.
    1. Klicken Sie auf Struktur > Ansichten > Neue Ansicht hinzufügen.
    2. Vervollständigen Ansichtsname.
      Beispiel: "Fotoshow".
    3. Wählen Sie das Kontrollkästchen Block erstellen im Abschnitt BLOCKEINSTELLUNGEN aus.
    4. Wählen Sie Slick-Rundmagazin als Anzeigeformat aus.
    5. Geben Sie im Feld Einträge pro Block die Anzahl der Folien für Ihr Karussell ein und klicken Sie anschließend auf Speichern und bearbeiten.
      Die Seite Bearbeiten für die Präsentation wird angezeigt.
    6. Klicken Sie auf den Titel der Ansicht und geben Sie <none> in das Textfeld ein. Klicken Sie auf Anwenden.
    7. Klicken Sie im Abschnitt Felder auf Hinzufügen, wählen Sie das Kontrollkästchen für Folienbildaus und klicken Sie auf Felder hinzufügen und konfigurieren.
    8. Stellen Sie sicher, dass das Kontrollkästchen für Bezeichnung erstellen nicht ausgewählt ist, und klicken Sie auf Anwenden.
    9. Klicken Sie im Abschnitt FELDER auf Inhalt: Titel > Entfernen.
    10. Klicken Sie im Abschnitt FORMAT auf Einstellungen für Slick-Rundmagazin und setzen Sie dann den Skin-Main auf Standard.
    11. Blättern Sie abwärts zum Abschnitt CAPTION FIELDS und aktivieren Sie die Kontrollkästchen Inhalt: Folienbild und Hauptoptionsgruppe überschreiben .
    12. Wählen Sie im Abschnitt OVERRIDABLE OPTIONS die Kontrollkästchen Autoplay, Dotsund Draggable aus.
    13. Klicken Sie auf Apply.
    14. Klicken Sie im Abschnitt FILTERKRITERIEN auf Inhalt: Veröffentlicht > Entfernen.
    15. Klicken Sie auf Speichern , um die Präsentationsansicht zu speichern.
  4. Konfigurieren Sie Ihre Homepage als Host des Rundmagazins.
    1. Klicken Sie auf Strukturund anschließend auf Seiten.
    2. Klicken Sie für die Seite Willkommen auf Bearbeiten und anschließend im Abschnitt Anzeigen auf Inhalt .
    3. Klicken Sie zum Entfernen des aktuellen Willkommensbanners auf den Abwärtspfeil unter der Spalte OPERATIONEN für das Willkommensbannerund wählen Sie Löschenaus. Klicken Sie zur Bestätigung erneut auf Löschen.
    4. Klicken Sie zum Hinzufügen des Rundmagazins auf Neuen Block hinzufügen und wählen Sie die in Schritt 3erstellte Präsentation aus. Wählen Sie Anzeigetitel ab und klicken Sie auf Block hinzufügen.
    5. Klicken Sie auf Aktualisieren und speichern.

Ergebnisse

Ihre Developer Portal -Titelseite enthält jetzt ein Diaschau-Karussell.