WordPress Grundlagen

WordPress Editor #7 Buttons-Block

Icon Buttons-Block

Den Buttons-Block setzen Sie ein, wenn Sie Ihre Besucher mit einem oder mehreren Buttons zu einer Handlung auffordern möchten. Auch weiterführende Links können Sie damit ggfs. als Buttons, statt als Text-links gestalten.

Hinweis: dieser, wie alle anderen Block-Editor Beiträge auch, bezieht sich auf das separate Plugin »Gutenberg«, das immer die neueste Version des Block-Editors zur Verfügung stellt. Die in WordPress selbst integrierte Version des Editors läuft naturgemäß dem Plugin in der Ausstattung hinterher. Sie können sich das Plugin jederzeit in Ihrem WordPress Backend nachinstallieren unter PLUGINS > INSTALLIEREN > »Gutenberg«.

Über das Plus am neu eingefügten Block oder in der Kopfzeile wählen Sie den Buttons-Block aus.

Screenshot WP Editor Buttons-Block Auswahl
Buttons-Block Auswahl
Screenshot Buttons-Block
Top-Menü Einzelner Button
Screenshot Buttons-Block
Zugang Top-Menü Alle Buttons
(ab Gutenberg Plugin Version 8.4)
Screenshot Buttons-Block
Top-Menü Alle Buttons
Screenshot Buttons-Block
Ausrichtung für alle Buttons

Der Buttons-Block besitzt zwei Ordnungs-Ebenen, die der einzelnen Buttons, die als erste standardmäßig nach dem Einfügen aktiviert ist und in der Sie jeden Button einzeln bearbeiten können, sowie die übergeordnete Ebene, in der Sie die Ausrichtung des Buttons-Block insgesamt bearbeiten können.

Jeder Button erhält über das Link Icon (1) seine Verlinkung (2). Sie wählen (3), ob er im selben Tab oder einem neuen Tab geöffnet werden soll (sinnvoll bei externen Links) und klicken abschließend auf das Enter-Symbol (4).

Screenshot Buttons-Block
Den Link für den Button einfügen

Das Ergebnis für 3 Buttons, die insgesamt zentriert ausgerichtet sind:


Möwe im akrobatischen Flug

Newsletter

Mein Kunden-Newsletter informiert Sie über neue Beiträge im Blog.


Schreiben Sie mir

    Datenschutzerklärung lesen

    * Pflichtfelder

    Oder rufen Sie direkt an


    Logo handmade web.design

    handmade web.design

    Claus Pescha

    Wengen 36 B
    86911 Dießen am Ammersee

    Ein Klick auf die Adresse führt Sie
    zur Routenplanung mit Google Maps.

    Telefon
    +49 (0) 8807 2066599

    E-Mail
    web@clauspescha.de

    vCard

    Social

       

    DATENSCHUTZ  |  IMPRESSUM  |  KEKSE !