24. März 2023

Unterschiedliche Seitentemplates in einem WordPress-Theme

Gerade wenn WordPress als CMS genutzt wird, ist es praktisch mehrere Seitentemplates zur Verfügung zu haben. Standardmäßig wird die Datei „page.php“ als Template für Seiten genutzt. Um weitere Templates zu erstellen, gehst du wie folgt vor: Anschließend kann das Template im Seitenmenü rechts ausgewählt werden.

• 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

Was tun, wenn E-Mails aus Kontaktformularen nicht ankommen?!

Leider kommt es sehr häufig vor, dass E-Mails aus Kontaktformularen nicht zugestellt werden und im Spam landen. Das liegt meistens daran, dass sie mit PHP-Mail-Funktion verschickt werden. Diese wurde in der Vergangenheit leider exzessiv für den Spam-Versand genutzt, sodass die Spam-Filter sehr empfindlich hierauf reagieren. Dieses Problem kann umgangen werden, wenn die Mails über einen […]

• WordPress

22. März 2023

Integration eines QR-Code-Scanners in eine Web-Anwendung

Mit folgender JavaScript-Library lassen sich QR-Codes scannen und interpretieren – sowohl auf einem Smartphone, als auch an einem Desktop-Rechner. Das ganze passiert Client-seitig und erfordert nur ein winzig kleines JavaScript (< 60 kb). Das ist nicht nur aus technischer Sicht sehr beeindruckend. https://github.com/nimiq/qr-scanner Da es sehr einfach in Anwendungen integrierbar ist, eröffnet diese Library fantastische […]

• JavaScript
• QR-Codes

22. März 2023

Mit einer WordPress-Seite auf einen neuen Server umziehen

Das „Problem“ bei einer Website mit CMS ist, dass die Seite nicht nur aus Dateien besteht, sondern die Inhalte auch noch in einer Datenbank gespeichert sind. Ein einfaches „Download > Upload“ funktioniert also nicht. Aber natürlich gibt es für diesen Fall auch ein WordPress-Plugin, mit dem Serverumzüge zum Kinderspiel werden: Duplicator Nachdem du Duplicator auf […]

• WordPress

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

18. März 2023

Accordion mit jQuery

Accordions sind ein beliebtes UI-Element im Webdesign. Um ein Accordion zu erstellen kann man auf jede Menge WordPress- oder jQuery-Plugins zurückgreifen. Das ist aus meiner Sicht aber eigentlich gar nicht nötig, da man ein Accordion mit ein paar Zeilen Code selbst erstellen kann und somit auch die volle Kontrolle über Design & Funktionalität hat. So […]

• jQuery
• WordPress

17. März 2023

Aus einer Datenbank-Abfrage eine CSV-Datei exportieren

Mit folgendem Code ist es ganz einfach Daten aus einer Datenbank, sei es MySQL, SleekDB oder eine andere Datenquelle, in eine CSV-Datei zu exportieren. Ich setze dieses Skript z.B. häufig ein um Veranstaltungsanmeldungen zu exportieren und Kunden bereit zu stellen. In diesem Beispiel wird aus einer SleekDB-Datenbank eine Teilnehmerliste exportiert. Wichtig sind hier die Angaben […]

• PHP
• SleekDB

17. März 2023

Bilder mit PHP „on the fly“ verkleinern.

Häufig werden auf Websites Bilder in unterschiedlichen Dateigrößen benötigt. Im Teaser oder in Bildergalerien wird z.B. oft ein Thumbnail verwendet. WordPress bietet zwar von Haus aus verschiedene Bildgrößen an, jedoch sind diese Thumbnails immer auf ein bestimmtes Format beschränkt. Timthumb ist ein kleines PHP-Skript, dass Bilder „on the fly“ verkleinern kann. Die Syntax ist hierbei […]

• PHP