Bitte wählen Sie ein Thema aus.
Ein Blitztipp: Falls Sie auf Ihrem Blog Kommentare zulassen stören Sie sich vielleicht am grossen Einzug auf der linken Seite, mit welchem die Unterkommentare und Antworten auf andere Kommentare der BesucherInnen angezeigt werden. Das lässt sich ganz einfach beheben.
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 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.
Im RSS-Feed von Wordpress können Sie Beiträge einfach und automatisch veröffentlichen. Wenn Beiträge bestimmter Kategorien dabei ausgeschlossen werden sollen, können Sie dies ganz einfach einrichten.
WordPress generiert automatisch RSS-Feeds für Websites. Es ist dabei auch möglich, den RSS-Feed mit Beitragsbildern zu ergänzen. Geht ganz einfach.
Heute wagen wir uns an einen der cooleren Tricks aus der Praxis von Dr. Code: Wir bauen einen Schalter, mit dem sich zwischen zwei Modulen (oder Zeilen) hin und her schalten lässt. Egal ob ein Bild-, Formular- oder Textmodul (oder ganz was anderes) und jede beliebige Mischung daraus.
Vielleicht bewirtschaften Sie eine Website, auf welcher sich User registrieren können? Wenn Sie anzeigen möchten, wie viele NutzerInnen Ihre Website bereits hat, können Sie mit einem Trick eine einfache Zählung einblenden.
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 animieren. Wie's geht, zeigen wir in diesem Hack.
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.
Zur Feier des Tages – zum 400. Beitrag auf dieser Website – wieder mal ein echtes Schmankerl: Wir motzen die Beitragsübersicht im Backend auf und fügen ihr neue Filter hinzu. Das ist überhaupt nicht schwierig.
Im Slider-Modul des Divi-Themes lässt sich ein Button – etwa für zusätzliche Information o.ä. – anzeigen. Ab und an bräuchte man aber womöglich einen zweiten oder dritten Button. Ein solcher lässt sich ganz einfach erstellen.
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.
Das Divi-Theme verfügt über das Posttitel-Modul. Damit lassen sich einige zusätzliche Inhalte praktisch anzeigen: Natürlich den Titel, etwa eine Autorenzeile, das Datum, die Kategorien des fraglichen Beitrags – nicht aber die Schlagwörter. Macht nichts. Sie können letztere auf anderem Weg ganz einfach anzeigen lassen.
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.
Die Kopf- oder Fusszeile (Header oder Footer) des Divi-Themes können bei Bedarf auf einzelnen spezifischen Seiten ausgeblendet werden. Das geht ganz einfach – wir erzählen Ihnen wie.
Im Backend von Wordpress wird standardmässig die Zeile «Danke für Ihr Vertrauen in Wordpress» angezeigt. Dieser Text lässt sich leicht ausblenden oder mit einem eigenen Text ersetzen. Wir zeigen Ihnen wie.
Der Divi-Button hilft, Download-Verknüpfungen oder andere Links hübsch zu gestalten. Doch er lässt sich auch leicht zum Stempel umfunktionieren. Ein gestalterisches Element, das vielleicht ab und an hilfreich ist.
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.
Verwenden Sie auch ungeordnete Listen auf Ihrer Website? Ich vermute: ja. Die Bulletpoints wirken aber häufig etwas langweilig. Immerhin: Sie lassen sich leicht mit schöneren Symbolen ersetzen – etwa solche aus dem Divi-Icon-Portfolio.
Wenn Sie Websites für Dritte erstellen, kann es praktisch sein, im Dashboard von Wordpress seine Dienste anzubieten. Ein solches Widget zu erstellen, ist ganz einfach. Wir zeigen Ihnen wie es geht.
Das Kontaktformular-Modul des Divi-Themes zeigt die Namen der einzelnen Felder innerhalb des jeweiliegn Eingabefelds an. Nachteil: Beim ersten eingegebenen Zeichen verschwindet der Feldname. Das muss nicht sein - der Feldname lässt sich nämlich elegant verschieben. Ist gar nicht schwierig.
Heute wieder mal ein ultraschneller Tipp: Wenn Sie möchten, dass sich User nur per Nutzername und nicht mit der Mailadresse ins Wordpress-Backend einloggen können, haben wir hier einen minimalen Hack auf Lager.
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.
Die Gestaltungsmöglichkeiten des Standard-Menüs im Divi-Theme sind beschränkt. Es lässt sich aber noch das eine oder andere herauskitzeln. Heute zeigen wir Ihnen eine einfache Animation für das Standardmenü.
Es kann vorkommen, dass Sie aus Ihrem Wordpress-Administratorkonto ausgesperrt werden und weder Ihr Passwort ändern noch auf Ihre Website zugreifen können. Mit diesem Tweak haben Sie eine zusätzliche Möglichkeit, den Zugang per FTP wiederherzustellen.
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.
Häufig verwenden Plugins oder Hacks den Standardbutton, wie er ihn HTML üblich ist. Doch das können Sie ändern und stattdessen den hübschen Divi-Button anzeigen lassen.
In WordPress-Kommentaren werden eingefügte URL automatisch in Links umgewandelt. Das kann mal praktisch und mal störend sein. Wie man die Funktion ausschaltet, zeigen wir in diesem Tipp.
Im Button-Modul des Divi-Themes lässt sich standardmässig bloss eine einzige Textzeile platzieren. Wem das nicht genügt und wer gerne eine zweite Textzeile hätte, muss ein wenig nachhelfen. Wir zeigen Ihnen wie.
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.
Hinweise, welche auf die Website «gestempelt» werden, sind beliebt und ein auffälliges Element dazu. Oft werden dafür Grafiken verwendet. Das ist aber gar nicht nötig - mit dem Text-Modul des Divi-Themes und etwas CSS-Code geht das ganz praktisch.
Wordpress bietet für Beiträge die so genannten Tags (oder Schlagwörter) an. Damit lassen sich Beiträge gut thematisch ordnen. Oft gäbe es aber einen passenderen Namen als das standardmässige «Schlagwort». Wie ebendiese neu benamst werden können, zeigen wir Ihnen in diesem Hack.
Das Divi-Theme kommt mit einem ansprechenden Galeriemodul daher. Wird es mit Bildern befüllt, wird ein Klick das jeweilige Bild als Popup in der Lightbox anzeigen. Das behagt nicht in jedem Fall – manchmal wäre eine reine Bildershow ausreichend. Darum zeigen wir heute, wie Sie das Bilder-Popup deaktivieren.
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.
Die Portfolio-Übersichten werden out of the box elegant in den Inhaltsbereich «eingeschoben». Das mag einigen der Spielerei zu viel sein. Wer die Liste lieber ohne Slide-In-Bewegung angezeigt erhalten möchte, kann die Animation ganz einfach deaktivieren.
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.
OK: die drei Balken, aus denen das so genannte «Hamburger-Menü» besteht, sind schon eine Weile bekannt. Dennoch haben Sie die Möglichkeit, mitzuteilen, dass das Symbol ein Menü enthält, das erweitert werden kann. Wie's geht? Ganz einfach!
Das Standard-Divi-Menu für die Anzeige auf Mobilgeräten zeigt einen farbigen Rand an. Ich mag das - aber es gefällt nicht allen. Hier ein Hack, wie Sie den Trennstrich los werden.
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 etwas CSS-Code.
Neben dem «normalen» Navigationsmenü hat Divi ein sekundäres Menü spendiert, das wahlweise eingeblendet werden kann. Doch ist es im Divi-Theme von Haus aus nur möglich, dieses Manü linksbündig anzuzeigen. Mit ein wenig CSS-Code ist allerdings noch mehr möglich. Genau datum geht's im heutigen Hack.
Wenn Sie Ihr Divi-Menü zentriert einstellen, sehen Sie auf Ihrem Handy standardmässig «Select Page» vor Ihrer Menüleiste. Um die Aufforderung durch Ihren eigenen Text zu ersetzen oder ihn ganz auszuschalten, benötigen Sie bloss einen kurzen Code. Ersetzen Sie einfach den Text, den Sie anzeigen möchten.
Das Mobilmenü des Divi-Themes können Sie auf die ganze Anzeigehöhe erstrecken. Das kann der Übersicht dienen. Wir zeigen Ihnen wie das geht.
Heute ein Hack, der ist fast schon fertig, wenn Sie mit Lesen beginnen: Wir richten das Mobilmenu des Divi-Themes zentriert aus.
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.
Das Drop-Down-Menü des Divi-Themes wird normalerweise links ausgerichtet dargestellt. Doch die Menüpunkte lassen sich auch zentrieren. Das geht sowohl im Menümodul als auch im Divi-Standardmenü. Wir zeigen Ihnen die Lösung für beide Varianten.
Mit dem Menü-Modul des Divi-Themes können Sie auch ganz einfach einen Farbwechsel des Navigationshintergrunds auslösen. Etwa nach einer bestimmten Scrollhöhe. Wie simpel das ist, zwigen wir Ihnen hier.
Je nach Grösse Ihrer Anzeige und je nach Umfang des Menüs Ihrer Website kann es vorkommen, dass das Menü auf kleineren Monitoren zweizeilig dargestellt wird. Das ist natürlich unschön und wir versuchen es zu verhindern. Hier ein Hack, der helfen kann.
Vielleicht möchten Sie in der Desktop-Ansicht ein anderes Website-Logo zeigen als in der Mobilansicht? Zum Beispiel eines ohne Claim, weil dieser auf Mobilgeräten eh nicht gut lesbar ist? Nichts leichter als das.
Mit dem Bild-Modul lassen sich Bilder ganz einfach in Divi-Websites einbinden. Sie können aber gleich noch ein wenig gestylt und animiert werden. Wie das geht, erfahren Sie in diesem Trick.
Das Slider-Modul des Divi-Themes beinhaltet eine nette Animation für die enthaltenen Texte. Vielen ist das der Spielerei zuviel. Die Animation lässt sich aber auch ganz einfach abschalten.
Ab und an verunstaltet der WYSIWYG-Editor von Wordpress HTML-Code. Definitionen, welche wir zunächst hinterlegt hatten, werden einfach wieder ausgemerzt. Sie können Wordpress dieses Verhalten aber ganz einfach austreiben. Mit ein paar Zeilen Code in der Datei functions.php.
Wenn Sie den Standard-Header verwenden, der mit dem Divi-Theme installiert wird, kann es Ihnen ein Bedürfnis sein, diesen nicht von Beginn weg anzuzeigen. Den Seitenkopf zunächst (und bis zum Scrollen) zu verbergen, geht mit ein wenig Code.
Das Blog-Modul des Divi-Themes kommt standardmässig im Masonry-Look daher. Das bedeutet, dass die Höhe des Blog-Gitters je nach Teaserlänge stark variieren kann. Diese Höhenunterschiede lassen sich jedoch mit JavaScript und ein wenig CSS-Code ausgleichen.
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.
Das Divi-Theme verfügt über ein Akkordeon-Modul, mit dem Text in erweiterbaren Boxen angezeigt werden kann. Wenn Sie eine Aufzählungsliste mit einer Unterliste im Akkordeon-Inhalt verwenden, könnten Sie feststellen, dass nach der Unterliste eine ziemlich grosse Lücke entsteht. Hier erfahren Sie, wie Sie diese Lücke verringern können.
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.
Wenn Sie das Standard-Menü des Divi-Themes nutzen, lässt sich das Website-Logo beim Scrollen mit einem einfachen CSS-Trick auswechseln Wir zeigen Ihnen, wie das geht.
Wieviele Spalten benötigen Sie auf Ihrer Divi-Website? 2, 3, 4, 5 oder 6? Der Builder bietet von Haus aus etwa alle Spalten-Variationen, welche das Herz begehrt. Doch bei 6 ist Ende Gelände. Ausser Sie greifen zu unserem heutigen Trick. Dann können es gerne auch 7, 8 oder 9 Spalten - allenfalls sogar deren 12 sein.
Dem Menü Ihrer Wordpress-Website können Sie neben den normalen Menülinks auch einen Button hinzufügen. Das ermöglicht eine etwas auffälligere Linkdarstellung, die überdies sehr einfach umzusetzen ist.
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.
Ein besonderer Effekt auf Ihrer Website sind Sprechblasen. So können Sie Texte ganz einfach vervorheben und interessante Zusatzinformationen anzeigen. Wie Sie mit dem Divi-Theme Sprechblasen erstellen, zeigen wir Ihnen heute.
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.
Lust auf die etwas anderen Farben? Mit diesem kurzen Snippet können Sie die Farbe der Cursor-Hervorhebung auf Ihrer Divi-Website nach Belieben ändern.
Im Menü-Modul des Divi-Themes wird die Breite der einzelnen Menülinks von der Länge der Linktexte bestimmt. Das passt aber nicht immer. Hier erfahren Sie, wie Sie die Menüpunkte gleichmässig verteilen und deren Breite ausgleichen können..
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.
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.
Wenn Sie das WPML-Plugin für Ihre übersetzten Websites benutzen, werden Sie ab und an Grenzen finden - vor allem, wenn Sie sprachangepasste Inhalte (Texte, Bilder usw.) in Ihren Templates verwenden. Um solche Templates ebenfalls mehrsprachig zu machen, bietet WPML einen praktischen String an, den Sie nutzen können. Wir stellen Ihnen diesen hier vor.
Dem Menü-Modul des Divi-Themes – und ebenso dem Standard-Divi-Menü – lassen sich Trennlinien hinzufügen, welche die einzelnen Menüpunkte optisch abschliessen. Wir zeigen Ihnen wie das mit dem Modul geht und wie es mit dem Standard-Menü funktioniert.
Der Divi-Button lässt sich leicht auf der ganzen Seiten- oder Spaltenbreite anzeigen. Das ist vor allem dann hilfreich, wenn mehrere Buttons untereinander zu liegen kommen und untschiedliche Textlängen auf der Schaltfläche anzeigen. Wie's geht, erfahren Sie in diesem Hack.
Das Kontaktformular-Modul des Divi-Themes zeigt auf der Website eine Bestätigungsmeldung, wenn die Nachricht verschickt wurde. Diese Bestätigung ist reichlich diskret gestaltet und wenig auffällig. Sie lässt sich aber leicht stylen, damit sie weniger übersehen wird.
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.
Der Divi-Button lässt sich auch verwenden, um Module auf der Divi-Website per Klick anzuzeigen oder zu verbergen. Dasselbe funktioniert auch mit Zeilen oder ganzen Sektionen. Wie Sie dies einrichten und umsetzen, zeigen wir Ihnen hier.
Heute ein echter Quicktipp: Eine einzige Codezeile wird benötigt, um im Slider-Modul des Divi-Themes den Hintergrund zwar zu wechseln, den Text aber statisch beizubehalten.
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.
Das Blurb- oder Informationstext-Modul des Divi-Themes ermöglicht es, kurze Textblöcke adrrett darzustellen. Es lässt sich aber auch zu einem eigentlichen Teaser umfunktionieren. Wie Sie dies stylen können, erfahren Sie in diesem Beitrag.
Bullet-Points sehen vielleicht etwas dröge aus. Zumeist ist es ein schwarzer Tolggen, der die Listen sortiert - nun: besser als nix; aber da geht noch mehr. Ersetzen Sie die Standard-Bullets mit einem Icon aus dem Divi-Katalog. Etwa so wie in unserem heutigen Hack.
Wenn die Wiedergabe eines Videos im Divi-Videomodul beendet ist, schlägt YouTube standardmässig verwandte Videos an. Diese sind dazu gedacht, Ihre User zu anderen Kanälen zu führen. Das wollen Sie aber vermutlich nicht. Darum: Hier die Lösung wie Sie Youtube die Videovorschläge austreiben.
Auf den ersten Blick könnte eine Extra-Browser-Back-Taste ein wenig unnötig erscheinen, zumal alle modernen Browser über eine Art Zurück-Schaltfläche verfügen. Nun: es gibt dennoch ab und an Anwendungsmöglichkeiten für die eigene Browser-Back-Taste. Wir zeigen Ihnen hier, wie Sie sowas einrichten.
In Wordpress-Menüs können Sie ganz einfach einen Hinweistext einbauen: Etwa «Neu» oder «Top-Tipp» - wie Ihnen beliebt. Machbar ist solcherlei mit wenig CSS-Code. Wir zeigen Ihnen wie's geht.
Mit dem Informationstext-Modul des Divi-Themes – auch «Blurb-Modul» genannt – lassen sich Teaser ganz einfach anlegen. Und mit ein wenig CSS-Code auch ganz nett aufhübschen. Wir zeigen Ihnen, wie das geht.
Wenn Sie eine neue Website aufbauen werden Sie zweifelsohne oft im CSS-Stylesheet unterwegs sein und Anpassungen vornehmen. Praktisch wäre es, wenn Sie da eine Übersichtsseite mit den gängigsten Darstellungen hätten. So sehen Sie am besten, wie die Stylings zusammenpassen. Ein solches Styling-Showcase ist mit unserem Baukasten-Code schnell erstellt.
Im Kontaktformular-Modul des Divi-Themes lassen sich auch Radio-Buttons und Checkboxes anlegen. Bloss stellt Divi dann diese Felder immer untereinander als Block dar. Mit ein wenig CSS-Code lassen sich die Felder aber auf einer Zeile - eben: inline - oder in Spalten ausrichten.
Geben Sie Ihren HörerInnen einen Bonus und bieten Sie die Möglichkeit, Audios von Ihrer Website herunterzuladen. Mit dem Audio-Modul des Divi-Themes geht das ganz simpel: Sie fügen dem Modul einfach einen Download-Button hinzu.
Ein Bild können Sie auf Ihrer Divi-Website auch mit einem Button oder mit einem Textabschnitt überlagern. Das geht ganz einfach mit ein wenig CSS-Code.
Das Divi-Theme kommt mit einem eigenen Icon-Font daher. Meist wird der sauber angezeigt - es gibt aber ab und an Pannen. Wenn Sie sicherstellen möchten, dass der Divi-Icon-Font in jedem Fall angezeigt wird, sollten Sie den Font in Ihre Website einbinden. Es ist ganz einfach.
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.
Hin und wieder stellen Websites Prozesse dar. Schritt 1, Schritt 2, Schritt 3 usw. Solcherlei lässt sich mit dem Divi-Theme gut bewerkstelligen. Die Schritte lassen sich mit einem Pfeilsymbol verdeutlichen. Wir zeigen Ihnen wie das geht.
Mal eben mit dem Textmarker was markieren – das sollte man natürlich am Monitor nicht tun. Trotzdem zeigen wir Ihnen, wie Sie Text-Highlights hinzufügen können. Gleich fünf Varianten haben wir am Start.
Titeldarstellungen im Divi-Theme lassen sich hübsch gestalten. Heute zeigen wir Ihnen zwei Beispiele, wie Sie die Titelzeile mit einem Rahmen «auffüllen» können. Das ist ein echter Eyecatcher. Und ganz einfach zu machen.
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.
Mit dem Testimonial-Modul des Divi-Themes lassen sich Zitate und KundInnen-Meinungen adrett darstellen. Allerdings gibt es einen kleinen - aber nicht unerheblichen - Bug: Rundet man die Ecken des Moduls ab, wird das Icon des Moduls abgeschnitten. Unser CSS-Code schafft Abhilfe.
Das Login-Formular des Divi-Themes lässt sich so einstellen, dass nach erfolgreicher Anmeldung gleich wieder auf jene Seite umgeleitet wird, auf welcher man zuvor war. Das wird häufig der passende Weg sein - aber nicht immer. Ab und an zöge man vielleicht eine Member-Übersicht des Angebots vor, oder auch eine beliebige andere Seite. Hier erfahren Sie, wie sich dies dauerhaft einrichten lässt.
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.
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.
Heute zeigen wir Ihnen, wie Sie jede beliebige Section auf Ihrer Divi-Website in ein verstecktes Popup verwandeln können. Dieses wird wahlweise beim Laden der entsprechenden Seite direkt angezeigt - oder nach einem Klick auf eine Schaltfläche aktiviert. Dazu benötigen Sie keine Plugins - nur ein paar Zeilen CSS und etwas jQuery.
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.
Hin und wieder möchte man dass das Website-Logo das Navigationsmenü überragt. Weder mit dem Standardmenü des Divi-Themes noch mit dem Divi-Menümodul ist das über die Einstellungen möglich. Trotzdem funktioniert es: Für beide Navigationsarten benötigen Sie unterschiedlichen, aber einfachen CSS-Code.
Font Awesome hat einige Icons im Portfolio, welche sich perfekt für eine simple Animation eignen und sich hernach um die eigene Achse drehen oder pulsieren. Das ist denkbar einfach umzusetzen - wir zeigen Ihnen wie.
Das Divi-Theme bietet von Haus aus eine stattliche Zahl Spaltendarstellungen an. Damit lässt sich schon ganz gut arbeiten – in einzelnen Fällen bräuchte man aber eine andere Aufteilung. Wie Sie dies schaffen, zeigen wir Ihnen in diesem Tipp.
Das Akkordeon-Modul des Divi-Themes bietet keine Möglichkeit, alle Akkordeon-Toggles auf einmal zu öffnen oder zu schliessen. Hier erfahren Sie, wie Sie einen Button hinzufügen, der genau das tut.
Werbung
