Themen
Hier finden Sie sämtliche Themen und alle Tipps und Tricks von Dr. Code. Nutzen Sie die Filter- und/oder Suchfunktion, um Ihr gewünschtes Thema zu finden.
Wir empfehlen Ihnen den Einsatz eines Child-Themes – damit sind Sie sicher, dass Ihre Anpassungen bei einem Theme-Update nicht überschrieben werden. Wie Sie ein Child-Theme erstellen, erfahren Sie im Beitrag «Ein Child-Theme anlegen – ein Must im Webdesign».
Ein Pre-Loader ist in der Regel eine einfache Animation, die angezeigt wird, wenn Ihre Website geladen wird. Er kann äusserst hilfreich sein, wenn eine Website komplex ist und ihre Ladezeit ...
Zugegeben: Der heutige Hack ist eine Spielerei. Und gleich vorneweg: Er lässt sich mit beliebigen Elementen – also auch mit Texten u.ä. – bewerkstelligen. Aber am sinnvollsten (wenn sich denn ...
Heute – zum Anlass des 500. Beitrags aus der Praxis von Dr. Code – stellen wir ein Tutorial zur Verfügung, mit welchem sich ganz einfach eine Lesefortschrittsanzeige auf der Divi-Website ...
Das Portfolio-Modul des Divi-Themes lässt einige Einstellungen zu; jedoch können Sie die Zahl der dargestellten Spalten nicht fix festlegen – es sei denn, Sie setzen CSS ein. Hier erklären wir ...
WordPress bietet die Option an, im Backend den Seiten und Beiträgen Textauszüge (oder Excerpts) zuzuweisen. Wenn Sie diese Auszüge nicht benötigen, kann es übersichtlicher sein, wenn Sie das ...
Wichtige Textpassagen können Sie augenfällig unterstreichen – mit einer kleinen Grafik, die dann exakt unter den hervorzuhebenden Text platziert wird. Wie das geht, zeigen wir in diesem Trick ...
Das Standard-Menü des Divi-Themes zeigt – bei vorhandenem Submenü – einen kleinen Pfeil nach unten an, um anzuzeigen: Da kommt noch mehr. Dieses Symbol lässt sich auf den ersten Blick nicht ...
Mit dem Divi-Theme können Sie einige der gängigsten SocialMedia-Symbole in die Kopf- und Fusszeile einfügen. Diese werden in einer festen Reihenfolge angezeigt. Sie haben aber die Möglichkeit, ...
Das Divi-Theme verfügt über ein Galeriemodul, mit dem Sie Bilder sowohl in einem Raster- als auch in einem Slider-Format anzeigen können. Im Slider-Modus zeigt das Galerie-Modul ...
Die Standardkopfzeile des Divi-Themas enthält ein Suchsymbol, das beim Anklicken ein Suchfeld aufruft. Dieses Suchfeld enthält ein graues «Kreuz»-Symbol, das zum Schliessen des Suchfeldes ...
Das Portfolio-Modul des Divi-Themes zeigt eine Übersicht über ihre Projektposts. Es bietet hübsche Möglichkeiten und doch ist es nicht perfekt. So lassen sich etwa keine Read-More-Buttons ...
Vielleicht wünschen Sie sich, das Logo Ihrer Website beim Scrollen zu verändern? Zum Beispiel nur die Bildmarke ohne Slogan abbilden? Das geht im Standard-Header des Divi-Themes ganz einfach.
Die Beitragsübersicht im WordPress-Backend wird mit der Zeit umfangreich und leider auch unübersichtlich. Vor allem, wer – wie Dr. Code – viele Posts vorbereitet aber noch nicht veröffentlicht ...
Heute mal wieder ein Hack, der überall funktioniert: Die automatische Silbentrennung. Dank eines simplen CSS-Codes geht das auf allen Websites ganz einfach.
Ein Trick, den Sie vielleicht nicht alle Tage einsetzen werden: Das nicht anklickbare Menüelement in WordPress. Das kann z.B. dann praktisch sein, wenn Unterlinks angeboten werden, die ...
Das Portfolio, welches Sie mit dem filterbaren Portfolio-Modul des Divi-Themes erstellen können, zeigt die Kategoriefilter standardmässig als Button. Wenn Ihnen ein Dropdown-Manü besser zusagt, ...
Das Divi-Blurb-Modul (oder Informationstext-Modul) kann mit einem Icon versehen werden. In der Grundausstattung stehen aber nur die Icons aus dem Divi-Portfolio zur Auswahl. Wer da nichts ...
In der WordPress-Mediathek können Sie Bilder und allerhand weitere Dateien ablegen. Was fehlt, ist die Möglichkeit, die Bilder mit Schlagworten zu versehen oder sie Kategorien zuzuweisen. Sie ...
Im WordPress-Backend wird im Abschnitt im Customizer (unter «Design») die Option «Zusätzliches CSS» angezeigt. Dies ist eine praktische Funktion: Sie eignet sich hervorragend, um ein Theme mit ...
Das Divi-Theme wird mit einem Blog-Modul geliefert, mit dem Sie eine Liste von Beiträgen an beliebiger Stelle auf Ihrer Website anzeigen können – komplett mit einem Bild, einem Auszug und einer ...
Wenn Sie wie viele WordPress-NutzerInnen automatische Updates aktiviert haben, wird Ihr Divi-Theme brav im Hintergrund aktualisiert – das spart Zeit und sorgt für Sicherheit. Doch was passiert, ...
Der Standard-Header des Divi-Themes lässt sich mit einem Hintergrundbild versehen. So wie im Kopf dieses Beitrags. Das geht mit ein wenig CSS-Code ganz einfach.
Das Divi Theme hat eine tolle Suchfunktion eingebaut. Diese hat aber einen Haken: Es sind auch Suchen ohne Suchbegriff möglich. Das lässt sich allerdings verhindern.
Vor allem im Responsive-Webdesign stellt uns der CSS-Code ein hilfreiches Utensil zur Seite: Die calc()-Eigenschaft. Werte müssen dabei nicht mehr in Pixel, em oder anderen Einheiten angegeben ...
Haben Sie auch schon neidisch auf Websites geschielt, die ihren Firmenstandort mit Google Maps online anzeigen? Dafür benötigen Sie eigentlich einen bezahlten Code – das so genannte API. Es gibt ...
Das filterbare Portfolio-Modul des Divi-Themes beitet – neben allen anderen Filterbuttons – zusätzlich einen Button mit der Aufschrift «Alle», unter welchem sämtliche Posts angezeigt werden. ...
Die Beitragsbilder, welche im Blog-Modul des Divi-Themes gezeigt werden, sind normalerweise mit dem Beitrag verlinkt. Ein Klick – und der Beitrag wird geöffnet. Falls Sie dies stört, können Sie ...
Die Standard-Fusszeile des Divi-Themes bietet die Möglichkeit, SocialMedia-Icons zu platzieren. Schön und gut; doch die Gestaltungsmöglichkeiten dieser Icons sind eher dürftig. Mit ein wenig ...
Besonders wenn Ihre Website über mehrere Domains erreichbar ist, kann es vorkommen, dass Sie Content-Doubletten an Google & Co. weitergeben. Diese strafen Sie dann ab mit schlechterer ...
Tool-Tipps sind kleine Erklärungstexte, welche beim Hovern z.B. über einen Text angezeigt werden. Die Tool-Tipps erscheinen meist in langweiligem grau-in-grau. Doch das muss nicht sein. Richtig ...
Responsive-Webdesign ist fraglos wichtig. Doch bei Bildern ist das nicht ganz ohne. Dabei können Sie auch mit einfachem HTML Bildversionen anzeigen lassen, die zur Desktop- oder Mobilversion ...
Weitere Informationen auf Ihren Seiten und in Ihren Beiträgen zu verlinken, ist bestimmt eine gute Idee. Richtig auffällig wird der Link aber erst dann, wenn Sie ihn als Button darstellen. Geht ...
In unserer kleinen «Call-To-Action»-Reihe haben wir eine weitere Gestaltungsidee: Den diagonal abgeschrägten Button, der beim Hovern gerade Kanten erhält. Ist ganz einfach zu machen.
Teil 3 unseres «Call-To-Action»-Specials: Der Link, der zu einem Hover-Button mitsamt Icon wird. Augenfällig und gefällig.
Animierte Farbverläufe sind ein echter Eyecatcher - genau das soll der Handlungsaufruf ja auch sein. Wie Sie beim Hovern einen hübschen Farbeffekt hinzaubern, erfahren Sie heute.
Mit Filtern lässt sich im Webdesign so einiges anstellen. Nach der Anwendung des heutigen CSS-Effekts werden die Miniaturansichten Ihres Blogs, Portfolios oder Shops beim Hovern zu ...
Ein Hack, der vor allem bei hochformatigen Logos interessant sein kann und der einen Trick aus der Praxis von Dr. Code ergänzt: Das überlappende Logo, welches beim Scrollen automatisch ...
Das Menü-Modul des Divi-Themes lässt sich links oder zentriert ausrichten – jedoch nicht rechtsbündig darstellen. Wenigstens nicht mit den Layout-Einstellungen, welche innerhalb des Moduls ...
Der Mauszeiger kann auf unterschiedlichste Arten dargestellt werden. Zumeist erkennen Webbrowser die gerade benötigte Darstellung von alleine. Wenn Sie nachhelfen müssen – oder eine andere ...
Kennen Sie das? Sie bearbeiten einen bestehenden Beitrag im Visual-Builder des Divi-Themes. Und jedes mal, wenn Sie den Cursor an eine neue Stelle setzen, poppt ein Styling-Menu auf. Das kann ...
Moderne Internet-Browser können viele verschiedene Dateiformate darstellen. Beispielsweise ist es möglich, PDFs oder Bilder im Browser zu öffnen – ohne vorherigen Download. Doch ebendieser ...
Lange Wörter – besonders in Überschriften und Titeln – können dazu führen, dass in der Mobilansicht unschöne Umbrüche entstehen. Mit ein wenig CSS-Code eliminieren Sie dies.
Heute wenden wir uns einem Fall zu, der vor allem bei hochformatigen Website-Logos auftritt: Es wird im Standard-Header des Divi-Themes entweder sehr klein dargestellt oder dann in einem ...
Offen gestanden: Wir haben uns lange überlegt, ob wir diesen Hack vorstellen wollen. Der Vollständigkeit halber tun wir es. Die Deaktivierung des Kontextmenüs – bzw. des Rechtsklicks – schränkt ...
Im «Visuellen Builder» kann im Divi-Theme auch der Header und der Footer bearbeitet werden. Das ist eigentlich ganz praktisch – wer aber nicht genau weiss, was er/sie tut, kann auch ganz viel ...
Heute zeigen wir Ihnen einen hübschen Gestaltungs-Trick: Das beliebige Divi-Element, das sich in einer Lightbox öffnet. Das eröffnet tolle Möglichkeiten bei der Webgestaltung.
WordPress bietet eine praktische Option an, um noch unveröffentlichte Beiträge insgeheim zu veröffentlichen. So können Sie Posts etwa gegenlesen lassen - einfach den Freigabelink weitergeben und ...
Bei der Gestaltung der Website kann es leicht passieren, dass die Überschriften und Titel in der Mobilansicht zu gross geraten. Besonders wenn die Mobilanzeigen die Schriftart-Grösse gleich ...
Kennen Sie den progress-Tag in HTML? Oder den meter-Tag? Die beiden haben es in sich, werden aber irgendwo zwischen selten und kaum genutzt. Zeit, die beiden Tags einmal genauer anzusehen. Mit ...
Dateien wie die funtions.php (oder auch Plugin-Dateien) sind zentral und wichtig für das Funktionieren Ihrer WordPress-Website. Wenn Sie wollen, können Sie die Dateien schützen, damit diese ...
Mit dem Karten-Modul des Divi-Themes können Sie auf einfache Weise eine Google-Karte auf Ihrer Website einblenden. Diese wird farbig dargestellt – hin und wieder passt aber die Kartenfarbe nicht ...
Heute mal eine etwas andere Geschichte. Kein Code, kein Hack – stattdessen nehmen wir uns dem Phänomen «DeepFakes» an. Mit wenigen Klicks lässt sich nämlich im Netz mit künstlicher Intelligenz ...
WordPress bietet zwar bereits eine Möglichkeit, Beiträge per E-Mail zu erstellen; allerdings basiert diese Funktion auf dem POP3-Protokoll, das in die Tage gekommen ist und bei einigen ...
Texte in einem Textmodul des Divi-Themes können Sie vorzüglich mit einer Focus-In-Animation zum Eyecatcher umwandeln. Die Texte werden zunächst unscharf und gedehnt dargestellt und werden dann ...
Ein weiterer Hingucker: Der Text, der auf der Seite aufpoppt und dem/der BetrachterIn zum Schein entgegenspringt. Einfach zu machen mit ein wenig CSS-Code.
Im heutigen Eyecatcher-Trick zeigen wir Ihnen, wie Sie den Hintergrund eines Divi-Moduls automatisch wechseln können. Das schafft Aufmerksamkeit dort, wo Sie es wollen.
Ein Trick, der sich ganz besonders für Buttons eignet, auf welche Sie die Aufmerksamkeit lenken möchten: Der Shake-Effekt. Ganz einfach zu machen – wir zeigen Ihnen wie.
Der Browser kann Webseiten als Vollbild-Variante darstellen. Bei dieser wird eine Webseite auf die ganze Bildschirmgrösse ausgedehnt. Dabei verschwinden Bedienelemente wie Titelleiste, Menüs und ...
Eine Leserin des Dr.-Code-Blogs hat uns vor einiger Zeit gefragt, wie sich Webaktionen für Schnellentschlossene in Divi machen lassen. Beispielsweise einen 50-%-Rabatt für SofortbestellerInnen. ...
Der WordPress-Editor erscheint standardmässig als Fenster, in welchem man noch ganz viel weitere Dinge sieht. Oft ist das praktisch. Doch ab und an - besonders bei längeren Artikeln - wäre das ...
Wenn Sie möchten, dass Divi ausschliesslich Produkte Ihres Webshops durchsucht, sollten Sie sich diesen Hack zu Gemüte führen. Beiträge und Seiten lassen sich für die Shopsuche nämlich ganz ...
Geht es Ihnen wie mir? Ödet Sie die Login-Seite Ihrer WordPress-Website an? Sie können Sie ganz einfach stylen - so dass sie bestens zu Ihrem Webauftritt passt. Heute zeigen wir Ihnen wie das geht.
Links in Lauftexten sind beliebt, um weiterführende Infos bereitzustellen. Mit ein wenig CSS lassen sich solche Verknüpfungen auch ganz einfach hervorheben und sogar animieren, wenn der ...
Sobald Sie sich als AdministratorIn oder RedaktorIn in Ihr WordPress-Backend einloggen, erscheint ständig die einschlägige (meist schwarze) Navigationsleiste am oberen Browserrand. Egal, ob Sie ...
Member-Bereiche sind beliebt und in WordPress einfach machbar. Sie können in einem WordPress-Menü auch einen Link zur Anmeldung/Abmeldung hinzufügen. Das geht ganz einfach.
Das Standard-Menü des Divi-Themes lässt sich (nebst dem horizontalen Layout) auch vertikal anlegen. Ab und an bedarf aber die Standardbreite dieses vertikalen Menüs einer Korrektur. Mit ein ...
Wenn sich Userinnen und User auf der WordPress-Seite anmelden, landen Sie stets auf derselben Seite. Diese kann nicht immer dem Idealfall entsprechen – das Weiterleitungsziel nach dem Login ...
Ab und an verwenden wir in WordPress Custom Post Types oder Custom Taxonomies, die wir bloss als Teil der Beiträge verwenden. Sie sollen nicht auf einer Übersichtsseite landen und sie sollen ...
Der «Senden»-Button im Divi-Kontaktformular-Modul wird von Haus aus rechtsbündig dargestellt. Es gibt keine Möglichkeit, den Button zentriert oder links auszugeben. Oder doch? Mit ein wenig CSS ...
Heute zeigen wir Ihnen einen Trick – raten Ihnen aber gleichzeitig auch davon ab. Der interne CSS-Editor in WordPress kann nämlich ab und an ganz gehörig nerven. Er gibt bisweilen auch bei ...
Texte auf Websites lassen sich markieren. Der Inhalt der Markierung kann dann z.B. kopiert und woanders eingefügt werden. Den Hintergrund und die Textfarbe der Markierung können Sie steuern. ...
WordPress bietet eine ständige Überwachung der Website an. Wenn etwas nicht korrekt funktioniert, wird im Backend der Website eine Meldung mit Empfehlungen ausgegeben. Wer das nicht möchte, kann ...
Wenn Sie einzelne Seiten oder Beiträge im WordPress-Backend ausblenden möchten – etwa um zu verhindern, dass diese geändert werden – können Sie diese Inhalte in den Übersichtslisten (unter ...
Wenn Sie ein vertikales Menü verwenden, vermissen Sie vielleicht eine Option, dieses immer anzuzeigen – auch dann, wenn einE BesucherIn der Website nach unten scrollt. Doch auch andere Inhalte ...
Die Reiter im Tab- oder Registerkarten-Modul des Divi-Themes lassen sich mit einer zweiten Zeile versehen, die etwas mehr über den Inhalt breisgeben. Wie das geht, zeigen wir im heutigen Hack.
Die Divi-Galerie lässt sich Bild für Bild in einer Lightbox öffnen, ohne die eigentliche Galerie auf der Seite anzuzeigen. Die Photoshow kann per Klick auf einen Link oder Button ganz einfach ...
Die WordPress-URL lässt sich zwar im Backend festlegen – dort jedoch auch (versehentlich) überschreiben. Dann kann es haarig werden und ein Krampf, bis man wieder Zugriff aufs WordPress-Backend ...
Das Galerie-Modul des Divi-Themes zeigt in der Gitter- (oder Grid-)Ansicht eine fixe Anzahl Bilder nebeneinander an, die sich in den Einstellungen nicht beeinflussen lässt. Die Zahl der Spalten ...
Vielleicht kennen Sie es und Sie hatten schon einmal Probleme im Layout Ihrer Divi-Website erlebt, bei denen sich Elemente nach Belieben verhalten? Abstände und Zwischenräume, die so gar nicht ...
Das Divi-Theme verfügt über ein filterbares Portfoliomodul, mit dem Sie eine Liste von Projekten nach Kategorien filtern können. Standardmässig werden zunächst alle Kategorien angezeigt. Wenn ...
Der Divi-Builder ist praktisch; ab und an möchte man aber womöglich darauf verzichten: Für Bleiwüsten auf Pflichtseiten - wie etwa das Impressum oder die Datenschutzerklärung - möchte man ...
Lazy Loading ist eine Technik, bei der Bilder und andere Ressourcen nur dann geladen werden, wenn sie im sichtbaren Bereich des Users erscheinen – das verbessert die Ladezeiten. WordPress hat ...
Sehr grosse und hohe Bilder können im Divi-Theme ganz einfach scrollbar eingebunden werden. Das ist total simpel und kann auch mal hilfreich sein. Der Trick, der zeigt wie's geht, folgt hier.
Das Kontaktformularmodul des Divi-Themes wird mit einem CAPTCHA geliefert, das standardmässig aktiviert ist, wenn Sie ein Kontaktformularmodul zu Ihrer Seite hinzufügen. Das Divi-Captcha fügt ...
Vor Wochenfrist haben wir einen Beitrag zum Blurb-Modul des Divi-Themes veröffentlicht, in dessen Folge zahlreiche Anfragen für besondere Stylings eingetroffen sind. Darum schieben wir heute ...
Das Divi-Theme bietet ein Registerkarten-Modul (oder Tab-Modul) an, mit welchem sich Detailinformationen aller Art darstellen lassen. Jedoch hat das Modul in der Standardausführung bloss einen ...
Das Informationstext- oder Blurb-Modul des Divi-Themes bietet von Haus aus keinen Button. Macht nichts: Ein Button lässt sich einfach nachrüsten – sogar animiert, wer’s so besser mag.
Der heutige Tipp ist gleichsam ein kleines Weihnachtsgeschenk an die Besucherinnen und Besucher der Dr. Code-Praxis: Wir bauen eine Divi-Seite, auf welcher Sie mit dem Mausrad punktgenau von ...
Auf den Standard-Übersichtsseiten Ihres WordPress-Blogs fügt das System einen Weiterlesen- oder Read-More-Link an. Den Text können Sie jedoch leicht anpassen – das ist besonders dann vonnöten, ...
Den Benutzerprofilen im WordPress-Backend lassen sich leicht neue Kontaktfelder hinzufüfgen. Etwa den Facebook- oder Twitter-Feed. Wie das geht, zeigen wir Ihnen hier.
Das Blog-Modul des Divi-Temes präsentiert die veröffentlichten Beiträge ganz hübsch. Wenn aber die Höhe der Teaser – wegen sehr unterschiedlichen Umfängen – stark differiert, kann das unschön ...
Das Button-Modul des Divi-Themes bietet die Möglichkeit, neben der Tastenbeschriftung ein Icon anzuzeigen. Dabei kommt jeweils ein Symbolbild aus dem Portfolio der Divi-Icons zum Zug. Doch ...
Das Accordion- oder Akkordeon-Modul des Divi-Themes weist ein Icon rechts der angezeigten Titel auf. Doch wenn der Accordion-Inhalt geöffnet wird, verschwindet dieses Icon. Das lässt sich ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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. ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 – ...
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 ...
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 ...
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 ...
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 ...
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 ...
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. ...
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 ...
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, ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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. ...
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ü. ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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, ...
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 ...
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. ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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, ...
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 ...
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 ...
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 ...
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 ...
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, ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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. ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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. ...
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 - ...
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 ...
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.
Mit einem Button lassen sich Texte expandieren und wieder verstecken. Damit lassen sich Infos bereitstellen, ohne, dass die Website zur Bleiwüste wird. Try it.
Das Submenü im Divi-Theme lässt sich in den Design-Optionen des Menü-Moduls zwar stylen - so richtig anpassen können Sie die Submenüs aber bloss mit CSS. Die dafür nötigen Klassen haben wir in ...
Mit dem Menu-Modul des Divi-Themes lassen sich auch Submenüs darstellen - es gibt aber keine Option, solche Submenüs auch ständig anzuzeigen, wenn die übergeordnete Seite aktiv ist. Mit ein ...
Die Submenu-Links im Divi-Theme werden normalerweise angezeigt, wenn man die Maus über den höher eingeordneten Menülink bewegt - beim hovern also. Doch das ganze funktioniert auch per Mausklick. ...
Wie lange dauert es eigentlich noch bis zum Jahreswechsel? Mit einem Countdown, bestehend aus ein klein wenig JavaScript-Code, verpassen Sie den Jahreswechsel ganz bestimmt nimmer. Wir zeigen ...
Die meisten Kontaktformulare zeigen Beschriftungen über den Eingabefeldern. Im Divi-Formularmodul sind diese Feldbeschriftungen standardmässig nicht sichtbar. Mit einem CSS-Snippet werden die ...
Weihnachtszeit - einfach herrlich. Lassen Sie es heute mal schneien auf Ihrer Website. Mittels eines kleinen JScripts, das wir Ihnen zur Verfügung stellen.
Wenn auf Ihrem Webserver ein SSL-Zertifikat installiert ist - was hoffentlich heute überall der Fall ist -, können Sie Ihre WordPress-Installation zwingen, den SSL-Modus für die sichere ...
Dies ist der 300. Trick aus der Praxis von Dr. Code, den wir Ihnen auf dieser Website vorstellen können. Uns freut dieses Jubiläum. Und darum bauen wir heute eine Timeline - ganz ohne Plugins ...
Unlängst haben wir Ihnen gezeigt, wie Sie Separatoren im Divi-Menu-Modul platzieren. Das funktioniert natürlich auch, wenn Sie das Standard-Menu des Divi-Themes verwenden. Der CSS-Code ist ...
Das Menu-Modul des Divi-Themes kennt zahlreiche Einstellungsmöglichkeiten. Aber nirgends lassen sich Separatoren zwischen den einzelnen Menupunkten festlegen. Mit diesem Trick gelingt auch dies.
Das Divi Menu-Modul verfügt über keine Hover-Stile, abgesehen von einer einfachen Änderung der Linkfarbe. Hier finden Sie eine Liste von sieben verschiedenen Hover-Effekten mit animierter ...
In der Standardeinstellung können Sie in der Beitragsübersicht von WordPress Beiträge nach der integrierten Taxonomie «Kategorien» filtern, und zwar über ein übersichtliches, ...
Im Divi-Theme ist ein Portfolio-Modul enthalten, welches mit Filtern dargestellt wird. Wechselt man den Filter werden die anzuzeigenden Beiträge elegant von links nach rechts ins Bild geschoben. ...
Das Button-Modul im Divi-Theme bietet eine Fülle von Anpassungsmöglichkeiten. Sie können die Farbe, das Symbol, den Hover-Stil, die Animation und die Position ändern. Aber was, wenn Sie über das ...
Heute ein interessanter Animationseffekt: Texte werden quasi live am Monitor geschrieben. Dieser Typewritereffekt startet, sobald die Seite geladen wird. Sie benötigen bloss einige Zeilen ...
Das Divi-Theme enthält ein Portfoliomodul mit Filtern, mit dem Sie Ihre Projekte zusammen mit Registerkarten-Schaltflächen anzeigen können. So können Ihre User bestimmte Projektkategorien zur ...
Während das Divi-Theme das Headermenu standardmässig am Seitenkopf fixiert, lässt Divi das Menu in der Mobilansicht verschwinden. Die Überlegung dahinter gründet im Platzbedarf: Auf den kleinen ...
Von Haus aus stellt WordPress für Beiträge die «Kategorien» zur Verfügung. Dieser Begriff passt häufig - jedoch längst nicht immer. Er lässt sich denn auch sehr einfach anpassen. Wir zeigen ...
Besonders Preislisten oder andere Tabellen werden schnell mal unübersichtlich: User können die Zeile «verlieren». Sie können helfen und das Auge beim Lesen «führen». Das geht ganz einfach.
Die Divi-Standardkopfzeile kann mit einer sekundären Kopfzeile konfiguriert werden, die unter anderem eine Telefonnummer und eine E-Mail-Adresse anzeigt. Wenn Sie jedoch eine mit dem ...
Es ist üblich, die Anzahl der Jahre, die ein Unternehmen bereits im Geschäft ist, auf seiner Website anzugeben, vor allem auf der Info-Seite. Bloss veralten diese Angaben jährlich - und Updates ...
Standardmässig zeigt das Divi-Portfoliomodul Projekte in chronologischer Reihenfolge an, basierend auf dem Datum, an dem das Projekt veröffentlicht wurde, wobei das neueste Projekt an erster ...
Das Divi-Theme bietet neben allerhand einleuchtenden Modulen auch das Code-Modul. Still und leise fristet es sein Dasein - dabei hat es echt Power unter der Haube. Eine Würdigung des oft ...
Ab und an passt die Grösse des Website-Logos im Divi-Theme in der Desktop-Ansicht gut - auf Mobilgeräten jedoch kommt es zu gross - manchmal auch zu klein - daher. Mit einem einfachen Trick ...
Das Divi-Theme kann Ihr CSS-Stylesheet in einen Cachespeicher schreiben. Das hat Vorteile: Das Stylesheet wird nicht bei jedem Seitenaufruf aus der Datenbank eingelesen, sondern liegt der ...
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 ...
Normalerweise stellt Divi die zu präsentierenden Inhalte mit gebührendem Abstand an. Jedoch lassen sich auch mit dem Divi-Theme Inhalte überlappen - etwa Textblöcke. Wie's geht, zweigen wir ...
Wer im Backend der WordPress-Installation hantiert, kennt den schwarzen Balken am Seitenkopf, welcher angezeigt wird, solange man eingeloggt ist und über den sich einige ...
Wenn Ihre User eine Suchanfrage auf der Website starten und die Suchergebnisseite angezeigt wird, sind die Ergebnisse nach dem Veröffentlichungsdatum des Beitrags geordnet. Manchmal möchte man ...
Datumseingaben in WordPress-Feldern lassen sich ganz einfach umformatieren: Hat man etwa 01.10.2023 - etwa als Geburtsdatum - in einem individuellen Feld erfasst, lässt sich dieser String ganz ...
Unter WordPress lassen sich Seiten und Beiträge passwortgeschützt veröffentlichen. Wird dann der Inhalt aufgerufen, erscheint zunächst eine Passwortabfrage, welche im Divi-Theme aber reichlich ...
Wenn Sie den Standardheader des Divi-Themes verwenden, können Sie beim Scrollen ganz einfach ein anderes Logobild anzeigen lassen. Zum Beispiel ein Bild, das keine Textsubline enzhält, weil ...
Womöglich verwenden Sie auf Ihrer Website Elemente, welche an verschiedenen Stellen erscheinen, und die immer überall gleich dargestellt werden sollen. Beispielsweise für die Öffnungszeiten ...
Das Divi-Theme blendet von Haus aus einen Header ein. Darin erscheint etwa das Menu und zusätzlich noch ein Logo. Ab und an möchte man aber diesen Standard-Header vollständig ausblenden - etwa ...
Haben Sie schon einmal versehentlich einen Artikel veröffentlicht, bevor er hätte online gehen sollen, weil der Beitrag nicht ganz vollständig war? Das haben wir alle schon erlebt. Mit einem ...
Das Footer-Menu im Divi-Theme ist von Haus aus immer links ausgerichtet. Eine Option, um es zu zentrieren oder rechtsbündig anzulegen, sucht man vergebens. Dennoch ist das möglich: mithilfe von ...
Divi enthält ein Galeriemodul, mit dem Sie ein Raster von Bildern anzeigen können. Wenn Sie darauf klicken, öffnen sich diese Bilder in einem Leuchtkasten. Wenn Sie dieses Galerie-Popup stärker ...
WordPress sieht «Out of the Box» keine Breadcrumb-Navigation vor. Dabei ist eine solche besonders bei umfangreichen Webprojekten hilfreich und sinnvoll - auch weil Suchmaschinen die Breadcrumbs ...
Gleich vorneweg: Dieses Snippet ist nicht ungefährlich. Es löscht alle Beitragsbilder aus allen Beiträgen. Wir empfehlen Ihnen, ein Datenbank-Backup zu erstellen, bevor Sie sich an die Arbeit ...
WordPress erlaubt einige Optionen, welche im Backend unter «Einstellungen» festgelegt werden können. Aber unter dem Deckel ist da noch mehr: Dutzende - wenn nicht hunderte - von zusätzlichen ...
Heute zeigen wir Ihnen eine kleine Verbesserung, die Ihrem Designprozess zu mehr Effizienz verhelfen kann. Wir zeigen Ihnen wie Sie die Standardhöhe (min. und max.) und die Standardbreite (min. ...
Bilder, welche im Gutenberg-Block-Editor von WordPress eingefügt werden, erhalten immer das Standardformat «gross», welches seitens WordPress mit 1024px festgelegt wird. Wer andere Formate ...
Standardmässig bleiben Sie bei WordPress zwei Wochen lang angemeldet, wenn Sie beim Login die Option «Angemeldet bleiben» aktivieren. Doch dieser Zeitraum lässt sich verlängern - oder eben auch ...
Die übliche Umleitung via die Datei .htaccess leitet Anfragen genau so weiter, wie sie eintreffen. Das ist eigentlich gut und hilft, damit Suchmaschinen keine toten Links produzieren. Doch wenn ...
Das Suchmodul des Divi-Themes liefert gute Resultate - aber es wäre manchmal hilfreich, wenn auch gleich die Zahl der Treffer angezeigt würde. Das geht mit ein wenig Code in der Datei functions.php.
Icons sind eine tolle Möglichkeit, das Menü der Website interessanter zu gestalten. Das richtige Icon sieht gut aus und gibt dem Nutzer einen Hinweis darauf, worum es sich bei dem Link handelt. ...
Wann immer Sie ein Bild in Ihre WordPress-Mediathek laden geschieht es: WordPress erstellt automatisch eine Anhangseite, welche unter einer eigenen URL erreichbar ist und das Bild darstellt. ...
Mit dem Divi-Modul «Blurb» (zu deutsch: «Informationstexte») lassen sich Zusatzinformationen in einer Box vorzüglich neben Texten platzieren. Das Modul lässt sich mit einem Icon versehen, das ...
Mit einem ganz einfachen Trick kann der Button im Divi-Theme mit einem sanften 3D-Effekt versehen werden. Bewegt man dann die Maus über die Schaltfläche wird diese (mit Schein) etwas angehoben.
Standardmässig macht das Divi-Theme aus jedem Menü auch eine mobile Variante für Tablets und Mobiltelefone. Das ist meist patent - oft braucht man auf diesen Geräten aber kein Footer-Menu. Wenn ...
Wenn man auf einer Divi-Website mit der Maus über ein Bild hovert, wird dort der Name des Bildes als Text eingeblendet. Das stört bisweilen - es lässt sich aber einfach ausschalten. Wir zeigen ...
Das Divi-Theme beinhaltet ein adrettes Zählermodul. Doch standardmässig zeigt dieses stets ein Prozentzeichen als Einheit an. Das passt natürlich nicht immer. Sie können das Zeichen aber auf ...
Besonders wenn mehrere Administratoren an Ihrer WordPress-Website arbeiten, kann es schon mal geschehen, dass Sie sich gegnseitig ins Gehege kommen und mehrere Personen Änderungen an den Themes ...
Das Plugin «Advanced Custom Fields» (ACF) ermöglicht es, die spartanischen Custom Fields von WordPress im Backend adrett und bedienungsfreundlich darzustellen. Das Plugin schaltet aber auch ...
Das Divi-Theme kommt mit einem Informationstext-Modul (auf englisch: Blurb-Modul) daher. Problem: Nur der Titel und das Icon sind anklickbar. Wenn Sie das gesamte Modul verlinken möchten, dann ...
Der WordPress-Gutenberg-Editor schaltet eine Sicherheitsabfrage beim Veröffentlichen eines Inhalts auf der WordPress-Website. So sollen unvollständige Inhalte nicht versehentlich publiziert ...
Das Divi-Theme bietet ein Galeriemodul, mit dem Sie eine Diashow von Bildern in Ihren Beiträgen anzeigen können. Mit einem Hack - bestehend aus PHP-Code - können Sie die enthaltenen ...
RSS-Feeds sind ganz patent: Besucherinnen und Besucher können einen RSS-Feed abonnieren und erhalten zukünftige Veröffentlichungen einer Website automatisch zugestellt - etwa per Mail oder auf ...
Animierte Bilder und Texte sind eine grossartige Funktion, die Aufmerksamkeit erheischen und Ihre Website von anderen unterscheidet. Wir zeigen Ihnen hier, wie Sie ihren Bildern und anderen ...
Nach wie vor erfreut sich der klassische WordPress-Editor grosser Beliebtheit. Trotz des Gutenberg-Editors, der für viele WordPress-Admins nach wie vor ziemlich suspekt ist. Ich selbst gehöre ...
Die Datei wp-config.php liegt im Serververzeichnis einer jeden WordPress-Installation. Sie ist gewissermassen die Schaltzentrale von WordPress und beinhaltet auch sensible Daten - wie etwa die ...
WordPress bringt einen Code-Editor mit, in dem die Dateien des Themes und Plugin-Dateien geändert werden können. Falsch benutzt ist jedoch der Theme-Editor eine Sicherheitsrisiko. Der Editor ...
Sinnvollerweise beschränkt man sich in URLs auf eine einheitliche Schreibweise. Am besten ist alles in Kleinbuchstaben - das ist am üblichsten und am einfachsten. WordPress kann dazu erzogen ...
WordPress liefert ein Widget für Kategorien und Schlagworte mit. Damit lassen sich die verwendeten Taxonomien praktisch anzeigen und auch gleich mit den entsprechenden Übersichtsseiten ...
Die Module Portfolio und filterbares Portfolio des Divi-Themes haben einige Einschränkungen: Der Titeltext und der Metatext (Kategorie) befinden sich unter dem Bild. Was aber, wenn Sie das ...
Die beiden Divi-Theme-Module «Toggle» (bzw. «Umschalter») und «Accordion» (auch «Akkordeon» genannt) ähneln sich stark - und doch sind beide verschieden. In diesem Beitrag zeigen wir Ihnen den ...
Die Menüs auf der WordPress-Website öffnen Links standardmässig im selben Fenster. Doch das ist nicht immer ideal - ab und an sollte vielleicht auch ein Menülink im neuen Fenster oder Tab ...
Im Divi-Theme können Sie die Titel und Überschriften via Customizer stylen. Es geht aber auch via CSS und wirkt global. Heute geben wir Ihnen einen kleinen Bausatz für individuell gestaltete ...
Im Bild-Modul des Divi-Themes lassen sich ALT-Texte, welche etwa das abgebildete Bild in Worten beschreiben, problemlos erfassen. Ebenso die Title-Tags. Wer aber - und das tun sicher viele - ...
Ist Ihnen schon einmal aufgefallen, dass die Divi Toggle- und Accordion-Module schwer anzuklicken sind? Der klickbare Bereich ist nur so hoch wie der Text selbst - also etwa 1/4 der Höhe des ...
Es gibt zahlreiche Plugins im WordPress-Directory, welche das Duplizieren bestehender WordPress-Beiträge und/oder -Seiten erlauben. Das ist zwar praktisch; es geht aber auch ganz ohne Plugin – ...
Das Divi-Theme lässt sich in WordPress automatisch aktualisieren. Das ist eigentlich keine schlechte Idee, denn Themes und Plugins sollten aktuell gehalten werden, um Sicherheitslücken zu ...
Formulare sind beliebt im Internet. Kaum eine Website, die ohne Formulare auskommt. Sie können den Usern bei der Orientierung aber zusätzlich helfen, wenn Sie ihnen zeigen, wo genau sie sich im ...
Das Blog-Modul des Divi-Themes ist recht beschränkt, was die Einstellungsmöglichkeiten für die Ausgabe betrifft. Vor allem hinsichtlich Spalten wünscht man sich oft mehr Optionen. Die gibt es ...
Die Standardlänge des WordPress-Auszugs ist oft zu kurz, um die Zusammenfassung eines Beitrags zu beschreiben. Sie können aber die Länge des Auszugs jederzeit ändern.
Das Menümodul des Divi-Themes lässt einige Einstellungen zu: Logo und Menü zentrieren; Logo links und Menü rechts - was aber fehlt, ist die Option das Menü links und das Logo rechts ...
Das Divi-Theme ist ein ausgeklügeltes Tool mit zahlreichen Vorteilen und vielen Einstellungsmöglichkeiten – aber manchmal stehen wir vor einer Nische oder einer speziellen Herausforderung, die ...
Ab und an ist der Begriff «Beiträge» – wie er im WordPress-Backend automatisch angelegt wird – nicht ganz treffend. Die Beiträge lassen sich denn auch leicht mit einem anderen Begriff versehen ...
Beiträge mit Beitragsbildern werden im Blog-Modul des Divi-Themes ansprechend dargestellt. Was aber, wenn Sie keine Beitragsbilder verwenden? So macht es auch Dr. Code. Sie haben aber auch ohne ...
Die Themes Ihrer WordPress-Installation sollten möglichst aktualisiert werden. Das ist im Grundsatz sicher gut. Ab und an bringt aber eine neue Theme-Version mehr Probleme als Segen. Im ...
Als das WWW in den 90er-Jahren immer populärer wurde, war noch nicht viel los in Sachen Animationen. Ein Auswuchs von seinerzeit: Blinkende Texte. Diese vermochten richtig zu nerven und der ...
Nun: Es ist schon eine Weile her, dass Laufschriften als «state of the art» auf gefühlt jeder zweiten Website zu finden waren. Als HTML noch nicht viel konnte und der Content meist regungslos da ...
Besucherinnen und Besucher von Websites überlegen meist sehr gut, wieviel Zeit sie in das Lesen eines Beitrags investieren wollen. Mit einem einfachen Code können Sie die benötigte Lesezeit für ...
Vielleicht geht es Ihnen wie mir: Die Startseite meiner Website ist im Backend unter «Seiten» wohl gelistet, ich muss mich aber alphabetisch bis zur dritten Seite durchhangeln. Unpraktisch, ...
Dieser Tipp funktioniert nicht ganz überall. Auf dieser Website etwa, zeigt er keine Wirkung. In anderen WordPress-Installationen funktioniert er aber - darum zeigen wir Ihnen, wie man ...
Das Website-Logo lässt sich im Divi-Menü zentriert darstellen. Es erscheint dann oberhalb der Navigationspunkte. Besonders wenn man dann das Menümodul auf «sticky» trimmt, bleibt so beim ...
Das Button-Modul des Divi-Themes umfasst ja bereits einige Einstellungsmöglichkeiten. Ein paar zusätzlich Spielereien sind aber allemal drin. Zum Beispiel können Sie den Schaltflächen beim ...
Technisch ist es möglich, eine fremde Website mit Bildern zu illustrieren, welche auf Ihrer Website liegen. Statt eines Bildes auf dem eigenen Server, verweist man im Quelltext einfach auf einen ...
Die Blog-Übersichten im Divi-Theme bieten schon einige Möglichkeiten zum Styling. Doch richtig cool wird die Bildwelt, wenn Sie mit ein paar CSS-Tricke noch ein wenig nachhelfen. Zwei ...
Drei Bilder nebeneinander stellen? Das kann jede und jeder. Hübsch wäre ein stylisher Staffelungslook, bei welchem etwa Bild 1 und 3 auf einer Linie erscheinen und Bild 2 leicht versetzt ist. ...
Mit dem Bildmodul des Divi-Themes lässt sich auch eine hübsche Bilderreihe erstellen. Eine Mini-Galerie quasi. Ein wenig Handarbeit braucht's allerdings noch. Schwierig wird's indes nicht.
Bilder-Special – Trick #5: Coole 3D-Flip-Cards ganz einfach in HTML erstellen – komplett ohne Plugin
Heute bauen wir einen echten Hingucker: So genannte Flip-Cards, die sich umdrehen, sobald der Mauszeiger darüber bewegt wird. Das gibt ein ebenso cooles wie professionelles Look & Feel für Ihre ...
Eine interessante Möglichkeit für hübsche Darstellungen: Lassen Sie - etwa auf einer Übersichtsseite - Bilder über einen Hintergrund hinausragen. Das ist einfacher zu machen, als man meint.
Zwei oder mehr Bild-Module im Divi-Theme überlappen lassen? Kein Problem. Ein wenig CSS und gut ist. Wir zeigen Ihnen wie's geht.
Gerade in mehrspaltigen Designs möchte man vielleicht ein Bildmodul in exakt derselben Höhe wie der nebenan liegende Text darstellen. Das schaffen wir mit ein wenig CSS-Code.
Zwei Binsenwahrheiten: 1. Bilder machen eine Website hübsch; 2. Bilder machen eine Website langsam. Um die Ladezeit der Website zu verbessern, hat WordPress seit der Version 5.5 ein «lazy ...
Heute zeigen wir Ihnen, wie Sie ein bestimmtes CSS-Styling einzig und alleine auf der Homepage Ihres Webauftritts aktivieren. Auf allen anderen Seiten wird das Styling nicht berücksichtigt. Ein ...
WordPress sieht vor, installierte Plugins automatisch zu aktualisieren. Doch diese Funktion ist nicht in jedem Fall gleich klug. Besonders wenn Sie eine umfangreiche, möglicherweise komplizierte ...
Ein kleiner handlicher Hack lässt die klassische Aufzählungsliste <ol> umgekehrt aufzählen: beginnend mit dem höchsten Wert und endend mit dem kleinsten. Dem HTML-Code wird nur ein kleines ...
Das Divi-Theme verfügt über ein Blog-Modul, mit dem Sie eine Liste von Beiträgen anzeigen können. Sie können auch einige Details zusammen mit den Beiträgen anzeigen: z.B. den Autor des Beitrags ...
Die Suchfunktion von WordPress findet so ziemlich alles, was es in Ihrer Installation zu finden gibt. Auch ein Impressum oder ein Kontaktformular kann da schon mal zwischen den Suchresultaten ...
Normalerweise zeigt das Divi-Theme mobile Menüs mit einem so genanten «Hamburger». Egal, ob es geöffnet oder geschlossen ist. Mit einem kleinen Trick kann in geöffneten Mobilmenüs ein «X» ...
Möchten Sie auf Ihrer Website verschiedene Bilder zeigen, welche bei jedem Aufruf zufällig dargestellt werden? Das geht natürlich. Mit ein wenig JavaScript und unserem Hack für alle Websites.
Websites ständig von Hand neu zu laden kann mühsam sein. Lassen Sie die Maschine übernehmen. Als kleines Supplement zeigen wir Ihnen gleich noch, wie Sie auf der Website einen Livecountdown bis ...
Viele WordPress-Seiten listen auf der Startseite gleich mal die neusten Beiträge auf. Das will man aber häufig gar nicht. Das selektiv zu verhindern ist aber keine schwierige Angelegenheit. In ...
Standardmässig legt das Divi-Theme beim Menu für die Mobilansicht links und rechts noch einen Rand fest. Besonders bei längeren Wörtern in der Navigation kann das in der schmalen Mobilansicht ...
Eine gute Möglichkeit, zusätzliche Marketinginformationen auf einer Landing-Page bereitzustellen, ist eine zweite Textzeile auf einer Call-to-Action-Schaltfläche. Da es standardmässig keine ...
Das Menümodul des Divi-Themes bietet schon einige Styling-Möglichkeiten. Um so richtig Chef über die Darstellung zu werden, bedarf es aber ein wenig CSS-Code. Diesen stellen wir Ihnen hier vor.
So ein klein wenig stolz sind wir schon: 200 Tipps und Tricks für WordPress, CSS, HTML und das Divi-Theme haben wir bis zum heutigen Tag veröffentlicht. Heute wagen wir uns an ein klein wenig ...
Wenn Sie Buttons im Divi-Theme nebeneinander statt untereinander anordnen wollen, müssen Sie dies im Normalfall mit einer mehrspaltigen Zeile lösen. Es gibt aber einen Trick, mit welchem auch ...
Wenn WordPress eine E-Mail-Benachrichtigung sendet, verwendet das System standardmässig «WordPress» als Absendernamen. Für Mails an Sie als AdministratorIn ist das ja noch OK – aber für Mails ...
Wer längere Texte im Divi-Theme bearbeitet, kennt das Problem: Die Toolbar verschwindet nach oben und man muss ständig wieder hochscrollen um eine bestimmte Funktion zu aktivieren - etwa ...
Im Divi-Theme können Sie mehrere Elemente nebeneinander darstellen. Für die Responsive-Ansichten auf Tablets und Mobiltelefonen reiht Divi diese Elemente dann untereinander auf. Das ist meist ...
Kürzlich beglückte uns WordPress wieder einmal mit einem neuen Standard-Theme. Immer um den Jahreswechsel herum, sind wir verdonnert, ein neues, unerwünschtes Theme aus dem Hause WordPress von ...
Die Metatexte (Datum, Kategorie, AutorIn) erscheinen im Divi-Blog-Modul standardmässig unter dem Titel als Links. Es gibt aber die Möglichkeit, daraus Schaltflächen zu bauen und diese über das ...
Normalerweise wird im Blog-Modul des Divi-Themes nur der Titel, das Bild und (sofern vorhanden) der Read-More-Link mit einer Verknüfung auf den vollständigen Beitrag verlinkt. Das lässt sich ...
Das Divi-Modul «Blog» stellt allerlei Inhalte dar. Jedoch immer in derselben Reihenfolge: Titel, Meta-Angaben und am Schluss den Inhaltsauszug. Doch so fix ist diese Reihenfolge nicht: Um die ...
Das Blogmodul des Divi-Themes bietet eine Handvoll gute Einstellmöglichkeiten; die Paginierung allerdings - also z.B. der «ältere Beiträge»-Link - sieht etwas erbärmlich aus. Er lässt sich aber ...
Das Blog-Modul des Divi-Themes verlinkt standardmässig den Titel des Beitrags mit der Detailseite dessen, die Kategorie mit der entsprechenden Übersicht und den/die AutorIn mit der persönlichen ...
Das Seitenverhältnis der Beitragsbilder, welche im Divi-Blog-Modul angezeigt werden lässt sich anpassen. Standardmässig bildet das Blogmodul Bilder mit 400x250px ab - was einem Seitenverhältnis ...
Dieses Sujet ist für mich ein Highlight. Und ums highlighten geht es auch gleich in diesem Hack: Die Beiträge, welche im Blog-Modul des Divi-Themes gelistet werden, können nämlich farblich ...
Im Blog-Modul des Divi-Themes lassen sich Meta-Angaben anzeigen: Kategorien, Datum, AutorIn etc. Diesen Meta-Angaben können passende Icons vorangestellt werden. Wir zeigen Ihnen, wie dies geht.
Elegant-Themes hat zwar dem Divi-Blog-Modul eine Paginierung spendiert, mit welcher die gelisteten Beiträge durchforstet werden können. Es geht aber noch hübscher: Mit einem «Load more»-Button.
Wir werden ein Divi-Blogmodul verwenden um es in der Seitenleiste zu platzieren und die letzten Beiträge anzuzeigen. Ohne diese Methode müssten Sie ein Widget verwenden - verlören aber damit ...
Das Divi-Blog-Modul kennt offiziell nur das «Gitterlayout» und die «volle Breite». Es fehlt ein Listenlayout. Doch dieses können Sie mit ein wenig Handarbeit selber gestalten.
Das Blog-Modul des Divi-Themes bietet Usern Paginierungslinks an, die «ältere Einträge» und «neuere Einträge» anzeigen, damit sie in einer langen Liste von Beiträgen navigieren können. Bloss ...
Das Blog-Modul des Divi-Themes kann schon vieles - die Beitragsbilder lassen sich aber nur bedingt steuern. Versehen Sie die Beitragsbilder mit einem Rotations- und Zoom-Effekt, der aktiv wird, ...
Das Blogmodul des Divi-Themes ist «out of the box» nur so halbwegs hübsch anzusehen. Nachstylen ist auf jeden Fall gefragt. Besonders das Bild, welches in der Grid-Darstellung breiter ist als ...
Das Blog-Modul des Divi-Themes bietet an, Metadaten eines Beitrags (Datum, Kategorien, Schlagwörter, AutorIn) anzuzeigen. Doch werden diese Angaben stets mit einem Trennzeichen «|» getrennt. Und ...
Das WordPress-Menü im Backend (oder Dashboard) kennt ein paar Standardeinträge: Medien, Seiten oder Beiträge. Der Begriff «Beiträge» trifft den Inhalt häufig nicht. Wäre doch schön, das ...
Haben Sie die Adventsdekoration schon aus dem Schrank geholt? Und die alte Bing-Crosby-Platte aufgelegt? Wenn Ihnen zum heutigen ersten Advent schon vorweihnächtlich zumute ist, möchten Sie es ...
Normalerweise lassen sich die praktischen Accordion- oder Tab-Module des Divi-Themes bloss mit Text füllen. Jedoch sind - mit ein wenig Programmierung - auch andere Inhalte möglich: Formulare ...
Das Divi-Theme macht das Responsive Layout - also die Darstellung für alle Anzeigengrössen - einfacher. Sehr viel einfacher. So werden etwa nebeneinander platzierte Inhalte auf kleinen ...
Im Divi-Theme ist ein schönes Tab-Modul (auf deutsch «Registerkarte») enthalten, mit welchem Sie Informationen übersichtlich aufbereiten können. Wenn die Tabs (die Reiter) jedoch sehr ...
Ehrlich gesagt, Leute: An diesem Trick hab' ich meine helle Freude. Der Slider des Divi-Themes lässt sich nämlich ganz hervorragend mit Testimonials bestücken, welche dann eins ums andere ...
Hin und wieder spendiert Elegant Themes einem Modul für das Divi-Theme eine neue Funktion. Wenn Sie ein solches Modul bereits häufig verwenden, kann es mühsam werden, diese Option bei allen ...
Einen Websiteinhalt - sei es nun ein Bild, Text oder ein anderes Element - können Sie ganz einfach vertikal und horizontal zentriert im Browserfenster anzeigen. Bei Bedarf werden Sie sogar den ...
Vermutlich verwenden Sie auf Ihrer WordPress-Website ein Formular-Plugin. Das System selber liefert ja nichts Schlaues mit, weswegen hier ein Plugin die richtige Wahl ist. Bloss sehen die Felder ...
Die Bildlaufleiste eines Webbrowsers - auch Scrollbar genannt - erscheint meistens in langweiligem grau-in-grau. Die Darstellung lässt sich aber mit ein wenig CSS-Code beeinflussen - so passt ...
Menüs, Footer - aber auch andere Divi-Elemente - sollen beim Scrollen womöglich immer sichtbar bleiben. Einst war dies nur über CSS-Codes zu erreichen. Mittlerweilen liefert Divi die Option mit ...
Nun: Dr. Code liebt das Divi-Theme. Aber Divi hat auch Macken. Gehörige sogar. Eine der gröbsten sind die verkorksten Listen, welche Divi produziert. Ob Aufzählungen oder Bullet-Points: das ...
Besonders wenn die WordPress-Installation auch von Dritten benutzt werden soll, ist das Menu im Backend (oder Dashboard) oft zu umfangreich und kann unübersichtlich werden. Ungenutzte ...
Wenn Sie Beitragsbilder als Header in einem besonderen Zuschnitt (etwa im Letterbox-Style mit 1500x500px) anzeigen wollen, stossen Sie mit WordPress an Grenzen. Zwar lassen sich dynamische ...
Auf Artikelübersichten werden Beitragsbilder im Divi-Theme grundsätzlich im Format 400x284px angezeigt. Dies ist an sich OK, jedoch wünscht man sich das ab und an anders. Vielleicht möchte man ...
Vor gut anderthalb Jahren haben wir Ihnen hier bei Dr. Code gezeigt, wie Sie die aktuelle Jahreszahl auf Ihrer Website mittels Shortcode anzeigen können. Wer das Divi-Theme nutzt, hat noch eine ...
Das Divi-Menümodul verwendet standardmässig das horizontale Layout, das für den Header als horizontale Navigation konzipiert wurde. Aber es gibt bestimmte Situationen (zum Beispiel bei der ...
Wenn Ihre Beiträge und Seiten Inhalte enthalten, die Sie ersetzen möchten oder Ihr Theme oder eines Ihrer Plugins Text ausgibt, an dessen Stelle Sie gerne etwas anderes sähen, dann haben Sie ...
Im Divi-Theme lässt sich von Haus aus die Farbe der dargestellten Links definieren - jedoch ist damit mit Customizing auch schon Schluss. Beim Webdesign werden damit Links ab und an zu diskret ...
Im Seiten-Editor von WordPress gibt es ein kleines, aber feines Feld, mit welchem Seitensortierungen individuell festgelegt werden können. Diese Möglichkeit fehlt in Beiträgen normalerweise. Die ...
Nun ja: So richtig sicher vor Spambots auf Harvest-Tour sind Ihre Mailadressen nicht, sobald Sie diese auf einer Website anzeigen. Aber immerhin: Es gibt ein paar Tricks, wie Sie wenigstens ...
Diesen Hack finden wir ziemlich cool: Damit Abschnitte besser erfasst und unterschieden werden können, kann es hilfreich sein, sie verschiedenfarbig auszuzeichnen. Ändern sich die Inhalte jedoch ...
Möchten Sie auf Ihrer WordPress-Website einen Beitragszähler einrichten? Einer, der das Total der veröffentlichten Beiträge aktualisiert und die Nummer des gerade betrachteten Posts ausgibt. ...
Die meisten Website-Verantwortlichen sind zunächst mal sehr beunruhigt, wenn sie das erste Mal statt der adrett zurecht gemachten Website nichts sehen. Bzw. eine leere, weisse Seite, die auch ...
Wenn Sie regelmässig WordPress-Seiten administrieren, könnte es Ihnen auch schon passiert sein: Sie sehen die Meldung «Briefly Unavailable for Scheduled Maintenance. Check back in a minute». ...
Elegant Themes - der Hersteller des Divi-Themes - empfiehlt für eine Paginierung von Blog-Beiträgen das Plugin WP-PageNavi. Nur leider sieht das Resultat standardmässig nicht so hübsch aus. Mit ...
Kennen Sie die Fusszeile «Proudly Powered by WordPress» oder «Stolz präsentiert von WordPress»? Bestimmt! Denn die Google-Suche, die ich eben rasch angestrengt habe, spuckt satte 1.3 Milliarden ...
Divi kommt mit einem eigenen Posttype - den «Projects» - daher. Aber nicht alle nutzen Projects. Jedoch ist im WordPress-Backend der Navigationspunkt «Projekte» auch dann zu sehen, wenn gar ...
Das Divi-Menu wächst seitwärts, je mehr Inhalte angezeigt werden. Bisweilen kann das Menu dabei «überlaufen» – bzw. zweistöckig dargestellt werden. Dies lässt sich ändern, wenn auf einer Website ...
Der Block-Editor «Gutenberg», welcher mit WordPress-Version 5 eingeführt wurde, ist auch nach mehreren Jahren noch nicht wirklich populär. Ein grosser Teil der WordPress-Gemeinde setzt auf den ...
Kennen Sie das? Da nennen Sie auf Ihrer Website eine harmlose Telefonnummer - und schwups, wird diese in zahlreichen Browsern übel verunstaltet. Einige Browser - ganz besonders solche von ...
Vor einer Weile hat sich Dr. Code nach einem neuen Formularplugin umgesehen. «Back to the roots» war am Schluss die Devise. Denn zurückgekehrt sind wir zum Formular-Plugin, das wir ganz am ...
Der «Weiterlesen-Link» eines Artikels führt bei WordPress standardmässig auf den Anker, der dort gesetzt wird, wo der Artikel geteilt wird. Dadurch soll verhindert werden, dass ich den Anfang ...
Wer WordPress aufsetzt, muss einen Website-Titel eingeben. Das ist hilfreich - so ist man sicher, dies nicht zu vergessen. Klammheimlich (und ungefragt) setzt aber WordPress noch eine weitere ...
Das Menü des WordPress-Backends hat bisweilen etwas Willkürliches: Arbeitet man etwa mit mehrlei Beitragsarten, erscheinen diese auch als Menüpunkt - was ja noch ganz praktisch, aber der ...
Besonders wenn Sie ab und an selber an ihren Theme-Dateien oder am CSS-Stylesheet Hand anlegen, kann es nach einiger Zeit unübersichtlich werden: Was genau tut der Code in der functions.php? ...
Wenn Sie Formulare auf Ihrer Website verwenden, werden Sie dies ziemlich sicher mit einem Formular-Plugin bewerkstelligen. Falls dieses Plugin «Caldera Forms» heisst, sollten Sie weiterlesen. In ...
Im Divi-Theme lassen sich die dargestellten Posts schön und einfach designen. Auch deren Titel, Meta-Tags und das Beitragsbild lassen sich vorzüglich gestalten und platzieren. Ungeachtet dessen ...
Die Divi-Projects sind eine feine Sache - ihr Name ist jedoch etwas sehr missraten. Den Post-Type können Sie aber nach eigenem Gusto umbenennen und sogar gleich noch viel mehr Details verändern. ...
WordPress hat mit der Version 5.8 den Block-Editor auch für die Widgets eingeführt. Diese Neuerung bei der Gestaltung der Seitenleiste gefällt nicht allen - besonders, wer den «Gutenberg»-Editor ...
Okay: Der heutige Tipp hat nicht viel mit Webprogrammierung, CSS, WordPress oder Divi zu tun. Und trotzdem: Wer häufig surft, nervt sich fraglos irgendwann ob irgendwelchen «Challenges», mit ...
Dieser Trick ist insbesondere spannend, wenn Sie Ihre Beiträge mit einem Layout aus Ihrer Divi-Bibliothek oder mit dem Theme-Builder des Divi-Themes arbeiten. Der Hack ist aber auch für andere ...
Das Internet ist bunt. Farben in allen Schattierungen - mal grell, mal pastell. Schwarz-weiss ist out. Falls die Website aber (aus welchem Grund auch immer) dauerhaft oder temporär in dezenten ...
Seit der jüngst veröffentlichten WordPress-Version 5.9 erhält man auf der Loginseite neuerdings eine Sprachauwahl. Bloss stiftet diese zunächst eher Verwirrung. Wer den Sprachdropdown wieder ...
Beiträge werden im Divi-Theme standardmässig mit einer Seitenleiste dargestellt. Ausserdem werden die Ränder eingerückt, was Platz verschwendet und überdies einer einheitlichen Darstellung nicht ...
Manchmal möchte man auf einer Website einen bestimmten Text bei jeder Nennung mit einem Link ergänzen oder ihn einfach korrekt darstellen. Nun könnte man die Textpassage mühselig suchen und ...
In den Meta-Tags Ihrer WordPress-Website wird standardmässig stets hinterlegt, mit welcher WordPress-Version ein Inhalt erstellt wurde. Doch dies ist einigen DesignerInnen mitunter zuviel ...
Ob jetzt die berühmt-berüchtigten Inline-Frames (iframes) sinnvoll oder eine Plage sind, darüber lässt sich freilich streiten. Zu Zeiten des Responsive Webdesigns stehen sie etwas quer in der ...
Das Divi-Theme bietet ein Suchmodul, welches jedoch nicht alle Post-Types in die Suche miteinbezieht. Die Divi-eigenen Projects etwa werden bei der Suche nicht berücksichtigt. Dies zu ändern, ...
Der Inhalt von Websites, welche mit dem Divi-Theme erstellt werden wird auf mobilen Geräten mit einer maximalen Breite von 80 Prozent der Anzeigenbreite dargestellt. Mit CSS-Code können Sie ...
WordPress lässt auf der Loginseite zum Backend eine unbeschränkte Anzahl Versuche zu. Das gibt Robots die Möglichkeit beliebige Kombinationen durchzuprobieren. Auch wenn der Zugriff nicht ...
Wenn Sie sich ins WordPress-Backend einloggen und beim Passwort oder Usernamen einen Fehler machen, ist WordPress recht freizügig mit Hinweisen: Die Login-Seite teilt mit, ob alle Eingaben ...
Viele WebmasterInnen ziehen den WordPress-Classic-Editor dem unterdessen standardisierten Gutenberg-Editor - auch Blockeditor genannt - vor. Dafür braucht es nicht mehr als ein von WordPress ...
Wenn Sie Bilder in einen Beitrag oder eine Seite einfügen, schlägt Ihnen WordPress stets einen Link vor. Meist auf die Bilddatei oder auf eine nichtssagende Anhangsseite. Dieses Verhalten lässt ...
Das kommt in den besten Familien vor: Sie wechseln die Domain Ihrer WordPress-Website und prompt können Sie nicht mehr ins Backend einsteigen. Die Website werkelt zwar unter neuer Adresse; aber ...
Die Permalink-Struktur Ihrer WordPress-Beiträge lässt sich individuell anpassen. Sie können in den Post-URLs eigene Werte eingeben oder aber aus einer Auswahl an Variablen auswählen. Das kann ...
Heute widmen wir uns ausnahmsweise einem Hardware-Thema: Dem NAS. Für viele – auch private – NutzerInnen wäre nämlich ein NAS (Network Attached Storage) eine interessante Lösung. Zu Zeiten von ...
Die weitest verbreitete Shoplösung auf WordPress-Websites ist WooCommerce. Dieser Webshop schmiegt sich hervorragend ins Divi-Theme ein - Divi seinerseits bietet seit einer Weile eigene Module, ...
Es muss nicht immer «Google Analytics» sein: Ihre Website lässt sich auch mit anderen Tools analysieren - ganz ohne Zugriff der Datenkrake aus Mountain View. «Matomo» ist ein ...
Im Divi-Theme werden Module ohne Zutun vertikal am oberen Rand der Spalte dargestellt. Das passt meistens - doch bei mehrspaltigen Zeilen kann man sich dies auch mal anders wünschen. Mittiges ...
Out of the Box stellt WordPress für Ihre Beiträge Kategorien und Schlagworte zur Verfügung - nicht aber für Seiten. Wenn Sie dies vermissen, können Sie mit ein wenig Code nachbessern.
Im Divi-Theme wechselt die Navigation standardmässig bei 980px Bildschirmbreite auf das Hamburger-Menu. Das ist meist sinnvoll - aber nicht in jedem Fall. Sie können den so genannten ...
Wenn Ihre WordPress-Website Fehler hat, kann Ihnen der Debug-Modus weiterhelfen. Dieser lässt sich ganz einfach aktivieren und macht Fehlermeldungen auf den betroffenen Seiten sichtbar.
Besonders wenn Sie sehr häufig Ihre Beiträge und Seiten überarbeiten, kann die Angabe eines Updatedatums für Besucherinnen und Besucher hilfreich sein. Dies lässt sich auf zweierlei Arten ...
Besonders wenn der Header des Divi-Themes farblich Ton in Ton ist mit der restlichen Website, entsteht beim Scrollen eine harte Linie, wenn der Inhalt unter dem Header verschwindet. Auf vielen ...
Es kommt öfter mal vor, dass Sie eine URL auf Ihrer Website anpassen müssen. Sei es, weil Sie die Permalink-Strukur verändern, weil Sie eine Seite umbenennen oder weil in einer URL schlicht ein ...
Viele Schriftarten bieten auch einen Outline-Style an; werden damit gewissermassen «hohl» und haben einen feinen Rand um die Buchstaben und Zeichen. Wenn solche Fontstyles bei Ihren Schriftarten ...
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 ...
Google führt ein umfassendes Fontverzeichnis mit derzeit rund 1050 Schriftarten jeglicher Form. Die Fonts sind allesamt kostenlos erhältlich und lassen sich ganz einfach in die eigene Website ...
Das Einbinden von eigenen Schriftarten ist nicht ganz ohne - unter dem Strich aber doch zu einfach, um auf hübsche und besonders passende Schriftarten zu verzichten. Dr. Code zeigt Ihnen wie es ...
Schriftarten können Sie im Divi-Theme sehr unkompliziert lokal einbinden. Mit dieser Methode können Sie Fonts im OTF- oder TTF-Format hochladen. Hier erfahren Sie wie der Trick vonstatten geht.
Die netten Icon-Fonts - wie sie etwa bei Font Awesome zu haben sind - vermögen ja durchaus zu gefallen. Aber es geht noch einfacher: Einen kleinen aber feinen Strauss an Icons können Sie direkt ...
Falls Sie über eine DiskStation der Marke Synology verfügen, haben Sie bereits alle Voraussetzungen, dort auch eine WordPress-Installation aufzusetzen. Das ist eine hervorragende Möglichkeit, ...
Ab und an geht ja WordPress ein wenig willkürlich mit den Bildausschnitten um, welche die Mediathek automatisch erstellt. Bei Porträtbildern kann da auch mal der Hals als zentrales Element im ...
Das Divi-Theme bietet im Builder neben den Standard-Sektionen auch Spezial-Sektionen (auch Speciality Section genannt), welche weitere Möglichkeiten bei der Darstellung Ihres Contents eröffnen. ...
Vor einigen Wochen haben wir Ihnen gezeigt, wie Sie den Post-Type «Projekte» im Divi-Theme mit einer stimmigeren URL versehen können. Auf diesen Beitrag folgten Fragen, ob sich denn das ganze ...
Das Post-Content-Modul des Divi-Themes ist im «Theme Builder» ein hervorragendes Tool: Selbst wenn ein Inhalt nicht mit dem Divi-Builder erstellt wurde, lässt er sich damit perfekt darstellen. ...
Viele tippen ihre Texte für den Blog oder die Website nicht direkt im Editorfeld ihres CMS, sondern machen den «premier jet» z.B. in Word. Die später ins Netz übernommenen Texte können so aber ...
WordPress sieht von Haus aus eine Kommentarfunktion bei veröffentlichten Beiträgen vor. Das ist an sich nett: die Diskussion von Inhalten ist geschätzt. Noch schlimmer als gar keine ...
Dies ist der 100. Beitrag von Dr. Code. Zur Feier des Tages haben wir Ihnen darum heute ein kleines Schmankerl bereitgestellt: Ein Divi-Child-Theme, welches per Klick und ohne Ballast alle ...
Wenn Ihre Website schon in Betrieb ist und grössere Umbauten anstehen, kann sich eine Testumgebung - oder Staging Site - auszahlen. Plugins, Funktionen und Stylings können auf Herz und Nieren ...
Wenn in einer Zeile im Divi-Theme unterschiedlich lange Texte zusammen mit Buttons dargestellt werden, kann es zu einer unschönen Positionierung der Buttons kommen. Das lässt sich aber leicht ...
Eine kleine Zeile im -Bereich einer Internetseite kann den Browser veranlassen, eine andere Seite aufzurufen. Wir zeigen Ihnen, wie's geht - sagen Ihnen aber auch, warum der Trick auf Dauer doch ...
Die neue Website steht - doch sieht sie auch auf allen Geräten so aus wie gewünscht? Die Onlinepräsenz in möglichst vielen Darstellungen zu testen, ist eigentlich ja selbstverständliche Pflicht. ...
Besonders in journalistischen Webtexten sind sie hin und wieder anzutreffen: Die Initialen - auch Drop Caps genannt - welche der angezeigten Seite einen Schimmer von Print einhauchen. Solche ...
Die Mediathek - und auch andere Uploadbereiche Ihrer Website - sind vor einigen Dateiformaten geschützt. Das ist im Grunde ganz gut; Sie möchten ja nicht, dass mit Ihrer Website Unfug betrieben ...
Die Trennlinie - der Horizontal Ruler - kommt häufig auf Websites vor. Sie dient der Strukturierung und Übersicht, kommt aber in deren Grundausstattung eher dröge daher. Mit ein ganz klein ...
Vor einiger Zeit haben wir Ihnen das Plugin «Image Source Control» gezeigt, mit welchem Sie die Namen der FotografInnen Ihrer Bilder ganz bequem darstellen können. Hin und wieder wurden wir ...
Das «Willkommen» ist wohl der Klassiker unter den Begrüssungstexten auf Websites. Einigen war das wohl zu schnöde und sie wichen auf tageszeitabhängige Begrüssungen aus. Ob das jetzt sinnvoll ...
Das Headermenu (auch «Primary Menu» genannt) lässt sich im Customizer des Divi Themes optisch verändern. Es geht aber noch viel besser: Mit CSS haben Sie weitaus mehr Möglichkeiten, das Styling ...
WordPress hat in der Mediathek ja interessante Features eingebaut. Dass Bilder automatisch auf kleinere Formate zugeschnitten werden, ist eigentlich praktisch - ab und an aber doch auch ziemlich ...
Ihre WordPress-Installation lässt sich relativ einfach auf eine Multisite-Umgebung umstellen. So können Sie aus einer einzigen Installation heraus eine ganze Reihe von Websites administrieren ...
WordPress bietet mit der Galerie ein nettes Feature, um mehrere Bilder hübsch darzustellen. Wenn aber hoch- und querformatige Fotos gemischt werden, entstehen unschöne Leerräume zwischen den ...
Ohne Zutun hält sich Ihre WordPress-Installation stets frisch: Liegt eine neue Version des CMS mit kleineren Änderungen vor, wird diese automatisch installiert. Das ist meist gut und erhöht die ...
Manchmal kann sich ein Formularfeld sehr gut auch als Navigationselement eignen. Wie Sie eine solche Auswahl erstellen, zeigen wir Ihnen in diesem Tipp.
Auch im Divi-Theme lässt sich mit der Maus hervorragend zoomen. «Ctrl» drücken und dazu das Mausrad bewegen; schon verkleinert oder vergrössert sich die Seitenansicht. Fast immer wenigstens. Ein ...
Orientieren Sie die Besucherinnen und Besucher Ihrer Website auf einen Blick über neue Beiträge. Das lässt sich recht einfach einrichten: neben den Titel der einzelnen Post erscheint dann auf ...
Ab und an finden Sie auf einer Website ein Bild, das Ihnen gefällt - aber hinsichtlich der Abmessungen nicht genügt. Sofern die Website mit WordPress erstellt wurde, haben Sie eine einfache ...
Im Divi-Theme gibt es ein Countdown-Modul, welches auf ein kommendes Ereignis die Tage, Stunden, Minuten und Sekunden rückwärts laufen lässt. Der Timer sieht ansprechend aus, hat aber den ...
Bilder beleben eine WordPress-Website. Beim Erstellen eines Beitrags geht aber das Featured Image - wie sich das Beitrags- oder Artikelbild auch nennt - gerne mal vergessen. Dem können Sie vorbeugen.
Sie veröffentlichen mehr oder weniger regelmässig Beiträge auf Ihrer WordPress-Website. Wenn deren Zahl wächst, möchten Sie vielleicht auch irgendwo im Content vermerken, wie fleissig Sie schon ...
Im Divi-Theme lässt sich ein «Back to top»-Button anzeigen. Wenn man auf einer Seite hinunterscrollt wird dieser Button unten rechts angezeigt und ermöglicht es BesucherInnen, mit einem Klick ...
Vielleicht möchten Sie eine kleine Bildsammlung oder eine Reihe von Zeitschriften als virtuellen Fächer darbieten? Geht ganz einfach.
Wenn Sie eine neue Seite oder einen neuen Beitrag in WordPress anlegen oder einen bestehenden Inhalt bearbeiten, wird Ihnen das System jede Minute eine Sicherungskopie speichern. Die Funktion ...
Dateien in der WordPress-Mediathek müssen auch mal erneuert werden: Die gespeicherten PDFs veraltern mal, das Porträtbild ist nicht mehr aktuell und die Artikelbebilderung gefällt möglicherweise ...
Die Datei .htaccess eignet sich bestens für Umleitungen aller Art. Die wichtigsten Möglichkeiten stellen wir Ihnen in diesem Tipp vor.
Nehmen wir an, Sie führen auf Ihrer Website eine Personendatenbank. Dann werden Sie ziemlich sicher in ein Feld das Geburtsdatum der Personen erfassen. Damit lässt sich auf ganz einfache Weise ...
Ihr Website-Content lässt sich mit ein bisschen CSS-Code auch mehrspaltig darstellen. Das ergibt dann das Look & Feel einer gedruckten Zeitung oder Zeitschrift.
Besonders auf Teamseiten kommen oft Porträtbilder unterschiedlichster Machart zusammen. Ein Studiobild neben einer Aussenaufnahme usw. Das wirkt oft unruhig. Ein guter Trick ist, die Bilder ...
Das Divi-Theme lässt den Zweifinger-Zoom auf Tablets und Handys in den Grundeinstellungen nicht zu. Der Hersteller argumentiert mit der besseren Kontrolle der Darstellung auf kleinen Anzeigen. ...
Wenn Sie Ihre besten Beiträge, ihre neuesten Inhalte oder Ihre persönlichen Favoriten mit einem Stempel auszeichnen möchten, gelingt das mit ein wenig CSS ganz einfach. Das gibt richtig coole ...
Üblicherweise lassen sich nur Widgets in die Seitenleiste einer Website integrieren. Die Module des Divi-Themes lassen sich aber mit einem einfachen Trick ebenso verwenden. Das ergibt ganz neue ...
Der HTML-Tag <blockquote> ist eine nicht sehr häufig genutzte, aber sehr gute Möglichkeit, um Texte zu gestalten. Kernaussagen, Zitate oder «Entre-Filets» werden damit hervorgehoben und ...
Die Login-Seite von WordPress kommt standardmässig mit dem WordPress-Logo und einem Link auf wordpress.org daher. Das ist ja ganz OK, solange man als Administrator die Seite nur selber sieht. ...
Immer wieder mal benötigen Sie in WordPress die ID Ihres Posts oder Ihrer Seite. Es gibt ein paar Möglichkeiten, wie Sie diese ID herausfinden - Sie können die Zahl aber auch gleich im Backend ...
Besonders Porträtbilder werden im Netz oft rund angezeigt. Solche Bilder können Sie mit ein paar Zeilen CSS-Code selber erstellen - ohne dass dabei ein Bild verstümmelt werden muss.
Wenn Sie im Divi-Theme die Sidebar mit Widgets bestücken, ist oft nicht ganz klar, wo das eine Widget endet und das nächste beginnt. Mit ein wenig CSS können Sie ganz mühelos eine Trennlinie ...
Das Kernstück Ihrer WordPress-Installation ist die Datenbank, in welcher alle Informationen und Einstellungen Ihrer Website abgelegt sind: Ihre Beiträge, Seiten, Information zu Bildern usw. Ohne ...
Immer wieder trifft man auf die Empfehlung, ein Child-Theme für die WordPress-Website anzulegen. Aus gutem Grund, freilich: Die Vorteile sind beachtlich. Wir erklären sie hier und zeigen, wie ...
Einer meiner Kunden hatte einige Wochen nach dem Launch seiner Website unerklärliche Posts unter seinen Beiträgen. Pure Werbung für dubiose Inhalte. Nun ja: Die Posts waren rasch gelöscht und ...
Vielleicht haben Sie in Ihrem Divi-Theme Module, Zeilen oder gar ganze Sektionen, welche Sie nach dem Zufallsprinzip anzeigen wollen. Ein Headerbild vielleicht, das bei jedem Seitenaufruf ...
Je umfangreicher die Bilddateien werden, welche Sie in Ihrer WordPress-Installation verwenden wollen, umso mehr steigt die Chance, dass Ihnen WordPress irgendwann den Hahn zudreht und ...
Google Analytics ist das klar meist genutzte Tool, wenn es um die Messung von Website-Zugriffen geht. Die Auswertungen sind detailliert wie bei kaum einem anderen Dienst. Jedoch bietet Google ...
Der Divi-Builder - mit welchem Sie im Backend Ihre Inhalte gestalten - ist in zwei Versionen verfügbar: Neben der modernen Variante wird nach wie vor der Classic-Divi-Builder angeboten, der bis ...
Links auf der Website einzufügen, ist ja eine einfache Übung. Bloss: Ohne Zutun öffnet der Browser jede verlinkte Seite im Fenster, das gerade offen ist. Bei Links innerhalb des gleichen ...
WordPress bietet «out of the box» einzig die Beiträge als Post-Types an. Wenn Ihre Website wächst, ist das möglicherweise zu wenig und Sie wünschen sich weitere Möglichkeiten. Das ist kein ...
Custom Taxonomies können bei Themen-Websites eine hervorragende Ergänzung zu den Kategorien und Schlagwörtern darstellen. Mit ihnen lässt sich die Website individuell massschneidern. Eine ...
Im Netz finden Sie tausende Bilder, welche Sie kostenlos auf Ihrer Website einsetzen können. Leider finden sich auch Bilder in diese Angeboten, welche von Anbietern stammen, die nur darauf ...
Um WordPress-Beiträge und -Seiten auf Social-Media-Kanälen zu teilen, benötigen Sie eine URL, die treffsicher ans Ziel führt. Viele WebmasterInnen weichen dafür auf externe URL-Shortener aus - ...
Die Divi-Module können nicht nur eingegebene Texte anzeigen; wenn gewünscht bedienen sie sich auch in den weiteren Beitragsfeldern oder stellen Content aus Custom-Taxonomies des jeweiligen ...
PDF-Dateien und andere Downloads werden heute meist im Browser geöffnet. Das beschleunigt die Sache sehr, weil nicht noch ein anderes Programm aufgerufen oder womöglich erst noch lokal ...
Im Teil 1 des Downloadtipps haben wir Ihnen gezeigt, wie Sie einzelnen Dateilinks den Downloadzwang beibringen. Doch das geht auch flächendeckend für Ihre gesamte Website - für den Fall, dass ...
Tote Links auf der Website sind nicht nur ärgerlich: schlecht gepflegte Links (auf die eigene wie auf externe Websites) werden von den Suchmaschinen auch mit einer schlechteren Platzierung ...
Die «Call To Action»-Module (in der deutschen Version «Handlungsaufrufe» genannt) des Divi-Themes sind eine feine Sache, haben aber den Nachteil, dass deren Höhe von der eingegebenen Textlänge ...
Ernsthaft erstaunen mag es niemanden: Auch Google bietet im Rennen um die beliebten Icon-Fonts mit. In der Bibliothek steht ein ganzes Füllhorn an Icons zur Verfügung. Anders als bei der ...
Wie oft haben Sie beim Responsive-Webdesign schon dieselben Media-Queries neu geschrieben? Wie oft haben Sie dabei einen Tippfehler fabriziert? Ich für meinen Teil kann es kaum noch zählen. ...
Besonders auf Seiten - ab und an auch in Beiträgen - möchte man den Titel nicht auf der Website zeigen. Dazu gibt es mehrere Möglichkeiten. Solche die global wirken, aber auch solche die ...
Beitragsbilder erscheinen im Divi-Theme am Seitenkopf und lassen sich von Haus aus nicht per Klick vergrössert anzeigen. Vielleicht möchten Sie dies aber gerne. Dafür haben wir hier einen Trick parat.
Je länger Sie am CSS-Stylesheet arbeiten, je besser und individueller Ihre Website ausschaut - eines Tages wird möglicherweise alles wieder auf die Standardwerte des Divi-Themes gesetzt sein. ...
Die Grösse der Schriftarten Ihrer Website sind vielleicht untereinander stimmig; Ihnen scheint aber alles ein wenig zu klein - oder zu gross. Nun graust Ihnen, jede einzelne ...
Wem ist es noch nie passiert: Das Plugin-Update verträgt sich nicht mit der WordPress-Version - das Theme-Update legt die Website lahm ... Die eigene Installation aktuell zu halten ist sicher ...
Es gibt kaum WordPress-Themes, die nicht bereits die Funktion «Beitragsbild» anbieten. Fehlt sie in Ihrem Theme, kann sie rasch nachgerüstet werden. Ein ganz kleiner Hack zwischendurch.
Vielleicht haben Sie in Ihrem Website-Fuss - oder woanders im Content - eine Copyright-Angabe mit Jahreszahl? Diese alljährlich händisch zu korrigieren ist zwar nicht sehr aufwändig - aber es ...
Mit dem Accordion-Modul aus dem Divi-Theme lassen sich Websites übersichtlich strukturieren. Die einzelnen Accordion-Inhalte lassen sich aber auch über einen Link direkt öffnen. Das ist eine ...
Mit dem Divi-Bildmodul lassen sich Bilder bequem einfügen und verlinken. Jedoch möchte man vermutlich, dass ein Link, welcher das Bild in voller Pracht anzeigt, in einem neuen Fenster öffnet. ...
Ihre WordPress-Installation verschickt ab und an E-Mails. Solche aus dem System - etwa nach einem Update - aber auch Mails aus Ihren Kontaktformularen. Ohne Zutun landen jedoch viele dieser ...
Textauszüge - auch Excerpts genannt - sind eine famose Sache. Allerdings sind sie meist - abhängig vom verwendeten Theme - nur bei WordPress-Beiträgen, nicht aber auf Seiten zu finden. Dabei ...
Gerade mal drei Bildformate sieht die WordPress-Mediathek vor. Einige Themes ergänzen dies zwar; aber das deckt selten alle Bedürfnisse von WebdesignerInnen ab. Zusätzliche Bildformate lassen ...
Facebook und Twitter benötigen ein paar spezielle Tags, um geteilte Inhalte ansprechend darzustellen. Das erledigen oft Plugins, was aber gar nicht nötig ist. Hier ein Codeblock, der - wenn ein ...
WordPress-Beiträge, welche auf Facebook und Twitter veröffentlicht werden, kommen manchmal etwas schräg daher. Der Grund: Die beiden Netzwerke benötigen ein paar spezielle Tags, um geteilte ...
Kennen Sie das? Sie zeigen auf Ihrer Website die Telefonnummer. In praktisch allen Browsern erscheint die Nummer als normaler Text. Aber es gibt ein paar Kandidaten, die zeigen auch in der ...
Besonders wenn es um Logo-Grafiken geht, trifft man als WebentwicklerIn irgendwann auf SVG-Files. Doch dieses Dateiformat lässt sich ohne Eingriff nicht ohne weiteres in die WordPress-Mediathek ...
In gewissen Anwendungen möchten Sie vielleicht die Domain, über welche eine Seite aufgerufen wird, im Content anzeigen. Das ist besonders dann interessant, wenn ein Inhalt über mehrere Domains ...
Das Suchsymbol im Divi-Theme ist nett - aber besonders auf den kleinen Anzeigen der mobilen Geräte oft eine Platzverschwendung. Die Lupe lässt sich aber ganz einfach ausblenden. Wir zeigen wie.
Vor kurzem haben wir Ihnen gezeigt, wie Sie Font-Awesome-Icons auf Ihrer Website verwenden. Es gibt aber noch eine Alternative, welche direkt in WordPress sitzt. Die so genannten Dash-Icons auf ...
Die Rows (Zeilen) im Divi-Theme und dessen Sections (Sektionen) lassen immer einen Abstand zum nächsten gleichen Element frei. Das ist manchmal OK - auf vielen Websites aber auch störend. Via ...
Die Sidebars auf Websites, welche mit dem Divi-Theme erstellt wurden können mit einem Ein- und Ausklapp-Button nachgerüstet werden. Egal, ob die Sidebar links oder rechts steht: bei Bedarf lässt ...
Die Textauszüge - oder Excerpts - sind sehr vielseitig einsetzbar. Jedoch sind zu umfangreiche Excerpts auch nicht hilfreich. Insbesondere Google & Co. wird Textauszüge mit über 160 Zeichen ...
Posts werden im WordPress-Backend nach Datum sortiert, wobei der neueste Beitrag zuerst erscheint. Hin und wieder ist das nicht praktisch. Wünschenswert wäre ab und an eine alphabetische ...
Die Divi-eigenen Pojects geben sich schon an der URL als solche zu erkennen. Der URL-Teil /project/ passt aber meist gar nicht zum dargebotenen Inhalt. Dies lässt sich ganz einfach ändern.
WordPress hat für Seiten und Beiträge einen Papierkorb implementiert. Der ist sehr praktisch, falls man einmal einen Inhalt versehentlich löscht - aus dem Papierkorb lässt sich alles ...
Ab und an muss Google & Co. auf die Sprünge geholfen werden, damit die Suchmaschinen einen brauchbaren Beschreibungstext in den Suchresultaten listen und die korrekten Keywords verwenden. Das ...
Links lassen sich nicht nur von Seite zu Seite setzen, sondern auch innerhalb ein und derselben Seite. Man spricht dann von Anker-Links. So können - besonders auf umfangreichen Seiten - auch ...
Hin und wieder trifft Divi das Ankerziel nur so halbwegs und scrollt nicht ganz an die richtige Stelle der Webseite. Falls dies bei Ihrer WordPress-Site auch der Fall ist, empfehlen wir Ihnen ...
Das Divi-Theme bietet ein Box-Layout an, mit welchem sich die Website gestalten lässt. Standardmässig ist die «Box» aber mit einem Schatten versehen, den viele nicht wünschen. Ein kurzer ...
Seit der Version 5.5 bietet WordPress (endlich) die Funktion einer eingebauten Sitemap an, mit welcher Google & Co. über Änderungen und neue Beiträge auf dem Laufenden gehalten werden. Deren ...
Jedes Sonderzeichen, jeder Umlaut kann in HTML mit der Tastatur erstellt werden - oder aber mit der entsprechenden HTML-Entity. Aus ä wird so ein ä, ‰ ergibt ‰ und © ...
Das Blog-Modul in Divi zeigt die Bilder stets über dem Titel und dem Textauszug. Das gefällt nicht allen. Mit ein paar Zeilen CSS können Sie das Bild links oder rechts des Textes platzieren.
Manchmal wäre es hilfreich, in der Beitragsliste des WordPress-Backends die Artikelbilder angezeigt zu erhalten, welche zu einem Beitrag gehören. Mit einem kurzen Code, welcher in die ...
Im Divi-Theme gibt es ein hübsches Accordion-Modul, mit welchem sich die Inhalte einer Website sehr schön strukturieren lassen. Jedoch hat das Modul in der Grundausstattung zwei entscheidende ...
Die Header-Navigation in Divi eignet sich nicht für alle Websites gleichermassen. Besonders auf den kleinen One-Pagern, wo alle Inhalte direkt auf der Startseite untergebracht sind, ist der Sinn ...
WordPress blendet immer mal wieder Backslashes aus. Sie lassen sich aber auf einfache Weise erzwingen. Ein kleiner Hack für den Alltag zwischendurch.
Die Font-Awesome-Icons sind äusserst beliebt. Sie tauchen auf vielen Websites auf und werden immer mal wieder ergänzt. Die Einbindung auf der eigenen Website ist insbesondere mit einem Plugin ...
Das Divi-Theme sieht standardmässig ein Logobild vor, welches im Header angezeigt wird. Viele GestalterInnen möchten aber lieber den Seitentitel im Header anzeigen. Diese Möglichkeit existiert, ...
WordPress legt bei jedem Speichern eines Beitrags oder einer Seite eine Revision an. Das ist ganz praktisch: Hat man irrtümlicherweise einen Beitrag verkorkst, lässt sich ganz einfach eine ...
Divi bringt standardmässig eigene Social-Media-Icons mit. Aktiviert man diese, öffnen sich die Links aber nicht automatisch in einem neuen Tab oder Fenster. Das lässt sich ändern.
Divi zeigt in der Grundinstallation unter dem Header und am Rand der Sidebar eine feine Linie an. Das mag bei der Webentwicklung noch hilfreich sein, im Alltag möchte man aber auf die ...
Den ersten Abschnitt - den Lead - eines jeden WordPress-Beitrags besonders auszuzeichnen und zu formatieren, ist etwas aufwändig und auch gar nicht nötig. Mit ein paar Zeilen Code übernimmt ...
Das Divi-Theme ist mit einem Slider-Modul ausgestattet, mit welchem sich ansprechende Slideshows anzeigen lassen. Ein Nachteil: Die einzelnen Folien werden normalerweise in genau jener ...
Keine Inhalte gefunden.
Werbung
