Ab und zu kommt es vor, dass der Admin-Bereich von WordPress individuell gestaltet werden soll. Beispielsweise soll das Farbkonzept für den Kunden angepasst werden. Zu diesem Zweck könnt ihr ein zusätzliches Stylesheet erstellen und mittels Action-Hook im Backend laden. In diesem Beitrag erklären wir, was getan werden muss.
Seit WordPress 4.5 haben Theme-Entwickler die Möglichkeit im Customizer den Logo-Upload zu erlauben. Wenn die Funktion integriert wurde, sehen Redaktuere im Backend die Option ein Logo hochzuladen, dass dann auf der Website erscheint. In diesem Beitrag beschreiben wir wie die Funktion eingebaut wird, und welche Optionen euch zur Verfügung stehen
Beitrag zu Ende lesen
Transparente Umrandungen mit Hilfe der border-Eigenschaft scheinen auf den ersten Blick kein Problem zu sein. In der Praxis stellt sich jedoch schnell heraus, dass es nicht so funktioniert, wie in der Theorie gedacht. Und so entstehen oft völlig überflüssige <div>-Verschachtelungen. Um euch vor solch peinlichen Konstruktionen zu bewahren, zeigen wir euch in diesem Beitrag wie es sauberer umgesetzt wird und rufen in diesem Zusammenhang die Eigenschaft background-clip in Erinnerung
Mit einem Template Tag stellt WordPress an der Stelle, an der dieser eingebunden wird, eine bestimmte Information aus der Datenbank zur Verfügung. Es gibt sehr viele verschiedene Template Tags. Um die Funktionsweise zu verdeutlichen, zeigen wir euch eine kleine Auswahl der gebräuchlichsten. Bitte beachtet auch, dass einige Template Tags nur innerhalb des Loops funktionieren. Beitrag zu Ende lesen
WordPress setzt ein Theme aus verschiedenen Template-Dateien zusammen. Eine einfache Seite besteht beispielsweise aus drei Einzeldateien für Header, Inhaltbereich und Footer. Mit sog. Template Include-Tags werden Templates mit miteinander verknüpft bzw. ineinander inkludiert. Im Gegensatz zu einem »PHP-Include« sollen innerhalb von WordPress Template Include-Tags bevorzugt werden. Beitrag zu Ende lesen
Textinhalte die optisch in oder vor einem Bild positioniert werden sollen, stellen in einem flexiblen Layout eine große Herausforderung dar. Das Problem besteht darin, dass Bilder meist proportional skaliert werden, wohingegen Texte einfach nur an anderer Stelle umbrechen. Dadurch entsteht ein schwer steuerbares Ungleichgewicht.
Individuelle Breakpoints für jedes Bild sind zwar technisch möglich, in der Praxis jedoch meist nicht realistisch. Auch wäre es denkbar, den Text direkt mit in die Grafik zu speichern, doch aus Gründen der Suchmaschinenoptimierung, Editierbarkeit und Übersetzbarkeit ist eine solche Lösung ebenfalls inakzeptabel.
In diesem Beitrag erklären wir, wie Texte, die optisch vor einem Bild platziert wurden, gemeinsam mit dem Bild proportional skaliert werden können.
Seit dem 28.04.2016 ist unser neues Video-Training zum Thema WordPress-Theme-Entwicklung als Download und als DVD im Handel erhältlich. Das Training ist wie unsere bisherigen Trainings auch im Rheinwerk-Verlag erschienen.
Mit diesem Gewinnspiel möchten wir euch die Chance geben ein signiertes DVD-Training zu gewinnen. Wir verlosen insgesamt zwei Exemplare.
Wer sich mit CSS beschäftigt, muss eine Vielzahl von Begriffen kennen. Es gibt Keywords, Values, Media Queries, Combinators, Attribute-Selectors, Rule-Sets, …
Beitrag zu Ende lesenDas Testen und Debuggen von responsiven Layouts kann trotz moderner Browser-Landschaft und DevTools aufwändig werden. Wir haben seit einiger Zeit …
Beitrag zu Ende lesenVor zehn Jahren wurde der Begriff »Responsive Web Design« geschaffen. Der berühmte Artikel erschien auf dem Fachportal »A List Apart« und …
Beitrag zu Ende lesenkulturbanause gestaltet Benutzeroberflächen auf Basis von Web Technologien und keine nativen Apps. Dennoch ist es wichtig zu wissen, welche Regeln …
Beitrag zu Ende lesenDie Begriffe Modal, Dialog, Lightbox, PopUp usw. werden häufig nicht trennscharf verwendet. Doch es gibt klare Unterschiede, wann ein Dialog modal …
Beitrag zu Ende lesenDie Benennung von Komponenten kann zu den schwierigsten Aufgaben bei der Entwicklung von Design Systemen und Component Libraries gehören. Ziel …
Beitrag zu Ende lesen