kulturbanause Blog

Responsive Design, WordPress, Konzeption, HTML, CSS, JS & UX/UI …


IDs von Seiten, Beiträgen und Medien im WordPress-Backend anzeigen

Alle Beiträge, Seiten und Medien in WordPress besitzen eine ID, anhand derer sie in der Datenbank identifiziert werden können. Je nach Komplexität des Themes, oder beim Einsatz spezieller Widgets und Plugins benötigt ihr diese Nummer um auf die entsprechenden Inhalte verweisen zu können. Ärgerlich ist, dass die IDs innerhalb des Administrationsbereichs nicht sichtbar sind. Ihr müsst die ID mühsam anhand der Ziel-Adresse des »Bearbeiten-Links« ablesen. Mit folgendem Snippet werden die IDs im Backend permanent angezeigt.

Beitrag zu Ende lesen

Einstieg in Sass – Funktionsweise und Überblick

Bei komplexen Websites kann die Übersicht im CSS-Code schnell verloren gehen. Moderne Websites nutzen ein durchdachtes Farbkonzept, basieren auf einem Gestaltungsraster das jede erdenkliche Displaygröße bedienen kann, und werden zunehmend interaktiv. Eine stark fragmentierte Browserlandschaft und verschiedene Bedienkonzepte machen die Arbeit zusätzlich kompliziert. Die Reaktion auf diese veränderten Anforderungen ist der »neue« Webdesign-Workflow, den ich in einigen Artikeln bereits ausführlich behandelt habe.
In diesem Artikel möchte ich euch Sass vorstellen. Sass hilft euch dabei, Stylesheets schneller zu schreiben und moderne oder experimentelle Techniken unkompliziert und browserübergreifend einzusetzen. Sass automatisiert lästige Aufgaben, vereinfacht den Umgang mit Farben und Gestaltungsrastern und bietet diverse Funktionen von denen ihr in CSS nur träumen könnt.

Beitrag zu Ende lesen

Anklickbare Telefonnummern – Telefonate, FaceTime- oder Skype-Anrufe direkt über die Website ermöglichen

Klickbare Telefonnummern

Viele Geräte mit denen Websites besucht werden sind zum Telefonieren oder Video-Chatten geeignet. Um einem Anwender, der beispielsweise mit seinem Smartphone die Website besucht, die Kontaktaufnahme so einfach wie möglich zu machen, sollten Telefonnummern anklickbar sein. Telefonate, FaceTime- oder Skype-Anrufe lassen sich ohne großen Aufwand komfortabel einrichten.

Beitrag zu Ende lesen

Interaktionen und Mouse-Over-Effekte mit CSS-Transitions

Mit der CSS-Eigenschaft transition könnt ihr anschauliche Interaktionen und Mouse-Over-Effekte erzeugen, ohne dabei Javascript oder Flash verwenden zu müssen. Präziser ausgedrückt kann der Ausgangswert einer CSS-Eigenschaft fließend in einen neuen Wert übergehen (»Transition« zu Deutsch »Übergang«). In diesem Beitrag lernt ihr die in diesem Zusammenhang relevanten CSS-Eigenschaften kennen.

Beitrag zu Ende lesen