31. März 2023

CSS-Variablen

In Programmiersprachen sind Variablen gang und gäbe. Auch in Sass gibt es Variablen. Und tatsächlich gibt es auch in CSS die Möglichkeit Variablen einzusetzen. Genau genommen heißen sie dort „custom properties“ – die dazugehörigen Funktion lautet aber „var()“… Und so funktionieren Variablen in CSS: Am sinnvollsten ist es CSS-Variablen am Anfang des Stylesheets zu definieren […]

• CSS

31. März 2023

Nur bestimmte Wörter trennen

Die CSS-Silbentrennung (hyphens: auto) ist gleichzeitig Fluch & Segen. Einerseits ist es praktisch und vermeidet, gerade bei schmalen Textspalten, größere Lücken im Text, andererseits entstehen oft sehr merkwürdige Trennungen. Inzwischen deaktiviere ich auf vielen Websites schon wieder die automatische Silbentrennung, da viele Kunden die Trennungen als störend empfinden. In manchen Situationen, besonders bei großen Headlines […]

• CSS
• HTML
• JavaScript

29. März 2023

Wiederverwendbare Blöcke in WordPress effektiv nutzen

Wiederverwendbare Blöcke sind ein hilfreiches Tool, das gleich auf 2 Arten sinnvoll genutzt werden kann. Zum einen können wiederverwendbare Blöcke direkt im Gutenberg-Editor genutzt werden. Z.B. wenn man einen bestimmten Bereich häufiger auf der Website darstellen will. So ein Block kann einfach erstellt werden, indem man den Inhalt im Gutenberg-Editor erstellt, einen oder mehrere Blöcke […]

• PHP
• WordPress

28. März 2023

Einfache Zeitsteuerung mit JavaScript oder PHP

Mit folgenden Codes kann man ein div oder andere Elemente einfach zeitgesteuert einblenden: Oder das Ganze in PHP:

• JavaScript
• PHP

25. März 2023

Contact Form 7 Kontaktformular-Template

Contact Form 7 ist im Prinzip DAS Kontaktformular-Plug-in für WordPress. Hier ist ein Code für ein beispielhaftes Formular mit häufig genutzten Feldern und Bootstrap-Spalten sowie die dazugehörige E-Mail-Vorlage zum copy&pasten. Das Ergebnis:

• HTML
• WordPress

24. März 2023

jQuery Count up

Mit folgendem jQuery-Script wird von 0 bis zu einer definierten Zahl hochgezählt, sobald die Zahl auf dem Bildschirm zu sehen ist.

• JavaScript
• jQuery

24. März 2023

CSS für Touchscreens

Mit folgendem Media-Query können CSS-Eigenschaften definiert werden, die nur auf Touchscreens angewendet werden.

• CSS

21. März 2023

Unique-ID in PHP generieren

Mit folgendem Code lässt sich in PHP eine einzigartige ID erstellen: Z.B: Diese hier: Oder diese: Oder diese:

• PHP

20. März 2023

Formulareingaben lokal speichern

Mit folgendem JavaScript/jQuery-Code lassen sich Formulareingaben lokal speichern und müssen somit beim nächsten Aufruf der Seite nicht erneut eingegeben werden. Demo: Vorname Name Dieser Code sollte logischerweise nicht für sensible Daten oder Passwörter genutzt werden, da die Daten im Klartext im localStorage des Browsers gespeichert werden.

• HTML
• JavaScript
• jQuery

19. März 2023

SVGs, JSON oder andere Dateiformate in WordPress hochladen

In die WordPress-Mediathek lassen sich eine ganze Reihe Dateiformate hochladen. Standardmäßig sind das .jpg, .jpeg, .png, .gif, .pdf, .doc, .docx, .ppt, .pptx, .pps, .ppsx, .odt, .xls, .xlsx, .mp3, .m4a, .ogg, .wav, .mp4, .m4v, .mov, .wmv, .avi, .mpg, .ogv und .3gp. Darüberhinaus kann es aber durchaus sinnvoll oder erforderlich sein andere Dateitypen hochzuladen. Z.B. auch um […]

• PHP
• WordPress