Erstellen und Exportieren von iCal-Dateien (.ics) mit Hilfe von PHP

ical-export

Termin- oder Veranstaltungskalender sind schon lange keine Seltenheit mehr im Internet. Mit Hilfe von PHP können diese Termindaten auch als iCal-Datei (*.ics) auf Websites zum Download angeboten werden, ohne dass man von Hand eine solche Datei erstellen muss. Die Benutzer der Website können sich somit komfortabel diese Termine in ihren eigenen elektronischen Kalender importieren. In diesem Beitrag findet ihr das passende PHP-Snippet, um auch euren Benutzern ein iCal-Export zur Verfügung zu stellen.

Beitrag zu Ende lesen

WordPress: Themenverwandte Beiträge anzeigen (ohne Plugin)

related-posts-wordpress

In vielen Blogs werden themenverwandte bzw. ähnliche Artikel neben oder unter einem Beitrag angezeigt. Das führt i.d.R. dazu, dass die Besucher der Website sich von einem Beitrag zum nächsten bewegen, mehr Unterseiten aufrufen und länger auf der Website verweilen.

Es gibt verschiedene Möglichkeiten ähnliche Beiträge in WordPress anzuzeigen – darunter auch viele Plugin-Lösungen. In diesem Artikel archivieren wir ein WordPress-Snippet, das euch ermöglicht ähnliche Beiträge anhand übereinstimmender Taxonomien (Kategorien, Schlagworte oder benutzerdefinierte Taxonomien) zu identifizieren und anzuzeigen.

Beitrag zu Ende lesen

Textmasken mit CSS erstellen

css-text-maske

Textmasken erfreuen sich im Grafik-Design – insbesondere im Print-Design – größter Beliebtheit. Leider war es mit Webtechnologien lange Zeit kaum möglich eine Textmaske herzustellen, bei der der Text als Reintext im HTML-Code steht. Aber gerade das ist wichtig, damit der Text geändert und übersetzt, sowie von Suchmaschinen und Screenreadern ausgelesen werden kann. In diesem Beitrag zeigen wir, wie ihr mit Hilfe von CSS Blend Modes eine semantisch korrekte Textmaske erstellt.

Beitrag zu Ende lesen

Getippter Text mit CSS-Animationen

typing-css

Wenn der Eindruck erweckt werden soll, als würde ein Text getippt, wird häufig auf JavaScript zurückgegriffen. Wir haben selbst einige Tools zu diesem Zweck zusammengetragen. Doch der Effekt lässt sich auch mit einer CSS Keyframe-Animation erstellen. In diesem Beitrag zeigen wir wie es geht und was sich dennoch mit JavaScript optimieren lässt.

Beitrag zu Ende lesen

Scrolling-Effekte: CSS-Klasse per JavaScript hinzufügen, wenn sich ein Element im Viewport befindet

scroll-effect-website

Scrolling-Effekte sind ein beliebtes Gestaltungsmittel auf modernen Websites. Sinnvoll eingesetzt können Sie dazu beitragen, dass eine Website gleichermaßen erfolgreich als auch ästhetisch ansprechend ist. In diesem Beitrag findet ihr ein JavaScript-Snippet, mit dem Elemente eine CSS-Klasse erhalten, sobald Sie sich im Viewport befinden. Die Klasse kann optional wieder entfernt werden, sobald sich das Element nicht mehr vollständig im Viewport befindet.

Beitrag zu Ende lesen

Alle Beitragsbilder in WordPress löschen

wordpress-remove-meta-key-value

Ab und zu möchte man bei einem WordPress-Projekt alle Beitragsbilder vollständig entfernen. Beispielsweise weil bei einer Migration der Daten das Entfernen und neu Hinzufügen der »Post Thumbnails« der schnellste Weg zum Ziel ist. In diesem Beitrag archivieren wir ein Snippet, mit dessen Hilfe ihr die Beitragsbilder entfernt.

Beitrag zu Ende lesen

Visitenkarten-Upload (*.vcf) in WordPress erlauben

vcf-upload-wordpress

vCards (*vcf) sind elektronische Visitenkarten, die es ermöglichen, Kontaktdaten unkompliziert in das eigene Adressbuch zu übernehmen. Also ein sehr nützliches Format um den Besuchern einer Website Kontaktinformationen schnell zugänglich zu machen. Schade nur, dass die WordPress-Mediathek den Upload dieses Dateiformats bisher verbietet. Mit einer kleinen Anpassung an der functions.php behebt ihr dieses Problem.

Beitrag zu Ende lesen