Element mit 100% Breite

  • Gelöst itdoku

    (@itdoku)


    vor 3 Jahren, 9 Monaten

    Hallo Forum,

    ich nutze den Gutenberg-Editor und wollte einen Block auf voller Breite hinzufügen. Die anderen Block-Elemente sollen dabei ihre jetzige breite beibehalten. Wie kann ich das lösen bzw. gibt es ein Plugin dafür? Vielen Dank für Eure Hilfe.

    Hier der Block in rot dargestellt:

    beispiel

Ansicht von 7 Antworten – 1 bis 7 (von insgesamt 7)
  • Moderator Hans-Gerd Gerhards

    (@hage)

    vor 3 Jahren, 9 Monaten

    Hallo,
    wenn du dann noch die URL oben einträgst, dann können wir uns das auch ansehen und dir sicher besser helfen.
    Das ist allerdings eine Frage zu CSS und nicht zu WordPress. Ich habe den Status auf keine Supportfrage geändert.
    Viele Grüße
    Hans-Gerd

    Thread-Starter itdoku

    (@itdoku)

    vor 3 Jahren, 9 Monaten

    Hallo,
    ist aktuell nur lokal, noch nicht online…

    Moderator Bego Mario Garde

    (@pixolin)

    vor 3 Jahren, 9 Monaten

    Wenn dein Theme für den Block-Editor vorbereitet ist, kannst du in den Blockeinstellungen für diesen (roten) Block „Gesamte Breite“ auswählen:

    Screenshot Einstellungen

    Findest du diese Einstellungsoption nicht, ist dein Theme nicht entsprechend vorbereitet. Du müsstest dann, wenn du bei diesem Theme bleiben möchtest, ein Child Theme anlegen und den Seitenaufbau anpassen.

    Ohne Angabe zum Theme lässt sich das nicht genauer beantworten.

    Thread-Starter itdoku

    (@itdoku)

    vor 3 Jahren, 9 Monaten

    Hallo Bego Mario,
    danke für die Info.
    Es ist bei mir Envo Storefront und da gibt es diese Option „Gesamte Breite“ tatsächlich nicht.

    Gibt es kein Plugin dafür? Ich hatte einen Slider eingebunden und den konnte ich problemlos auf 100 % einstellen. Ich wollte jetzt nur ungern das Childtheme ändern.

    • Diese Antwort wurde geändert vor 3 Jahren, 9 Monaten von itdoku.
    Moderator Bego Mario Garde

    (@pixolin)

    vor 3 Jahren, 9 Monaten

    Ein Plugin fällt mir dazu spontan nicht ein.

    Thread-Starter itdoku

    (@itdoku)

    vor 3 Jahren, 9 Monaten

    Schade, dass es kein Plugin gibt.

    Habe es erstmal auf dieser Weise gelöst:

    In der funktion.php des verwendeten Themes den Befehl add_theme_support( ‚align-wide‘ ); eingefügt, anschließend im Gutenberg-Editor „Weite Breite“ eingestellt. Dann einen DIV-Tag für das Element/Bild definiert und diese CSS-Befehle mitgegeben:

    width:  100vw;
max-width:  100vw;
margin-left:  calc(50% - 50vw);

    Quelle:
    https://speckyboy.com/styling-wide-full-width-gutenberg-blocks-wordpress/

    Danke so weit…

    • Diese Antwort wurde geändert vor 3 Jahren, 9 Monaten von itdoku.
    Moderator Bego Mario Garde

    (@pixolin)

    vor 3 Jahren, 9 Monaten

    Freut mich, dass es wieder läuft.
    Danke für die Rückmeldung. 🌻

    Noch ein kurzer Hinweis, weil hier auch andere mitlesen:

    In der funktion.php des verwendeten Themes

    • Die Datei heißt functions.php.
    • Änderungen im Theme werden beim nächsten Update überschrieben. Du solltest ein Child-Theme erstellen.
Ansicht von 7 Antworten – 1 bis 7 (von insgesamt 7)
  • Das Thema „Element mit 100% Breite“ ist für neue Antworten geschlossen.