Arbeiten mit Skins

Erfahren Sie, wie Sie in RoboHelp mithilfe von Skins das Layout Ihrer Ausgabe rasch anpassen können.

Was ist eine Skin?

Eine Skin in RoboHelp hilft Ihnen, das Erscheinungsbild Ihres Hilfesystems vor der Veröffentlichung zu ändern und anzupassen. Sie können eine Skin anpassen, indem Sie Farben, Schaltflächen, Schriftarten, Symbole, Logos und den Hintergrund Ihrer Ausgabe ändern. RoboHelp bietet für die Veröffentlichung sowohl von Responsive HTML5 als auch von Frame-los mehrere vordefinierte Skins im Skins-Bereich des Veröffentlichungsfensters. Sie können eine dieser vordefinierten Skins unverändert übernehmen oder sie bearbeiten, um das bevorzugte Ausgabe-Layout zu erhalten.

Hinzufügen einer Skin

Sie können eine Skin in Responsive HTML5- oder im Frame-los-Format hinzufügen. Um eine Skin hinzuzufügen, gehen Sie wie folgt vor:

  1. Klicken Sie auf die Registerkarte Ausgabe auf der linken Seite der Standardsymbolleiste.Die Ansicht „Ausgabe“ wird geöffnet.

  2. Klicken Sie in der Symbolleiste Ausgabe auf Skins.

  3. Klicken Sie im Bereich Skins auf Neue Skin . Wählen Sie im Dropdown-Menü eine der folgenden Optionen:

    • Neue rahmenlose Skin Zum Hinzufügen einer Frame-los-Skin. Das Dialogfeld Neue rahmenlose Skin wird geöffnet.
    • Neue HTML5-Skin, um eine HTML5-Skin hinzuzufügen. Das Dialogfeld Neue HTML5-Skin wird geöffnet.
  4. Wählen Sie im Dialogfeld Neue rahmenlose Skin bzw. Neue Responsive HTML5-Skin im Abschnitt Vorlagen eine vordefinierte Vorlage aus. Sie können die ausgewählte Vorlage im Bereich Vorschau in der Vorschau anzeigen.

  5. Ändern Sie im Feld Name nötigenfalls den vorgegebenen Namen der vordefinierten Vorlage.

  6. Klicken Sie auf Fertig.

    Die neue Skin wird dem Bereich Skins hinzugefügt und in alphabetischer Reihenfolge der Skin-Namen platziert. RoboHelp öffnet auch den Skin-Editor als Registerkarte.

Bearbeiten von Skins

Sie können Skin problemlos für Ihre Zwecke anpassen. Um eine Skin zu bearbeiten, gehen Sie wie folgt vor:

  1. Klicken Sie auf die Registerkarte Ausgabe auf der linken Seite der Standardsymbolleiste.Die Ansicht „Ausgabe“ wird geöffnet.

  2. Klicken Sie in der Symbolleiste Ausgabe auf Skins.

  3. Wählen Sie im Bereich Skins für die Skin, die Sie anpassen möchten, Optionen () > Bearbeiten aus.

    RoboHelp öffnet auch den Skin-Editor als Registerkarte. Der Skin-Editor umfasst eine Live-Vorschau der Skin auf der rechten Seite und den Bereich Layout auf der linken Seite.

    In einer Responsive HTML5- oder Frame-los-Skin können Sie in einer Symbolleiste über dem Skin-Editor Folgendes auswählen:

    • Desktop-Symbol (Standardlayout) zeigt den Inhalt in der Desktop-Ansicht. an. 
    • Telefon-Symbol Zeigt den Inhalt in der Telefonansicht. an. 
    • Das Tablet-Symbol (nicht verfügbar in Frame-los) zeigt Ihren Inhalt in der Tablet-Ansicht an.
    • Hervorhebung umschalten Schaltet die Hervorhebung von Skin-Komponenten im Skin-Editor um.

    Die Skin-Komponenten und ihre Einstellungen sind je nach Typ der Skin-Ansicht (Desktop, Telefon oder Tablet) unterschiedlich.

  4. Klicken Sie im Bereich Layout auf der linken Seite auf eine Skin-Komponente, um deren Einstellungen festzulegen.

    Beim Klicken auf eine Skin-Komponente zeigt RoboHelp die aktuellen Einstellungen an und hebt die Komponente auf der Registerkarte mit der Ausgabevorschau hervor. Wenn Sie beispielsweise in Responsive HTML5 auf Filter klicken, werden die aktuellen Einstellungen angezeigt, und das Symbol Filter sowie der entsprechende Bereich werden auf der Registerkarte mit der Ausgabevorschau hervorgehoben. 

  5. Klicken Sie in der Frame-los-Skin auf der Homepage oder im Bereich Themenseite auf einen Dropdownabschnitt, und wählen Sie eine Komponente aus, um ihre Formateigenschaften (Schriftart, Ausrichtung, Rahmen, Layout und Hintergrund) im rechten Bereich festzulegen.
    Hinweis: Sie können den rechten Bereich vollständig ausblenden, indem Sie das Optionsfeld Rechter Bereich deaktivieren.

  6. Geben Sie die gewünschten Einstellungen für jede Skin-Komponente an und klicken Sie auf das Symbol Speichern in der Standardsymbolleiste im Veröffentlichungsfenster.

    RoboHelp wendet die neuen Skin-Einstellungen auf den Inhalt an und zeigt sie auf der Registerkarte mit der Ausgabevorschau an.

Umbenennen einer Skin

Sie können alle Skins in Ihrem Projekt umbenennen.

  1. Klicken Sie auf die Registerkarte Ausgabe auf der linken Seite der Standardsymbolleiste.Die Ansicht „Ausgabe“ wird geöffnet.

  2. Klicken Sie in der Symbolleiste Ausgabe auf Skins. Die Skins in Ihrem Projekt werden angezeigt.

  3. Wählen Sie im Bereich „Skins“ für die Skin, die Sie umbenennen möchten, Optionen () > Bearbeiten aus oder drücken Sie F2.

  4. Geben Sie im Dialogfeld „Skin umbenennen“ einen neuen Namen für die Skin ein, und klicken Sie auf „Fertig“.Die Skin wird umbenannt.

    Die umbenannte Skin wird in alphabetischer Reihenfolge im Bedienfeld „Skins“ platziert.

Hinweis:

Der neue Name der Skin wird automatisch in allen Ausgabevorgaben widergespiegelt, die die Skin verwenden.

Aktualisieren Sie eine Skin

Wenn Sie RoboHelp Classic-Projekte aktualisieren, aktualisiert RoboHelp automatisch alle Responsive HTML5-Skins. Wenn Sie Skins außerhalb des RoboHelp Classic-Skin-Editors angepasst haben, können Sie in RoboHelp 2019 im Bereich Layout mit der Layout-Komponente eine benutzerdefinierte JavaScript- oder CSS-Datei hinzufügen.

So fügen Sie eine benutzerdefinierte JavaScript/CSS-Datei hinzu:

  1. Klicken Sie auf die Registerkarte Ausgabe auf der linken Seite der Standardsymbolleiste.Die Ansicht „Ausgabe“ wird geöffnet.

  2. Klicken Sie in der Symbolleiste Ausgabe auf Skins.

  3. Wählen Sie im Bereich Skins für die Skin, die Sie anpassen möchten, Optionen () > Bearbeiten aus.

  4. Klicken Sie im Bereich Layout auf der linken Seite des Skin-Editors auf die Layout-Komponente.

  5. Klicken Sie im Dropdown-Bereich Benutzerassets auf Asset hinzufüge

  6. Navigieren Sie im Dialogfeld Öffnen zu einer JavaScript-/CSS-Datei und klicken Sie auf Öffnen.

    Die Datei wird dem Dropdown-Bereich Benutzerassets hinzugefügt. Sie können mehrere solcher Dateien hinzufügen.

  7. Klicken Sie auf eine Datei und ändern Sie die Reihenfolge in einer Dateiliste per Drag & Drop. 

    Klicken Sie auf , um eine Datei zu löschen.

Skin importieren

Um eine Skin zu importieren, gehen Sie wie folgt vor:

  1. Klicken Sie auf die Registerkarte Ausgabe auf der linken Seite der Standardsymbolleiste.Die Ansicht „Ausgabe“ wird geöffnet.

  2. Klicken Sie in der Symbolleiste Ausgabe auf Skins.

  3. Klicken Sie im Bereich Skins auf Neue Skin () > Importieren

  4. Klicken Sie im Dialogfeld Skin importieren auf , um zu der Skin zu navigieren (.skz- oder .slz-Datei), die Sie importieren möchten, und klicken Sie auf Öffnen. Die ausgewählte Skin wird im Feld Skindatei angezeigt.Klicken Sie auf Fertig, um die Skin zu importieren.

    Die ausgewählte Skin wird dem Bereich Skins hinzugefügt und in alphabetischer Reihenfolge der Skin-Namen platziert.

    Vorsicht:

    Sie können keine Skin importieren, die mit einer früheren Version von RoboHelp erstellt wurde.

    Hinweis:
    • Wenn Sie eine .slz-Datei importieren, bei der es sich um eine klassische RoboHelp-Datei handelt, wird diese automatisch aktualisiert. Weitere Informationen finden Sie unterAktualisieren Sie eine Skin.
    • Wenn Sie eine Indigo-Skin importieren und das RoboHelp Classic-Layoutformat verwenden möchten, wählen Sie das Feld Älteres Layout für Skin beibehalten im Dialogfeld Skin importieren aus. 

Exportieren von Skins

Um eine Skin zu exportieren, gehen Sie wie folgt vor:

  1. Klicken Sie auf die Registerkarte Ausgabe auf der linken Seite der Standardsymbolleiste.Die Ansicht „Ausgabe“ wird geöffnet.

  2. Klicken Sie in der Symbolleiste Ausgabe auf Skins.

  3. Wählen Sie im Bereich Skins den Eintrag Optionen () > Exportieren für die zu exportierende Skin. 

  4. Im Download-Dialogfeld wird der Ordner Downloads Ihres Computers als Standardspeicherort beim Exportieren von Skins angegeben. Sie können zu einem Speicherort Ihrer Wahl navigieren und auf Speichern klicken..

    Die Skin wird unter dem ausgewählten Speicherort gespeichert.

Löschen von Skins

Um eine Skin zu exportieren, gehen Sie wie folgt vor:

  1. Klicken Sie auf die Registerkarte Ausgabe auf der linken Seite der Standardsymbolleiste.Die Ansicht „Ausgabe“ wird geöffnet.

  2. Klicken Sie in der Symbolleiste Ausgabe auf Skins.

  3. Wählen Sie im Bereich Skins den Eintrag Optionen () > Löschen für die zu löschende Skin. 

  4. Klicken Sie im Dialogfeld Bestätigen auf Ja, um den Löschvorgang zu bestätigen.

    Die Skin wird gelöscht.

Suchen nach einer Skin-Datei auf Ihrem Computer

Führen Sie folgende Schritte aus, um den Speicherort einer Skin-Datei auf Ihrem Computer anzuzeigen:

  1. Klicken Sie auf die Registerkarte Ausgabe auf der linken Seite der Standardsymbolleiste.Die Ansicht „Ausgabe“ wird geöffnet.

  2. Klicken Sie in der Symbolleiste Ausgabe auf Skins.

  3. Wählen Sie im Bereich Skins den Eintrag Optionen () > In Explorer anzeigen für die gesuchte Skin. 

    Windows Explorer wird geöffnet und zeigt die Skin-Datei unter ihrem Speicherort an.

 Adobe

Schneller und einfacher Hilfe erhalten

Neuer Benutzer?

Adobe MAX 2024

Adobe MAX

The Creativity Conference

14. bis 16. Oktober in Miami Beach und online

Adobe MAX 2024

Adobe MAX

The Creativity Conference

14. bis 16. Oktober in Miami Beach und online