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 …

Deine Meinung ist gefragt!

Hat dir der Artikel gefallen? Oder fehlt etwas?
Hinterlasse mir gern einen Kommentar!
Divi Sticky Elemente Tutorial

Divi Sticky Elemente Tutorial

Mit dem aktuellen Divi kann man Sticky Elemente einfügen – und das ist eine prima Angelegenheit, denn wir können jetzt beim Scrollen einzelne Module, Zeilen oder auch Sektionen am Kopf der Seite oder auch am Fuß der Seite festkleben. Und je nachdem wie weit wir...

WordPress Backup erstellen mit WPvivid

WordPress Backup erstellen mit WPvivid

Ein weiteres Tutorial zum Thema WordPress Sicherheit. Heute geht es um die Frage “Wie kann ich ein vernünftiges WordPress Backup erstellen?” Wir schauen uns dazu das WordPress Backup Plugin WPvivid einmal im Detail an.

Ein WordPress Backup Plugin? Kostenlos?

Ein WordPress Backup Plugin? Kostenlos?

Willkommen zum zweiten Teil meiner kleinen Serie ein “WordPress Backup erstellen”. Im ersten Teil haben wir ein manuelles Backup erstellt. Heute automatisieren wir den Prozess und ich zeige dir kostenlose Plugins wie UpdraftPlus, WPVivid, BackWPup, xCloner – und ich erkäre dir den Unterschied zu den kostenpflichtigen Premium-Versionen.

|

Platz für deinen Kommentar!

0 Kommentare

Einen Kommentar abschicken

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Neue Themes

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

Galerie

Mehr verkaufen

Workshops, Academy, Magazin, Masterclass

Starten

Geschenkt

Handbuch WordPress,
 Workshop SEO & Marketing

Download

Pin It on Pinterest

Share This