Canvas-Aktionen und -Optionen

Sie können die Optionen für beliebige widget, Spalten oder Zeilen mit nur einem Klick auf eine Schaltfläche bearbeiten und darauf zugreifen. Mit dieser Funktion können Sie Ihre Website effizient anpassen, unabhängig davon, ob Sie Elemente verschieben, Einstellungen anpassen oder neue Inhalte hinzufügen. Mit intuitiven Drag & Drop-Funktionen und schnellem Zugriff auf Bearbeitungs- toolkönnen Sie ganz einfach eine vielseitige und ansprechende Website erstellen.

Kontextmenü

Alles im Editor hat die Möglichkeit, ein Kontextmenü zu öffnen. Um das Kontextmenü zu öffnen, klicken Sie mit der rechten Maustaste auf eine beliebige widget oder einen Bereich im Editor.

Beispiel Kontextmenü:

ex-Kontextmenü.png

Anker tag und Links

Mit Anker-Links können Sie Besucher zu einem bestimmten Abschnitt Ihrer Website weiterleiten und somit die Navigation auf einer umfangreicheren Seite oder zu einem spezifischen Inhalt, auf den Sie verweisen möchten, vereinfachen. Anker-Links sind praktisch, da Benutzer für diese nicht relevante Inhalte überspringen und sich so auf das Wesentliche konzentrieren können.

Hinweis

Anker können nicht zu Inhalten in der Fußzeile, der Kopfzeile oder den Blog-Beiträgen hinzugefügt werden. Anker können zwar zu dynamischen Seiten hinzugefügt werden, aber nur innerhalb derselben dynamischen Seite. Wenn beispielsweise ein Anker zu einem Element auf einer dynamischen Seite hinzugefügt wird, können Sie von der Startseite aus keinen Link zu diesem Anker erstellen (er wird nicht als Option angezeigt).

Hinzufügen von Ankern

So fügen Sie auf Ihrer Seite einen Anker ein:

  1. Klicken Sie mit der rechten Maustaste auf ein Element, um das Kontextmenü zu öffnen.

  2. Klicken Sie auf Als Anker festlegen.

  3. Geben Sie einen Ankernamen ein. Um den Anker zur Navigation der Website hinzuzufügen, wählen Sie Zur Website-Navigation hinzufügen (standardmäßig ist diese Option aktiviert; deaktivieren Sie sie, um zu verhindern, dass sie der Website-Navigation hinzugefügt wird). Die Option Zur Website-Navigation hinzufügen ist für dynamische Seiten nicht verfügbar.

  4. Klicken Sie auf Hinzufügen.

Hinweis

Wenn der Website-Navigation ein Anker hinzugefügt wird, wird er in der Liste im Bereich Seiten in der Seitenleiste angezeigt. Weitere Informationen zur Verwaltung im Bereich "Seiten " finden Sie unter Seiten.

create-anchor-gif.GIF
Link zu einem Anker

So fügen Sie einem bestehenden Anker einen Link hinzu:

  1. Wenn Sie einen Text- oder Button-Link erstellen, wählen Sie die Option Anker (befindet sich in der Linkauswahl, die sich beim Hinzufügen eines Links öffnet)

  2. Wählen Sie die Seite aus, auf der sich der Anker befindet, und wählen Sie den Anker aus dem Dropdown-Menü.

anchor-in-link-picker.png
Löschen oder Bearbeiten eines Ankers

So löschen oder bearbeiten Sie einen bestehenden Anker:

  1. Klicken Sie mit der rechten Maustaste auf „Widget“ oder die Zeile mit dem Anker, um das Kontextmenü zu öffnen.

  2. Klicken Sie auf das Zahnradsymbol und wählen Sie dann Anker bearbeiten aus.

  3. Klicken Sie auf Anker löschen , oder bearbeiten Sie den Anker nach Bedarf.

  4. Wenn Sie den Anker bearbeitet haben, klicken Sie auf Aktualisieren , um die Änderungen zu übernehmen.

Warnung

Wenn ein Anker in der Website-Navigation (der sich im Seitenbereich des Seitenbereichs befindet) Unterseiten hat, werden durch das Löschen des Ankers auch die Unterseiten gelöscht.

delete-anchor-gif.GIF

Schwebende Menüleiste

Anmerkung

Diese Informationen gelten speziell für den Editor 2.0, der früher als All-Flex-Editor bezeichnet wurde. Informationen zum Identifizieren Ihrer aktuellen Editor-Version finden Sie unter Identifizieren der Editor-Version, die von Ihrer Website verwendet wird.

Elemente in Flex-Abschnitten und Editor 2.0 verfügen über schwebende Menüleisten, die je nach widget oder Element unterschiedliche Optionen bieten. Das schwebende Menü kann auch verwendet werden, wenn Sie versuchen, eine vorherige Ebenenebene auszuwählen (wenn Sie z. B. auf eine Spalte klicken, können Sie nur die Schnittebene auswählen. Die oberste Ebene ist ein Abschnitt, gefolgt von einer Spalte, dann einem Element usw.).

Beispiel für ein schwebendes Menü:

ex-floating-bar.png

Um eine vorherige Ebene auszuwählen, klicken Sie auf ein Element, um die schwebende Leiste aufzurufen, hover Sie dann auf den Namen des Elements (es sollte erweitert werden, um seine vorherigen Ebenen anzuzeigen) und klicken Sie auf die gewünschte Ebene.

floating-menu-layer-select.gif

Hinweis

Ausführliche Informationen zu den Optionen von Editor 2.0 finden Sie unter Entwerfen mit Flex.

Container oder Layer auswählen

Wenn Sie Probleme beim Auswählen eines Containers (Spalte oder Zeilen) im Editor haben, klicken Sie auf widget ein und dann im klassischen Editor auf Container auswählen, um die Spalte oder Zeilen auszuwählen.

Klicken Sie in Editor 2.0 auf Ebene auswählen , um die Spalte oder den Abschnitt auszuwählen.

Klare Polsterung

Wenn Sie zusätzlichen Platz um Spalten oder Zeilen auf Ihrer Website entfernen möchten, klicken Sie auf Abstand löschen. Dies ist nützlich, wenn Sie versuchen, den Raum um Ihre Inhalte herum zu verkleinern.

Kopieren und Einfügen

Sie können jedes Widget oder jeden Container kopieren und an einer anderen Stelle auf Ihrer Website einfügen.

Elemente neu anordnen

Bei einigen Elementen, z. B. Zeilen, Abschnitten und Spalten, klicken Sie mit der rechten Maustaste auf das Element, und klicken Sie dann auf die Navigationspfeile am oberen Rand des Kontextmenüs.

Hinweis

  • Nicht alle Elemente verfügen über diese Option.

  • Änderungen können sich auf andere Geräte auswirken. Es wird empfohlen, die anderen Geräte zu überprüfen, nachdem Sie Änderungen vorgenommen haben.

widgetneu anordnen

Um widgetneu anzuordnen, klicken Sie auf sie und ziehen Sie sie in eine andere Spalte oder Zeilen auf Ihrer Website. Sobald Sie zum Ziehen klicken, zeigt ein blaues Feld an, wo es platziert wird, nachdem Sie die Maus losgelassen haben.

An Ausrichten ausrichten

Beim Ändern der Größe von Elementen innerhalb derselben Spalte versucht der Editor, sie so auszurichten, dass sie genau die gleiche Größe haben. Sie werden feststellen, dass das widget beim Ändern der Größe nach vorne oder hinten springt, um an der Position einzurasten. Dies sollte es einfacher machen, Elemente genau gleich groß zu machen.

Am Raster ausrichten

Das System „Am Raster ausrichten“ hilft Ihnen, Elemente präzise auf den Seiten Ihrer Website zu positionieren. Mit diesem System können Sie Elemente horizontal und vertikal innerhalb von Spalten und Zeilen ausrichten. Wenn Sie ein Element in seiner Zeile oder Spalte verschieben oder Sie die Größe des Elements ändern, werden Lineale angezeigt. Die ausgerichteten Elemente werden mit einem farbigen Rahmen hervorgehoben. Ein Element kann je nach spezifischem Anwendungsfall an mehr als einem anderen Element ausgerichtet werden.

Hinweis

Die Ausrichtung wird von allen drei Gerätetypen unterstützt (Desktop, Tablet, Mobilgerät).

Ändern der Größe von widget und Containern

Sie können die Größe der meisten widget und Container ändern, indem Sie mit der Maus darüber hover und mit den Ziehpunkten um den widget oder Container interagieren. Die weißen Griffe fügen Ränder hinzu, entweder vertikal oder horizontal, um ein Element zu verschieben. Der blaue Griff unten rechts ändert die Größe des Elements.

Element verschieben

move-element.png

Element "Größe ändern"

resize.png