Trick # 283 | Dieser Beitrag beinhaltet 257 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.
Mit dem Passwortmodul von Divi können Sie passwortgeschützte Seiten mit dem Divi-Builder gestalten. Mit einem kleinen zusätzlichen Hack stellen Sie sicher, dass der Cursor im Passwortfeld des Passwort-Moduls sofort bereit ist, wenn die Seite geladen wird.
Das geht ganz einfach: Kopieren Sie den folgenden JavaScript-Code und fügen Sie ihn in den Headerbereich Ihrer Website ein. Im Backend unter Divi/Theme-Optionen/Integration/Code dem <head> Ihres Blogs hinzufügen:
<script>
/* Fokus auf Passwortbox-Modul, falls vorhanden */
if (document.querySelector) {
var passwordBox = document.querySelector(".et_pb_dbpp_page_password_password");
if (passwordBox) {
passwordBox.focus();
}
}
</script>Nun ist beim Laden einer passwortgeschützten Seite der Cursor immer gleich im Passwortfeld bereit zur Eingabe.
Werbung
Einige Divi-Module – etwa das Blog- oder Portfoliomodul – kennen den «Overlay»-Effekt: Beim Hovern über das dargestellte Beitragsbild wird dieses zum Beispiel von einer halb-transparenten Fläche bedeckt. Dieses Overlay lässt sich hübsch ...
Im Netz gibt es zahlreiche Bibliotheken mit tausenden von Schriftarten, welche Sie gratis verwenden dürfen. Es gibt zu praktisch jeder Anwendungsidee den passend gestylten Font. Mit ein paar Tricks finden Sie auch eine für Ihre Website ...
Wohin gehen die BesucherInnen, nachdem sie ein Kontaktformular auf Ihrer Website ausgefüllt haben? Wahrscheinlich ist es ein wenig umständlich. Warum leiten Sie BenutzerInnen nicht auf eine andere Seite weiter? Dies ist Ihre Chance, die ...
Manchmal kann es hilfreich sein, wenn die Navigation der Website beim Scrollen etwas geschrumpft wird. Sie «klebt dann beispielsweise ganz oben an der Seite – nimmt dort aber etwas weniger Platz ein. Das geht ganz einfach mit einem Script und ...
Keine Inhalte gefunden.
Werbung
