WebDev – Seite 2 – FBNFRTG

Über Web, Tech, Games, Art,
Musik, Code & Design

15. Juli 2024

Generate .ics on the fly – mit ics.php kannst du Kalendereinträge erzeugen – auch mit deutscher Uhrzeit

Mit ICS.php lassen sich Kalendereinträge sehr einfach und komfortabel on the fly erzeugen. Das Problem bei dem Original-Skript von GitHub: Die deutsche Zeitzone wurde im Skript nicht berücksichtigt. Somit werden Uhrzeiten falsch im Kalender eingetragen. Hier ist das überarbeitete Skript, mit dem auch deutsche Uhrzeiten korrekt im Kalender eingetragen werden: Mit folgdendem Skript lässt sich […]

PHP

12. Juli 2024

Wenn „get_the_excerpt()“ nicht funktioniert – so kannst du den Standard-WordPress-Auszug optimieren

Die Funktion get_the_excerpt() zeigt standardmäßig den Auszug eines Beitrags, oder einer Seite an, falls dieser manuell im Auszugsfeld des WordPress-Editors festgelegt wurde. Wenn kein manueller Auszug definiert wurde, versucht WordPress, den Auszug aus dem Inhalt des Beitrags zu generieren. Neben der Ausgabe in der Beitrags-Übersicht, kann get_the_excerpt() z.B. auch in der Darstellung von Suchergebnissen genutzt […]

WordPress

11. Juli 2024

So kannst du PHP-Variablen von einem auf einen anderen Server übertragen

Mit folgendem Script kannst du PHP-Variablen von einem auf einen anderen Server übertragen. Das ist z.B. hilfreich, wenn Server 1 keine Mails verschicken kann. So können die Formulareingaben von Server 1 auf Server 2 übertragen werden und von dort aus verschickt werden. Server 1 Server 2 Wichtig ist, dass eine Schlüssel verwendet wird, denn sonst […]

PHP

1. Juli 2024

So kannst du Spalten mit Bootstrap mobil in anderer Reihenfolge darstellen

Ein beliebtes Gestaltungselement im Webdesign, ist die abwechselnde Darstellung von Text und Bild in Spalten oder auf Kacheln. z.B. so: Lorem ipsum Lorem ipsum dolor sit amet, consetetur sadipscing elitr labore. Lorem ipsum Lorem ipsum dolor sit amet, consetetur sadipscing elitr labore. Problem hierbei ist, dass die Reihenfolge in der mobilen Ansicht so etwas suboptimal […]

30. Juni 2024

PHP-Mail-Formulare mit wp_mail() versenden

Um Formulare in WordPress zu erstellen gibt es ja einige Plug-ins, die den Aufbau und Versand um einiges erleichtern. In manchen Fällen sind Custom-PHP-Formulare jedoch unumgänglich. Eine gute Alternative zu PHP-Mail und dem PHP-Mailer, ist die WordPress-Funktion „wp_maiI()“. Mit folgendem Code kann „wp_mail“ auch „außerhalb“ einer WordPress-Seite genutzt werden. Hierfür ist es lediglich erforderlich „wp-load.php“ […]

24. Juni 2024

Tabbed Content

Mit folgendem Code lässt sich schnell und unkompliziert ein Tabbed-Content-Bereich umsetzen: Eins Zwei Drei Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait […]

20. Juni 2024

CSS-Library für Formulare

Mit der CSS-Library „nice-forms.css“ lassen sich schnell und einfach gut aussehenden Formulare umsetzen. Besonders gelungen finde ich, dass sich die Farbigkeit aller Elemente mit einer einzigen CSS-Variable anpassen lässt. Zudem verzichtet die Library auf Hacks oder unnötige Elemente und nutzt reine Semantik. Nice! https://nielsvoogt.github.io/nice-forms.css/

CSS
HTML

12. Juni 2024

Inhaltsverzeichnis für Posts in WordPress automatisch erstellen

Bei sehr langen Artikeln bietet es sich an, dem Leser ein Inhaltsverzeichnis zur Verfügung zu stellen. Wenn im Artikel Zwischenheadlines vorhanden sind (und das sollten sie!), kann man diese in WordPress dafür nutzen, automatische Textanker zu setzen und daraus das Inhaltsverzeichnis generieren. Ergänze hierzu folgenden Code in der functions.php: Anschließend kannst du die Funktion „generate_table_of_contents()“ […]

12. Juni 2024

CSS hover underline animation

Mit folgendem Code kannst du Links animiert unterstreichen – auch Links, die sich über mehrere Zeilen erstrecken.

CSS

29. Mai 2024

Farbabstufungen einer Farbe generieren

In der Regel gibt es auf jeder Website ja 2-3 Hauptfarben, die im Corporate Design definiert sind. Auf colorhexa.com kannst du von einer Farbe dazu passende Farben oder Farbabstufungen generieren. Insbesondere das monochromatische Color-Scheme finde ich sehr hilfreich:

CSS
Tools