Kategorie: Webentwicklung

Schatten mit CSS3

In diesem Artikel möchte ich euch zeigen, wie ihr auf einfache Weise Schatten mit CSS erzeugt. Dafür ist die Eigenschaft „box-shadow“ vorgesehen. Ich werde nun näher auf die Funktionsweise und Variationsmöglichkeiten eingehen. Was macht box-shadow? Nun ja, die Eigenschaft box-shadow verpasst HTML-Elementen einen Schatten. Das interessante dabei ist, dass dieser sich bei Veränderung der Größe […]

Zum Artikel

WordPress: Eigene Shortcodes

Shortcodes sind etwas schönes. Für den Anwender verbessern sie den Workflow und sorgen gleichzeitig für Übersicht und Struktur. Wer in Worpress viel mit Plugins arbeitet, wird sicherlich schon einmal mit ihnen in Kontakt getreten sein. Interessant wird es vor allem, wenn man sich eigene Shortcodes erstellt. Wie funktioniert das? Das zu realisieren ist im Grunde […]

Zum Artikel

WordPress: Eigene Artikelbilder

In diesem Artikel möchte ich euch zeigen, wie ihr bei euren selbst erstellten WordPress-Templates Artikelbilder aktivieren und individuell anpassen könnt. Zunächst müsst ihr eure functions.php aufrufen. Dort kommt folgender PHP Code hinein: <?php add_theme_support( ‚post-thumbnails‘ ); ?> Mit diesem Befehl aktiviert ihr in eurem WordPress Backend die Möglichkeit, Artikelbilder zu verwenden. Einbinden könnt ihr das […]

Zum Artikel

Schriften einbetten mit Font-Face

Ich möchte euch in diesem Artikel zeigen, wie ihr ganz einfach beliebige Schriftarten im Web einsetzen könnt. Dafür wird kein Javascript benötigt. Alle modernen Browser unterstützen mittlerweile die Einbettung mit @font-face. Für ältere Browser kann man alternativ andere Schriftarten angeben, die verwendet werden, wenn die erste nicht erkannt wird. Die Vorbereitung Zuerst sorgen wir dafür, […]

Zum Artikel

WordPress und der aktive Zustand in der Navigation

Ich bin vor kurzem auf ein kniffliges Problem gestoßen. WordPress generiert für feste Seiten, die in der Navigation laufen, die Klasse “current-page-item”, um den Zustand des Buttons auch in angewählter Form verändern zu können. So schaffen wir es ohne Probleme der Navigation einen aktiven Zustand zu verpassen. Doch was geschieht mit dem Navigationspunkt, der nicht […]

Zum Artikel