Wordpress CSS Plugin für Einsteiger

 

Wordpress ist das meistbenutzte CMS im World Wide Web. Es ermöglicht das einfache Management von Content. Für die Nutzung von Wordpress werden im Gründe keine Progragmier Vorkenntnisse benötigt. Dennoch stößt man als Leie schnell an die grenzen wenn man eigene Anpassungen vornehmen will.

Dafür haben wir das KM Custom CSS Plugin Entwickelt. Es ermöglicht einen kinderleichten Eingriff in die CSS Styles der Wordpress Oberfläche. Dazu steht ihnen neben dem Code Editor immer die komplette CSS Dokumentation zur verfügung. Hier können sie z.B. nachlesen wie sie bestimmte Elemente auf ihrer Seite auswählen können, welche Styling Regeln es gibt und wie sie diese Anwenden. 

 

In dieser Dokumentation finden sie diverse Code Snippets die sie bei Bedarf einfach in ihren Code Editor kopieren können und anpassen können.

Installation

  1. Laden sie die .zip Datei hier herunter
  2. Gehen sie in Ihr Wordpress Backend unter Plugins -> Plugins hochladen
  3. Laden sie die .zip Datei hoch
  4. Aktivieren sie das Plugin
  5. Das Plugin Menü erscheint in ihrem Wordpress Menü

Nun müssen sie auf dad Plugin Menü klicken. Anschließend gelangen sie auf den CSS Code Editor vom KM Custom CSS Plugin. In diesen Code Editor können sie alle CSS Styles eingtragen die auf ihrer Seite gelten sollen. Der Code Editor wird mithilfe von Codemirror eingebunden, welcher bereits im Core von Wordpress enthalten ist. Es werden also keine Scripts von 3. auf ihrer Seite geladen. 

CSS Dokumentation

Direkt neben dem Code Editor finden sie unsere CSS Dokumentation. Hier können sie mit Tab Buttons und Auswahlfeldern durch die verschiendenen Sektionen der Dokumenation durchnavigieren. Hier finden sie alle CSS Regeln erklärt. Die perfekte Anlaufstelle wenn sie gerade mal nicht weiter wissen. 

In dieser Dokumentation finden sie ebenfalls zu jeder Regel ein Code Snippet welches diese Erklärt. Diese können sie ganz einfach in den Editor kopieren und anpassen. 

0 0 vote
Article Rating