Was ist CSS und wie wirkt es sich auf WordPress aus?
Wenn Sie eine WordPress-Site betreiben, werden Sie mit Sicherheit auf den Begriff „CSS” stoßen. In diesem Beitrag erfahren Sie, was CSS ist und wie es sich auf Ihre Site auswirkt.
Dies ist ein kurzer Überblick, damit Sie nicht lernen, wie man CSS schreibt, aber Sie werden seinen Platz im Web und auf Ihrer Website verstehen.
Was ist CSS?
CSS wird zum Stylen von Webseiten verwendet. Es wurde ausschließlich geschrieben, um die Präsentation einer Website zu ändern.
Sehen Sie sich diesen Screenshot von IMDb.com an:
Screenshot 1: IMDb
Vergleichen Sie das nun mit diesem Screenshot von IMDb mit deaktiviertem CSS:
Screenshot 2: IMDb – Kein CSS
Nicht so hübsch, oder?
Der Inhalt – die Wörter, Links etc. – ist in beiden Beispielen exakt gleich. Der Unterschied ist das offensichtliche Fehlen von Styling.
Was Sie in Screenshot 2 sehen können, ist eine Liste von Links, die normalerweise wie ein Menü aussehen würden.
Wenn ich sagte, dass CSS zum Stylen von Webseiten verwendet wird, meine ich, dass es DIE Art und Weise ist, wie Webseiten gestaltet werden. Ohne sie würden alle Websites wie im obigen Screenshot aussehen. Das wirft die Frage auf, was sehen wir in diesem Screenshot?
Mit HTML erstellt, mit CSS gestaltet
Um den Platz von CSS im Web zu verstehen, müssen Sie sich mit HTML auskennen.
So sieht der Roh-HTML-Code für denselben Teil der IMDb-Homepage aus:
Screenshot 3: IMDb – HTML
In Screenshot 3 sehen Sie den HTML-Code, der oft als „Quellcode” bezeichnet wird. Daraus werden Websites gemacht. Es ist das, was Ihr Browser liest und was der Googlebot beim Crawlen Ihrer Website sieht.
Wenn Sie eine Webseite besuchen, nimmt Ihr Browser das rohe HTML (Screenshot 3) und rendert eine verwendbare Webseite (Screenshot 2). Wenn CSS-Dateien vorhanden sind, werden diese geladen und zum Stylen der Webseite verwendet (Screenshot 1).
CSS mit WordPress
Zusammenfassend lässt sich sagen, dass Websites mit HTML erstellt und mit CSS gestaltet werden. Ihre WordPress-Site ist nicht anders.
In der Praxis ist es hilfreich zu wissen, dass HTML verwendet wird, um Inhalt zu einer Seite hinzuzufügen, und CSS wird immer verwendet, um sie zu gestalten. Alle Stiländerungen, die Sie an Ihrer Site vornehmen möchten – erhöhen Sie die Logogröße, ändern Sie die Hintergrundfarbe usw. – werden mit CSS durchgeführt.
Ich hoffe, Sie fanden dies hilfreich, um CSS und seinen Platz auf Ihrer Website zu verstehen. Wenn Sie Fragen haben, posten Sie diese in den Kommentaren unten.
Offenlegung: Dieser Beitrag kann Affiliate-Links enthalten. Der Kauf eines Produkts über einen dieser Links generiert eine Provision für uns, ohne dass Ihnen zusätzliche Kosten entstehen.