Elemente auswählen.

DXPR Builder lernenSeiten erstellenSeite bearbeiten

Jeder Teil Ihrer Seite hat seine eigene Steuerleiste: das Element, seine Spalte, seine Zeile und sein Abschnitt. Sie erreichen jede durch Darüberfahren oder wählen jede Ebene aus dem Layers panel. Das Video baut eine zweispaltige Zeile mit einem Text und einem Button und besucht dann jede Ebene.

Eine zweispaltige Zeile bauen

  1. Klicken Sie auf das + im Inhaltsbereich und wählen Sie Section aus dem Layout-Tab.
  2. Klicken Sie auf das + auf der Section und wählen Sie Row. Sie kommt mit zwei gleichen Spalten.
  3. Klicken Sie auf das + in der linken Spalte und wählen Sie Text aus dem Content-Tab.
  4. Geben Sie eine Überschrift und eine Textzeile ein und klicken Sie dann auf Speichern.
  5. Klicken Sie auf das + in der rechten Spalte und wählen Sie Button.
  6. Geben Sie den Title ein, setzen Sie den Link und klicken Sie auf Speichern.

Jede Ebene durch Darüberfahren erreichen

  1. Fahren Sie mit der Maus über den Button. Seine Steuerleiste nennt das Element und enthält seinen More-Button.
  2. Bewegen Sie den Zeiger an den Rand der Spalte. Die Leiste zeigt nun Column.
  3. Fahren Sie mit der Maus über die Zeile. Ihre Leiste zeigt Row, mit dem Spaltenlayout-Icon.
  4. Fahren Sie mit der Maus über den Abschnitt. Die äußerste Leiste zeigt Section.

Die Leiste, die Sie sehen, gehört zum innersten Teil unter dem Zeiger. Klicken Sie auf eine Steuerleiste, um ihren Teil auszuwählen: Der Teil erhält eine Kontur. Tastaturkürzel wie Strg+C wirken auf den ausgewählten Teil oder auf den Teil unter dem Zeiger, wenn nichts ausgewählt ist. Klicken Sie auf eine leere Stelle außerhalb Ihres Inhalts, um die Auswahl aufzuheben.

Eine Ebene aus dem Layers panel wählen

  1. Öffnen Sie More in der DXPR-Symbolleiste und wählen Sie Layers panel.
  2. Klicken Sie auf eine Ebene im Baum. Die Seite scrollt zu diesem Teil und markiert ihn.
  3. Klicken Sie auf die drei Punkte auf der Ebene, um dasselbe Menü wie in seiner Steuerleiste zu öffnen.
  4. Schließen Sie das Panel und klicken Sie auf Speichern.

Strg+Umschalt+J (Cmd+Umschalt+J auf dem Mac) öffnet und schließt das Panel.

Was Sie sehen

Die Seite ist aus verschachtelten Ebenen gebaut, immer in dieser Reihenfolge: Section, Row, Column, dann das Element. Die Leiste jeder Ebene trägt ihren eigenen More-Button mit den Aktionen für diese Ebene. Das Layers panel zeigt dieselben Ebenen als Baum, sodass ein schwer zu erreichender Teil einen Klick entfernt ist.

Steuerleisten an jedem Element oder in einer Reihe

Option Was Sie sehen
On each element Jedes Element zeigt seine eigene Leiste. Verschachtelte Elemente erhalten beim Bearbeiten zusätzlichen Abstand.
One row Eine Leistenreihe über dem Element, auf das Sie zeigen: Section, Row, Column, Button. Die Seite behält beim Bearbeiten ihr veröffentlichtes Layout.

Im Modus One row leuchtet beim Betreten einer Leiste ihr Seitenteil auf. Auf schmalem Bildschirm fallen die äußeren Leisten aus der Reihe; fahren Sie mit der Maus über den Rand eines Containers, um diese Ebene zu erreichen.

  1. Öffnen Sie More in der DXPR-Symbolleiste und wählen Sie Editor settings, oder drücken Sie Strg+; (Cmd+; auf dem Mac).
  2. Wählen Sie unter Control bars die Option On each element oder One row.
  3. Klicken Sie auf Speichern. Die Seite ändert sich sofort.

Strg+Umschalt+B (Cmd+Umschalt+B auf dem Mac) wechselt zwischen beiden ohne Dialog. Ihre Wahl wird in Ihrem Benutzerkonto gespeichert, sodass sie Ihnen zu anderen Browsern folgt. Sie können sie auch auf der Bearbeitungsseite Ihres Kontos ändern, unter DXPR Builder. Die mit Default markierte Option ist die Wahl Ihrer Website. Wählen Sie sie, um der Website weiter zu folgen, auch wenn die Administration die Vorgabe später ändert.

Wenn Sie die Steuerleisten nicht sehen

  • Es erscheint keine Steuerleiste. Die Seite ist in der Vorschau. Öffnen Sie das Ansichtsmenü, das Augen-Symbol in der DXPR-Symbolleiste, und wählen Sie Edit.
  • Die Leiste gehört zum falschen Teil. Der Zeiger steht über einem untergeordneten Element. Gehen Sie zum Abstand am Rand des Containers oder wählen Sie den Teil im Layers panel.
  • Ein Klick auf einen Text öffnet den Texteditor. Das ist Inline-Bearbeitung, keine Auswahl. Klicken Sie neben den Text und dann auf die Steuerleiste des Texts.

Wie geht es weiter?