Bitte wählen Sie ein Thema aus.

Bildformate im Divi-Blurb-Modul angleichen

Das Informationstext-Modul (oder Blurb-Modul) des Divi-Themes bietet die Möglichkeit, ein Bild anzuzeigen. Das ist zwar hübsch – wenn man aber mehrere Blurbs nebeneinander verwendet, kann das bei unterschiedlichen Bildformaten unschön aussehen. Heute zeigen wir Ihnen, wie die Bilder ausgeglichen werden können.

WordPress-Suchfunktion deaktivieren

Wordpress bietet eine Suchfunktion an. Das ist meistens sehr praktisch – aber auch ein wenig übertrieben, wenn Sie eine sehr kleine Website betreuen oder gar einen OnePager administrieren. Da kann es eine Möglichkeit sein, die Suche zu deaktivieren.

Ändern der Länge Ihrer Postauszüge

Im WordPress-Blog-Index werden normalerweise kurze Auszüge aus Ihren Beiträgen angezeigt, um den LeserInnen einen Eindruck davon zu vermitteln, was auf sie zukommt. Wenn Sie die Standardlänge dieser Auszüge ändern möchten, interessiert Sie dieser kleine Hack.

Titel des Divi-Blurb-Moduls oberhalb des Bildes anzeigen

Das Blurb-Modul des Divi-Themes – zu deutsch mit dem sperrigen Titel «Informationstext-Modul» – ist eine gute Möglichkeit, einen Inhalt mit einem kurzen Text und einem passenden Bild anzuteasen. Die Gestaltungsmöglichkeiten sind zwar etwas beschränkt, sie lassen sich aber leicht erweitern. Beispielsweise lässt sich der Blurb-Titel oberhalb des verwendeten Bildes anzeigen.

Animierter Website-Titel im inaktiven Browser-Tab

Internetbrowser aller Couleur erlauben seit etlichen Jahren, mehrere Tabs, auf welchen Websites zeitweilig im Hintergrund aktiv gehalten werden können. Deren Tab lässt sich auf einfache Weise animieren. Damit gewinnt Ihr Webcontent Aufmerksamkeit in der ansonsten statischen Umgebung.

So fügen Sie Text oder Symbole vor oder nach dem Zähler-Modul des Divi-Themes ein

Die Verwendung eines Zählermoduls auf Ihrer Website kann einen grossartigen Effekt erzielen, indem ein Wert mit dem zusätzlichen Bonus einer Animation angezeigt wird. Aber das Zählermodul des Divi-Themes ist ziemlich begrenzt: Es verfügt nur über ein Eingabefeld und eine Option zum Ein- oder Ausblenden eines Prozentsymbols, was die möglichen Anwendungsfälle für dieses Modul nicht annähernd abdeckt. Hier erfahren Sie, wie Sie beliebigen Text oder Symbole hinzufügen können.

Beitragspublikation im RSS-Feed verzögern

Wer seine Wordpress-Beiträge auch per RSS-Feed veröffentlicht, ist vielleicht an einer verzögerten Publikation im Feed interessiert. Das kann eine gute Idee sein, denn so hat man etwas Zeit, um Tippfehler zu korrigieren, die erst auffallen, wenn der Beitrag auf der Website bereits online ist.

Schaltflächen im Divi-Visual Builder links gruppieren

Der Visual-Builder des Divi-Themas bietet am unteren Rand des Monitors eine Reihe von Schaltflächen, mit denen Sie verschiedene Aktionen durchführen können – etwa das Speichern der Seite etc. Einige dieser Schaltflächen befinden sich unten rechts auf der Seite. An dieser Stelle werden jedoch auch häufig Benachrichtigungs- und Chat-Komponenten angezeigt. Wenn Sie vermeiden möchten, dass die Schaltflächen diese Komponenten verdecken, können Sie die Steuerelemente des Visual Builders auf die linke Seite verschieben.

Aktuellen Beitragstitel und Link zum Mail des Divi-Kontaktformulars hinzufügen

Das Divi-Theme enthält ein Kontaktformularmodul, mit dem Website-User Nachrichten an Ihr E-Mail-Postfach senden können. Wenn das Kontaktformular auf mehreren Beiträgen oder Seiten erscheint, kann es nützlich sein, zu wissen, auf welchem Beitrag oder auf welcher Seite das Kontaktformular abgeschickt wurde. Hier erfahren Sie, wie der Beitragstitel und/oder die URL in die E-Mails des Kontaktformular-Moduls eingefügt werden.

Pflichtfelder im Kontaktformular-Modul des Divi-Themes automatisch mit Stern * markieren

Das Divi-Theme enthält ein Kontaktformular-Modul, welches für einfache Formulare ganz praktisch ist. Es fehlt ihm aber beispielsweise bereits die übliche Option, Pflichtfelder des Formulars mit einem Asterisk oder Stern * anzuzeigen – so wie dies in anderen Formulartools völlig normal ist. Dies können Sie mit einem einfachen Script nachrüsten.

Wartungsmodus von Hand aktivieren und Website vorübergehend verbergen

Wenn Sie einen grösseren Umbau an Ihrer Website angehen, möchten Sie den Live-Auftritt möglicherweise vorübergehend nicht zeigen, damit Sie ungestört im Backend arbeiten können. Der einfachste Trick: Schalten Sie den Wartungsmodus von Wordpress händisch ein. Während Ihre Besucher dann eine Textmeldung sehen, haben Sie als AdministratorIn weiterhin ganz normal Zugriff auf alle Inhalte.

Menu-Special #8: Header der Website beim Scrollen mit einem Trennstrich vom Content abgrenzen

Vor allem bei einfarbigen Websites mit fixiertem Header kann das Scrollen der Anzeige dazu führen, dass der Inhalt plötzlich hinter der Navigation verschwindet. Mir gefällt das nicht sonderlich. Bei einigen meiner realisierten Webprojekte setze ich darum eine Trennlinie, welche den Header vom Content abtrennt – gerne auch eine Linie, welche erst beim Scrollen erscheint. Das ist gar nicht mal so schwierig umzusetzen.

Divi-Galerie-Titel und Bildlegenden über das Bild legen

Das Galeriemodul des Divi-Themes hat einige Einschränkungen. Der Titeltext und der Text der Bildunterschrift befinden sich standardmässig unterhalb des Bildes. Was aber, wenn Sie das ändern und den Text über/auf dem Bild platzieren möchten? Dafür gibt es im Modul keine Einstellungen. Hier erfahren Sie, wie Sie den Titel- und Bildunterschriftentext über dem Bild im Divi Gallery-Modul platzieren können. Das Verfahren ist sehr einfach.

In Contact-Form-7-Formularen direkt zu fehlerhaften Feldern springen

Mit dem Plugin «Contact Form 7» lassen sich vielfältige Formulare erstellen. Doch wenn beim Ausfüllen was schief läuft und der Versand trotzdem versucht wird, sind die Formulare dieses Plugins nicht eben hilfreich. Sie verharren einfach auf der Fehlermeldung und überlassen die Fehlersuche den Usern. Mit einem kleinen Script springt das Formular aber sofort zum fehlerhaften Feld.

Overlay des Bild- oder Blog-Moduls im Divi-Theme mit einem Text versehen

Verlinkte Bilder können im Divi-Theme mit einem Overlay angezeigt werden. Das klappt bestens etwa im Bildmodul oder auch im Blogmodul. Dabei wird dann jeweils das Bild mit einer transparenten Farbe belegt und in der Mitte ein Icon agezeigt, welches zum Klick animieren soll. Wahlweise kann dieses Icon auch mit einem Text ersetzt werden – wir zeigen Ihnen, wie das geht.

Kontaktformular: Ein Button für die Übermittlungsbestätigung

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 Aufmerksamkeit der User auf etwas anderes zu lenken, das Sie verkaufen oder über das Sie informieren möchten. Geht ganz einfach: Mit einem Button.

Mehrere Divi-Module mit dynamischen Inhalten auf einer Zeile darstellen

Beim Erstellen Ihrer Divi-Theme-Builder-Vorlagen oder von Layouts mit benutzerdefinierten Feldern müssen Sie häufig zwei oder mehr Module mit dynamischen Inhalten nebeneinander einfügen. Etwa um das Datum, die Kategorie und den Autor in Blogbeiträgen nebeneinander einzufügen. Das Problem ist, dass die Module vertikal gestapelt sind, und der Versuch, sie in Zeilenspalten unterzubringen nicht besonders gut funktioniert. Doch gibt es eine wirklich einfache Lösung, die wir Ihnen gerne zeigen.

Divi-Informationstext-Modul (Blurb-Modul) mit einem Button versehen

Es gibt gute Gründe, das Informationstext-Modul (Blurb-Modul) mit einem Button zu ergänzen. Insbesondere in Situationen, in denen das Hinzufügen eines separaten Button-Moduls aufgrund der Gestaltung des Blurbs nicht sinnvoll wäre. Da Sie aber kein Modul innerhalb eines Moduls platzieren können, arbeiten Sie ersatzweise mit einem einfachen HTML-Link und etwas CSS direkt im Textbereich des Informationstext-Moduls.

Ade Bullet-Points im Footer: Aufzählungspunkte aus der Fusszeile des Divi-Themes entfernen

Standardmässig fügt das Divi-Theme zu jedem Ihrer Widget-Listenelemente in Ihrem Footer-Bereich Aufzählungspunkte (Bullet-Points) hinzu. Einige Divi-Fusszeilendesigns können mit diesen Aufzählungspunkten arbeiten, aber viele Webdesigner ziehen es vor, alle Aufzählungspunkte aus der Fusszeile zu entfernen, da sie häufig unnötig sind. Durch Hinzufügen einiger Zeilen CSS-Codes können Sie alle Aufzählungspunkte von Listenelementen aus Ihrer Fusszeile entfernen.

WordPress-User ohne Mailadresse einrichten

Ein neuer Wordpress-User kann nur eingerichtet werden, wenn auch eine Mailadresse existiert. Das ist meist sinnvoll - aber nicht immer. Benötigt man etwa für Beiträge die Namen von AutorInnen, die aber keinen Zugang zum Backend benötigen, so sollte die Mailadresse nicht zwingend sein. Die Pflichtangabe lässt sich denn auch leicht abschalten.

So schliessen Sie das Divi-Mobile-Menü – mit einem simplen Klick ausserhalb des Dropdowns

Wenn Sie eine Divi-Website auf dem Handy betrachten und das Menü öffnen, es dann aber schliessen möchten, neigen Sie vielleicht dazu, auf den Bereich ausserhalb des Dropdowns zu klicken (oder ihn zu berühren) – in der Annahme, dass dies wie bei anderen Apps funktioniert. Aber nein, im Divi-Theme ist das von Haus aus nicht der Fall. Dafür benötigen Sie ein jQuery-Snippet, das genau das tut.

App-Farbe für den Mobilbrowser festlegen

Den Mobilversionen der Browser lässt sich - vornehmlich unter Android - Farbe geben. Statt in eintönigem Hellgrau erscheint der Mobilbrowser beim Seitenaufruf in Farbe. Ist ganz einfach zu machen und wir zeigen Ihnen wie.

Anruf oder SMS mit dem Divi-Button starten

Während viele Websites Kontaktformulare verwenden, gibt es Zeiten und Geschäfte, die einen direkteren oder dringenden Kontakt erfordern. Hier kann ein traditioneller Telefonanruf oder sogar eine Textnachricht sehr nützlich sein. Hier erfahren Sie, wie Sie im Divi-Theme ganz einfach einen Button-Link einrichten können, der die Telefon-App des Benutzers öffnet und einen Anruf (oder ein SMS) startet.

Navigation im Divi-Theme mit einer erläuternden Textzeile ergänzen

Der Navigation Ihrer Wordpress-Website lässt sich eine zweite Zeile mit zusätzlichem Text hinzufügen - Sie benötigen nur das Menümodul des Divi-Themes und ein paar Zeilen CSS-Code. Die zusätzliche Infozeile kann eine unterhaltsame und hilfreiche Methode sein, um Ihren Menülinks mehr Kontext zu geben. Sie können einen Aufruf hinzufügen, den Link erklären oder den Menüpunkt um eine clevere Phrase ergänzen. Ach ja: Einfach umzusetzen ist das ganze auch noch.

CSS-Styling mit Variablen zentral verwalten und vereinfachen

CSS-Variablen sind ein hervorragender Weg, um dereinst Anpassungen an Ihrer Website vorzunehmen. In einer Bibliothek definieren Sie Farbwerte, Fontgrössen, Abstände und vieles mehr. Bei den CSS-Klassen werden dann nicht mehr die Werte eingesetzt, sondern deren Name in der Library. Das zahlt sich vor allem dann aus, wenn sich dereinst irgend ein Wert ändern sollte.

Werbung

 

Pin It on Pinterest

Share This