Hinzufügen von Text und Bildern

Mitglieder des Kernteams können einer Site mit den folgenden Kacheln Bilder und Text hinzufügen:

• Zeilen-Kachel: Die Bausteine der Site. Jede Kachel muss innerhalb einer Zeilen-Kachel verschachtelt sein. Sie können einer Zeilen-Kachel Bilder und Hintergrundfarben hinzufügen. Zudem sind Sie in der Lage, mit dieser Kachel einen Parallaxeneffekt zu erzeugen.
• Text-Kachel: Fügen Sie an einer beliebigen Stelle in der Site Text hinzu, indem Sie diese Kachel auf einer Zeilen-Kachel ablegen. Mithilfe dieser Kachel können Sie der Site auch Schaltflächen, Listen, Tabellen und benutzerdefinierten Code hinzufügen.
• Bild-Kachel: Fügen Sie einer Zeilen-Kachel an einer beliebigen Stelle auf der Site eigenständige Bilder hinzu.

Um zu beginnen, melden Sie sich bei ArcGIS Enterprise an, und klicken Sie auf der Seite Übersicht auf Sites, um eine Liste der Sites anzuzeigen.

Tipp:

Sie können eine Site auch bearbeiten, während sie in einem Browser angezeigt wird. Vergewissern Sie sich, dass Sie angemeldet sind, und suchen Sie nach der Schaltfläche "Bearbeiten" links auf der Site.

Hinzufügen und Formatieren von Text

Sie können der Site überall dort Text hinzufügen, wo sich eine Zeilen-Kachel befindet.

1. Öffnen Sie die gewünschte Site oder Seite im Bearbeitungsmodus.
2. Fügen Sie einer Zeile eine Text-Kachel hinzu.
3. Fügen Sie Text hinzu.
4. Wählen Sie den zu formatierenden Text aus. Zu den Formatoptionen gehören Style (Kopfzeilen, Codeausschnitte und Anführungszeichen hinzufügen), Fett, Kursivschrift und Links.
5. Um die Textgröße zu ändern, klicken Sie auf die Schaltfläche "Style", und wählen Sie eine Kopfzeilengröße aus.
6. Um die Textausrichtung anzupassen, klicken Sie auf die Absatzoptionen und wählen Sie eine Ausrichtung aus. Sie können eine Textzeile auch einrücken oder ausrücken, indem Sie die Absatzoption und dann eine der Optionen auswählen.

   Tipp:

   Wenn Sie einen Fehler machen, drücken Sie BEFEHL+Z oder Strg+Z auf der Tastatur, um die Änderungen zurückzusetzen.

7. Klicken Sie auf Speichern.

Ändern der Textfarbe

Sie können die Textfarbe über die Design-Einstellungen Ihrer Site ändern, wenn Sie auf den gesamten Text auf Ihrer Site die gleiche Farbe anwenden möchten. Alternativ können Sie die Textfarbe zeilenweise mit den Zeileneinstellungen festlegen.

1. Öffnen Sie die gewünschte Site oder Seite im Bearbeitungsmodus.
2. Um eine Farbe für den gesamten Text auf Ihrer Site oder Seite festzulegen, öffnen Sie den Seitenbereich, und erweitern Sie das Menü Design. Weitere Informationen zu Designs finden Sie unter Hinzufügen eines Branding zu einer Site mit Kopfzeile und Designoptionen.
3. Um für eine bestimmte Zeile eine Farbe festzulegen, klicken Sie auf den Bearbeitungsstift zu der Zeile.
4. Ändern Sie die Farbe, indem Sie einen Hexadezimal-Farbcode eingeben oder eine Farbe in der Farbauswahl auswählen.

   Tipp:

   Hexadezimalcodes sind hilfreich, um ein konsistentes Branding der Ressourcen Ihrer Organisation zu gewährleisten. Wenn Sie die Details bezüglich des Branding Ihrer Organisation nicht genau kennen, überprüfen Sie, ob sie entsprechende Dokumentation oder Markenrichtlinien bereitstellt.

5. Klicken Sie auf Speichern.

Ändern der Schriftart

Sie können die Schriftart für Textüberschriften und Basistext anhand von Google Fonts ändern. Der Basistext umfasst allen Text in Ihrem Site-Layout. Die Schriftart wird ebenfalls auf Seiten, die Ihrer Site hinzugefügt wurden, auf Elementdetailseiten, auf die über die Suche der Site zugegriffen wird, und auf Event-Ansichten angewendet.

Weitere Informationen finden Sie unter Formatting text on your ArcGIS Hub and ArcGIS Enterprise Sites.

Hinzufügen einer Liste mit Aufzählung oder Nummerierung

Führen Sie zum Erstellen einer Liste die folgenden Schritte aus.

1. Öffnen Sie die gewünschte Site oder Seite im Bearbeitungsmodus.
2. Fügen Sie einem Site- oder Seitenlayout eine Text-Kachel hinzu.
3. Fügen Sie Text hinzu oder wählen Sie einen vorhandenen Text aus.
4. Klicken Sie auf die ungeordnete Liste, um eine Aufzählung zu erstellen, oder klicken Sie auf die geordnete Liste, um eine nummerierte Liste hinzuzufügen.
5. Klicken Sie auf Speichern.

Erstellen eines Accordion-Menüs

Fügen Sie ein ausblendbares Menü hinzu. Dabei handelt es sich um eine hilfreiche Option zum Hinzufügen häufig gestellter Fragen.

1. Öffnen Sie die gewünschte Site oder Seite im Bearbeitungsmodus.
2. Fügen Sie dem Layout eine Text-Kachel hinzu.
3. Klicken Sie auf die Schaltfläche "Einfügen", und wählen Sie Accordion aus.
4. Fügen Sie Text hinzu und formatieren Sie ihn.
5. Klicken Sie auf Speichern.

Hinzufügen eines eigenständigen Bildes

Fügen Sie Bilder hinzu, indem Sie sie aus einer Datei hochladen oder eine URL für ein gehostetes Bild angeben. Intern freigegebene Bilder sind nur für angemeldete Benutzer sichtbar, die zum Kernteam oder zur Organisation gehören.

1. Öffnen Sie die gewünschte Site oder Seite im Bearbeitungsmodus.
2. Fügen Sie eine Bild-Kachel zu einer vorhandenen Zeile hinzu.
3. Zeigen Sie mit der Maus auf die Kachel, und klicken Sie auf die Schaltfläche "Einstellungen", um in den Bearbeitungsmodus zu wechseln.
4. Wählen Sie eine Bildquelle aus. Sie können eine Bilddatei hochladen oder eine Bild-URL angeben. Von beiden Optionen wird JPG, JPEG und PNG unterstützt.
   • Um eine Bilddatei hochzuladen, wählen Sie Bild hochladen aus, und ziehen Sie die Datei auf das Feld im Site-Editor. Klicken Sie auf Bild suchen, um die Datei zu suchen und hinzuzufügen. Die maximale Dateigröße ist 3 MB.
   • Sie können auch eine Bild-URL angeben, indem Sie Bild-URL auswählen und einen unterstützten Link zu einem Bild im Feld URL einfügen.
5. Wenn Sie eine Bilddatei verwenden, lassen sich hochgeladene Bilder anpassen, indem Sie auf die Schaltfläche "Zuschneiden" klicken und einen Ziehpunkt ziehen, um die Größe des Zuschneiderahmens zu ändern. Der Zuschneiderahmen lässt sich neu positionieren, indem auf die gepunktete Linie geklickt und diese gezogen wird. Sie können auch zoomen, indem Sie den Schieberegler unter dem Bild anpassen, und das Bild neu positionieren, indem Sie in den Zuschneiderahmen klicken.
6. Geben Sie im Menü Optionen alternativen Bildtext an, um sehbehinderten Benutzern zu helfen und die Barrierefreiheit Ihrer Site zu verbessern.
7. Geben Sie einen Bild-Hyperlink an, und wählen Sie aus, ob der Link in derselben Registerkarte oder in einer neuen Registerkarte geöffnet werden soll.

   Hinweis:

   Die Richtlinien für barrierefreie Webinhalte (3.2.2 Bei Eingabe und Technik G201) empfehlen, dass Sie das Öffnen von Links in neuen Registerkarten oder Fenstern vermeiden, es sei denn, Sie stellen eine erweiterte Warnung bereit.

8. Geben Sie Text für die Bildunterschrift an, und wählen Sie die Textausrichtung aus.
9. Klicken Sie optional auf Bild auf volle Größe skalieren, um einen Mittelpunkt für das Bild festzulegen. Über den Mittelpunkt wird sichergestellt, dass das Bild auch dann an der gewünschten Stelle fokussiert bleibt, wenn es an verschiedene Bildschirmgrößen angepasst wird.
10. Klicken Sie auf Speichern.

Erstellen einer Schaltfläche

Eine Schaltfläche mit einem Link zu einer anderen Position, wie z. B. zu einem Abschnitt oder einer Seite, ist ein hilfreiches Navigationswerkzeug. Schaltflächen können zudem Handlungsaufforderungen enthalten.

1. Öffnen Sie die gewünschte Site oder Seite im Bearbeitungsmodus.
2. Fügen Sie dem Layout eine Text-Kachel hinzu.
3. Klicken Sie auf die Schaltfläche Einfügen, und wählen Sie Schaltfläche aus.
4. Bearbeiten Sie den Text auf der Schaltfläche, um den Call To Action hinzuzufügen.
5. Klicken Sie auf die soeben hinzugefügte Schaltfläche und auf die Link-Schaltfläche.
6. Geben Sie im Textfeld Anzuzeigender Text ggf. Text ein.
7. Fügen Sie im Textfeld "URL" den Link ein, an den die Benutzer weitergeleitet werden sollen, wenn sie auf die Schaltfläche klicken.
8. Klicken Sie auf Link einfügen, um die Änderungen zu bestätigen.
9. Klicken Sie auf Speichern.
Informationen zu Schaltflächenfarben finden Sie unter Erstellen eines Designs.

Hinzufügen von Hintergrundbildern und Farbe

Mithilfe der Zeilen-Kachel können Sie Bilder hinter anderen Kacheln hinzufügen.

Tipp:

Sollte Text oder Inhalt über einem Bild angezeigt werden, wählen Sie eine helle oder dunkle Hintergrundfarbe aus. Wenn Sie beispielsweise hellen Text verwenden oder eine helle Karte anzeigen, wählen Sie eine dunkle Hintergrundfarbe aus, z. B. Schwarz, um sicherzustellen, dass der Text deutlich sichtbar bleibt. Passen Sie dann die Transparenz der Farbe an, sodass das Bild sichtbar bleibt.

1. Öffnen Sie die gewünschte Site oder Seite im Bearbeitungsmodus.
2. Fügen Sie dem Layout eine Zeilen-Kachel hinzu.
3. Zeigen Sie mit der Maus auf die Kachel, und klicken Sie auf die Schaltfläche "Einstellungen", um in den Bearbeitungsmodus zu wechseln.
4. Wählen Sie unter Hintergrundbild eine Bildquelle aus. Sie können eine Bilddatei hochladen oder eine Bild-URL angeben. Von beiden Optionen wird JPG, JPEG und PNG unterstützt.
   • Um eine Bilddatei hochzuladen, wählen Sie Bild hochladen aus, und ziehen Sie die Datei auf das Feld im Site-Editor. Klicken Sie auf Bild suchen, um die Datei zu suchen und hinzuzufügen. Die maximale Dateigröße ist 3 MB.
   • Sie können auch eine Bild-URL angeben, indem Sie Bild-URL auswählen und einen unterstützten Link zu einem Bild im Feld URL einfügen.
5. Nachdem Sie ein Bild hinzugefügt haben, wählen Sie für Hintergrundfarbe unter Zeileneinstellungen eine Farbe aus, indem Sie einen Hexadezimalcode eingeben oder die Farbauswahl verwenden.

   Hinweis:

   Nur Zeilen-Kacheln unterstützen Hintergrundfarben.

6. Passen Sie unter Aussehen die Transparenz des Bildes an, indem Sie den Schieberegler verwenden oder einen Wert im Prozentsatzfeld angeben. Indem Sie die Transparenz des Bildes anpassen, wird die Hintergrundfarbe heller oder dunkler, je nachdem, wie Sie sie angepasst haben. Dieses Verfahren ist hilfreich, um sicherzustellen, dass Bild und Text für farbenblinde Benutzer zugänglich bleiben.
7. Klicken Sie auf Speichern.

Auswählen eines Bild-Layouts auf einer Zeilen-Kachel

Jede Zeilen-Kachel verfügt über zwei Layout-Optionen, mit denen Sie auswählen können, wie das Bild angezeigt wird.

1. Nachdem Sie ein Bild einer Zeilen-Kachel hinzugefügt haben, können Sie ein breites oder festes Layout für das Bild und den in der Kachel angezeigten Inhalt auswählen.
   • Wählen Sie Breit aus, wenn das Bild sich über die Breite der Site erstrecken soll.
   • Wählen Sie Fest aus, wenn das Bild seine Größe beibehalten soll.
2. Legen Sie den Bildmittelpunkt fest, um für das Bild den gewünschten Mittelpunkt beizubehalten, wenn es an verschiedene Bildschirmgrößen angepasst wird.
3. Klicken Sie auf Speichern.

Konfigurieren von Text mit HTML

Wenn Sie Text mithilfe von HTML anpassen möchten, können Sie die folgenden HTML-Elemente verwenden:

1. Öffnen Sie die gewünschte Site oder Seite im Bearbeitungsmodus.
2. Ziehen Sie eine Text-Kachel auf eine vorhandene Zeile.
3. Zeigen Sie mit der Maus auf die Kachel, und klicken Sie auf die Schaltfläche "Einstellungen", um in den Bearbeitungsmodus zu wechseln.
4. Klicken Sie auf die Option Codeansicht.
5. Geben Sie den Code ein.
6. Klicken Sie auf Speichern.

Vorsicht:

Aus Sicherheitsgründen bieten Text-Kacheln keine Unterstützung für eingebettetes JavaScript. Skript-Tags werden ignoriert.

Folgende HTML-Elemente sind zulässig:

'a', 'abbr', 'acronym', 'address', 'article', 'audio', 'b',
	'bdi', 'bdo', 'big', 'blockquote', 'br', 'caption', 'center', 'cite',
 'code', 'col',
 'colgroup', 'datalist', 'dd', 'del', 'details', 'dfn', 'div', 'dl', 'dt',
	'em', 'embed', 'fieldset', 'figcaption', 'figure', 'font',
	'footer', 'frameset',
	'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr',
 'i', 'img', 'input', 'ins', 'kbd', 'keygen', 'li', 'link', 'main', 'map',
	'mark', 'menu', 'meter', 'nav', 'ol', 'optgroup', option', 'output', 'p',
	'param', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp',
	'section', 'small', 'source', 'span', 'strike', 'strong', 'style'
 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'tfoot', 'textarea',
	'th', 'thead', 'time', 'title', 'tr', 'track, 'tt', 'u','ul',

Folgende Attribute für diese HTML-Elemente sind zulässig:

All supported HTML elements allow : ['class', 'style'],
 'a' : ['href', 'title', 'data-toggle', 'data-target', 'data-toggle',
 'name', 'rel', 'style', 'target'],
	'audio' : ['autoplay', 'controls', 'loop', 'muted', 'preload'],
 'blockquote': ['cite'],
	'button' : ['name', 'value', 'data-toggle', 'data-target',
	'data-dismiss'],
 'col' : ['span', 'width'],
 'colgroup' : ['span', 'width'],
	'div' : ['style', 'align', 'data-show', 'data-target', 'data-toggle']
	'font': ['size', 'color', 'style'],
 'img' : ['align', 'alt', 'border', 'height', 'style', 'src', 'title',
	'width'],
 'ol' : ['align', 'start', 'type'],
	'p' : ['style'},
 'q' : ['cite'],
	'source' : ['media', 'src', 'type'], 
	'span' : [style],
 'table' : ['border', 'cellspacing', 'cellpadding', 'class', 'height',
	'style', 'summary', 'width'],
 'td' : ['abbr', 'align', 'axis', 'colspan', 'height', 'nowrap',
	'rowspan', 'style', 'valign', 'width'],
 'th' : ['abbr', 'align', 'axis', 'colspan', 'height', 'nowrap',
	'rowspan', 'style', 'valign', 'width']
 'tr' : [alignt, 'height', style', valign'],
 'ul' : ['type']