--- url: 'https://dxpr.com/de/hc/dokumentation/dxpr-builder-lernen/bearbeiten/elemente-auswaehlen' title: 'Elemente auswählen | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-23T23:56:00+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- 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. tags: - 'Edit a page' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T17:19:22+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Elemente auswählen' description: |- 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. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-23T23:56:00+0000' dateModified: '2026-10-24T17:19:22+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/de/hc/dokumentation/dxpr-builder-lernen/bearbeiten/elemente-auswaehlen' articleSection: 'Seite bearbeiten' - '@type': WebPage '@id': 'https://dxpr.com/de/hc/dokumentation/dxpr-builder-lernen/bearbeiten/elemente-auswaehlen' description: |- 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. breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: Startseite item: 'https://dxpr.com/de' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: de --- [Hilfe-Center](/de/hc)/[Dokumentation](/de/hc/dokumentation) /[DXPR Builder lernen](/de/hc/documentation/learn-dxpr-builder) /[Seiten erstellen](/de/hc/documentation/learn-dxpr-builder/build) /[Seite bearbeiten](/de/hc/documentation/learn-dxpr-builder/editing) # Elemente auswählen. DXPR Builder lernenSeiten erstellenSeite bearbeiten ## In diesem Leitfaden Verwandte Leitfäden - [Text direkt auf der Seite bearbeiten](/de/hc/dokumentation/dxpr-builder-lernen/bearbeiten/inline-textbearbeitung) - [Das More-Menü eines Elements verwenden](/de/hc/dokumentation/dxpr-builder-lernen/bearbeiten/kontextmenues) - [Tastenkombinationen](/de/hc/dokumentation/dxpr-builder-lernen/referenz/tastenkombinationen) 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? - [Text direkt auf der Seite bearbeiten](/de/hc/dokumentation/dxpr-builder-lernen/bearbeiten/inline-textbearbeitung): Wörter direkt auf der Seite ändern. - [Kontextmenüs](/de/hc/dokumentation/dxpr-builder-lernen/bearbeiten/kontextmenues): jede Aktion im **More**-Menü. - [Tastaturkürzel](/de/hc/dokumentation/dxpr-builder-lernen/referenz/tastenkombinationen): Auf den ausgewählten Teil ohne Maus wirken.