Trick # 584 | Dieser Beitrag beinhaltet 457 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.
Wenn Sie das Divi-Theme verwenden, dann kennen Sie bestimmt den VisualBuilder. Mit diesem können Sie die gerade angezeigten Inhalte bequem in der Frontend-Ansicht editieren. Heute fügen wir einen grossen Buton hinzu, mit welchem Sie die Seite oder den Post direkt in den ViusualBuilder laden und bearbeiten können.
Den Code, den Sie benötigen, haben wir hier parat. Kopieren Sie ihn und fügen Sie ihn der Datei functions.php (im WordPress-Backend unter Design/Theme-Datei-Editor) hinzu:
function add_divi_visual_builder_link() {
// Nur für eingeloggte Benutzer mit Administratorrolle anzeigen
if (is_user_logged_in() && current_user_can('administrator')) {
// Prüfen, ob der Visual Builder aktiv ist
if (isset($_GET['et_fb']) && $_GET['et_fb'] === '1') {
return; // Button nicht anzeigen, wenn im Visual Builder
}// Hole die aktuelle URL
$current_url = esc_url(home_url(add_query_arg(null, null)));// Visual Builder-URL erstellen
$visual_builder_url = add_query_arg('et_fb', '1', $current_url);// HTML des Links ausgeben
echo '<div style="
position: fixed;
bottom: 10px;
right: 10px;
background-color: #23282d;
color: white;
padding: 10px 15px;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
z-index: 10000;
">
<a href="' . $visual_builder_url . '" style="color: #00a0d2; text-decoration: none; font-weight: bold;">
🛠 im VisualBuilder bearbeiten
</a>
</div>';
}
}
add_action('wp_footer', 'add_divi_visual_builder_link');Das Styling können Sie auf den Zeilen 17 bis 24 natürlich anpassen. Zeile 3 besagt ausserdem, dass der Button nur Administratoren angezeigt wird. Falls das nicht passt, können Sie dort eine andere Userrolle angeben.
Wenn Sie künftig eine Live-Seite oder einen Beitrag öffnen, sehen Sie unten rechts den neuen Button – vorausgesetzt: Sie sind in WordPress angemeldet. Für ausgeloggte User ist der Button nämlich nicht sichtbar. Er verschwindet ausserdem automatisch, sobald die Seite oder der Beitrag im Divi-VisualBuilder geladen ist.
Werbung
Werbung
