Divi Pagebuilder in voller Breite nutzen.

Der Divi Pagebuilder von Elegantthemes ist meines Erachtens der beste Builder, den es derzeit auf dem Markt gibt. Der einzige Nachteil an dem guten Stück ist, dass das Fenster bei der Bearbeitung auf dem Laptop etwas klein gerät. Dies zudem völlig unnötig, da sich das Arbeitsfenster in einer Lightbox öffnet. Hier wäre noch genug Platz für Inhalte gewesen.

Zwar ist die Oberfläche wie immer schön aufgeräumt, aber das unnötige Scrollen kann durchaus auf Dauer ein wenig nerven. Okay, seit Einführung des VisualBuilders ist dies nicht mehr ganz so tragisch. Aber nichts desto trotz bin ich nach wie vor ein großer Fan der klassischen Pagebuilder-Ansicht.

Die Lösung des Prblems bringt Jonathan Bossenger, der ein kleines Full-Screen-Plugin geschrieben hat. Die Anwendung ist denkbar einfach.

  1. Lade das Plugin von GutHub: https://github.com/jonathanbossenger/divi-full-screen-page-builder-modules
  2. Installiere das Plugin.
  3. Fertig

Sobald du nun ein Modul im Builder öffnest, startet die Ansicht in Full-Screen.

Wenn du kein weiteres Plugin installieren möchtest, kannst du auch einfach folgenden Code in die Datei function.php kopieren (vorzugsweise in dein Childtheme).

add_action(‚admin_head‘, ‚full_screen_page_builder‘);
function full_screen_page_builder() {

echo '<style>
.et_pb_modal_settings_container {
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
left: 0 !important;
height: 95% !important;
top: 35px;
}
.et-pb-options-tabs-links {
width: 100% !important;
}
.et_pb_prompt_modal{
top: 35px !important;
height: 95% !important;
left: 15% !important;
width: 95% !important;
}
.et_pb_prompt_modal_save_library {
margin-left: -12% !important;
height: 80% !important;
}
/* increase html editor to 500px high, credits Terry Smith */
#et_pb_content_new_ifr{
height:500px!important
}
</style>';
}

Na dann: viel Spaß und happy designing …

Tool-Tipp:

Folgende Apps nutze ich in meinem Blog. Zu den meisten dieser Apps findest du auf meinem YouTube-Kanal oder direkt hier eine ausführliche Review.

Keyword-Strategie: WriterZen, LongTailPro, Link Assistant
Content-Erstellung: Frase, StoryChief, Bramework
Optimierung Pagespeed: WP Rocket, ShortPixel
Optimierung Conversion: Convertbox
Sicherheit: WPVivid

Du suchst nach einer Lösung für dein Marketing, deiner SEO- oder Content-Strategie? Dann schau auch gern in meiner Akademie vorbei: Businesserfolg.de

Deine Meinung ist gefragt!

Hat dir der Artikel gefallen? Oder fehlt etwas?
Hinterlasse mir gern einen Kommentar!
WordPress Themes deinstallieren bzw. löschen: Anleitung.

WordPress Themes deinstallieren bzw. löschen: Anleitung.

Eines der größten Vorteile von WordPress ist, dass es sehr einfach zu bedienen ist. Du kannst ein Theme in nur wenigen Minuten installieren. Es kann jedoch der Zeitpunkt kommen, an dem du WordPress Themes deinstallieren bzw. löschen möchtest. In diesem Leitfaden...

Automatische Blindtexte für dein Webdesign

Automatische Blindtexte für dein Webdesign

Die Erstellung eines Webdesigns ist ein komplizierter Prozess: Die Website soll schick aussehen, modern sein, Kunden in den Verkaufskanal leiten, eine Exit-Strategie in der Hinterhand haben und vieles mehr. Und ja ... dann möchte der Kunde natürlich auch wissen, wo...

Elementor Pro Kosten: Wirklich ein guter Deal?

Elementor Pro Kosten: Wirklich ein guter Deal?

Welche Elementor Pro Kosten erwarten dich? Es gibt viele Theme-Builder auf dem Markt, sodass die Entscheidung schwierig sein kann, welcher der beste für die eigenen Bedürfnisse ist. Einer der beliebtesten Theme-Builder ist Elementor Pro. Elementor ist ein großartiger...

|

Platz für deinen Kommentar!

0 Kommentare

Einen Kommentar abschicken

Deine E-Mail-Adresse wird nicht veröffentlicht.

Neue Themes

Neu: Scroll-Effekte, WooCommerce-Module u.v.m.

Galerie

Workshops

Workshops, Academy, Magazin, Masterclass

Starten

Geschenkt

Handbuch WordPress,
Workshop SEO & Marketing

Download