Was ist CSS? Wie verwendet man CSS in WordPress?

Was ist CSS? Wie verwendet man CSS in WordPress?
Paul Steele

Inhaltsverzeichnis

CSS oder Cascading Style Sheets ist eine Stylesheet-Sprache, mit der das visuelle Erscheinungsbild und die Formatierung von HTML-Dokumenten definiert werden. WordPress-Themes verwenden CSS und HTML, um die von WordPress generierten Daten auszugeben. Jedes WordPress-Theme enthält eine style.css Datei, die Stilregeln enthält, um die Formatierung der von WordPress erzeugten Seiten zu definieren.

CSS ist sehr einfach zu verwenden und leicht zu erlernen. Es gibt viele Websites, die CSS-Tutorials für Anfänger veröffentlichen, die einem neuen WordPress-Benutzer den Einstieg erleichtern können. Da es jedoch sehr einfach zu verwenden ist, können viele WordPress-Benutzer die Grundlagen verstehen, indem sie einfach einen Blick auf das Theme ihres WordPress style.css Datei.

Beispiel: 

 body { font-size:14px; color: #444; background-color:#FFFFFF; } h1 { font-size:18px; text-transform:uppercase; } .post-title { font-size: 16px; color: #4C0000; font-weight:normal; }
Veranstaltet mit ❤️ von WPCode

1-Klick-Verwendung in WordPress

HTML-Elemente können direkt in CSS gestaltet werden. Designer verwenden auch Kennungen und Klassen um verschiedene Abschnitte zu definieren, die mit CSS gestaltet werden können. Dies hilft ihnen, verschiedene Stile für dieselben HTML-Elemente auf einer Webseite, aber in verschiedenen Abschnitten, zu verwenden. Zum Beispiel kann ein h1 Element für den Blogtitel im Kopfbereich einer Seite kann anders gestaltet werden als ein anderes h1 Element im Beitragsbereich der gleichen Seite.

Beispiel:

Veranstaltet mit ❤️ von WPCode

1-Klick-Verwendung in WordPress

Der oben gezeigte HTML-Code enthält einen Bezeichner namens 'Kopfzeile' und eine Klasse namens 'blog-title' Diese Abschnitte können mit CSS gestaltet werden.

Beispiel: 

 #header { background-color:#4C0000; height:120px; width:100%; padding:20px; } h1.blog-title a { font-color:#FFFFFF; font-size:16px; font-family: Georgia, "Times New Roman", serif; text-decoration:none; }
Veranstaltet mit ❤️ von WPCode

1-Klick-Verwendung in WordPress

Weitere Lektüre

  • Thema
  • Wie man das WordPress-Kommentarformular gestaltet (ultimative Anleitung)
  • Wie man die Hintergrundfarbe in WordPress ändert (Anleitung für Anfänger)


Paul Steele
Paul Steele
Als Gründer der erfolgreichen Online-Marketing-Agentur unterstützt Paul Steele seit über einem Jahrzehnt Unternehmen jeder Größe beim Aufbau einer starken Online-Präsenz. Sein Fachwissen umfasst alles von Suchmaschinenoptimierung bis hin zu Social-Media-Marketing, aber seine wahre Leidenschaft liegt darin, Anfängern dabei zu helfen, das Innenleben von WordPress zu verstehen. Mit seinem Talent, komplizierte Konzepte in leicht verständliche Schritte zu zerlegen, ist Pauls Anfängerleitfaden für WordPress zu einer unverzichtbaren Ressource für neue Website-Besitzer, Blogger und Unternehmer geworden, die die Kontrolle über ihre Online-Präsenz übernehmen möchten. Egal, ob Sie Ihre Website für Suchmaschinen optimieren, das Erscheinungsbild Ihrer Website anpassen oder einfach nur durch die WordPress-Benutzeroberfläche navigieren möchten, Pauls freundliche und zugängliche Herangehensweise sorgt dafür, dass sich der Prozess weniger einschüchternd und überschaubarer anfühlt. Als begeisterter Blogger und erfahrener digitaler Vermarkter teilt Paul sein Wissen und seine Erkenntnisse auch zu anderen Themen im Zusammenhang mit Online-Marketing und hilft seinen Lesern, über die neuesten Trends und Best Practices in der Branche auf dem Laufenden zu bleiben.