{"id":241305,"date":"2022-04-06T13:30:00","date_gmt":"2022-04-06T10:30:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=241305"},"modified":"2021-10-27T15:36:56","modified_gmt":"2021-10-27T12:36:56","slug":"was-ist-css-und-wie-wirkt-es-sich-auf-wordpress-aus","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/was-ist-css-und-wie-wirkt-es-sich-auf-wordpress-aus\/","title":{"rendered":"Was ist CSS und wie wirkt es sich auf WordPress aus?"},"content":{"rendered":"

Wenn Sie eine WordPress-Site betreiben, werden Sie mit Sicherheit auf den Begriff \u201eCSS“ sto\u00dfen. In diesem Beitrag erfahren Sie, was CSS ist und wie es sich auf Ihre Site auswirkt.<\/p>\n

Dies ist ein kurzer \u00dcberblick, damit Sie nicht lernen, wie man CSS schreibt, aber Sie werden seinen Platz im Web und auf Ihrer Website verstehen.<\/p>\n

Was ist CSS?<\/h2>\n

CSS wird zum Stylen von Webseiten verwendet. Es wurde ausschlie\u00dflich geschrieben, um die Pr\u00e4sentation einer Website zu \u00e4ndern.<\/p>\n

Sehen Sie sich diesen Screenshot von IMDb.com an:<\/p>\n

\"Was<\/a><\/p>\n

Screenshot 1: IMDb<\/p>\n

Vergleichen Sie das nun mit diesem Screenshot von IMDb mit deaktiviertem CSS:<\/p>\n

\"Was<\/a><\/p>\n

Screenshot 2: IMDb \u2013 Kein CSS<\/p>\n

Nicht so h\u00fcbsch, oder?<\/p>\n

Der Inhalt \u2013 die W\u00f6rter, Links etc. \u2013 ist in beiden Beispielen exakt gleich. Der Unterschied ist das offensichtliche Fehlen von Styling.<\/p>\n

Was Sie in Screenshot 2 sehen k\u00f6nnen, ist eine Liste von Links, die normalerweise wie ein Men\u00fc aussehen w\u00fcrden.<\/p>\n

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\u00fcrden alle Websites wie im obigen Screenshot aussehen. Das wirft die Frage auf, was sehen wir in diesem Screenshot?<\/p>\n

Mit HTML erstellt, mit CSS gestaltet<\/h3>\n

Um den Platz von CSS im Web zu verstehen, m\u00fcssen Sie sich mit HTML auskennen.<\/p>\n

So sieht der Roh-HTML-Code f\u00fcr denselben Teil der IMDb-Homepage aus:<\/p>\n

\"Was<\/a><\/p>\n

Screenshot 3: IMDb \u2013 HTML<\/p>\n

In Screenshot 3 sehen Sie den HTML-Code, der oft als \u201eQuellcode“ bezeichnet wird. Daraus werden Websites gemacht. Es ist das, was Ihr Browser liest und was der Googlebot beim Crawlen Ihrer Website sieht.<\/p>\n

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).<\/p>\n

CSS mit WordPress<\/h2>\n

Zusammenfassend l\u00e4sst sich sagen, dass Websites mit HTML erstellt und mit CSS gestaltet werden. Ihre WordPress-Site ist nicht anders.<\/p>\n

In der Praxis ist es hilfreich zu wissen, dass HTML verwendet wird, um Inhalt zu einer Seite hinzuzuf\u00fcgen, und CSS wird immer verwendet, um sie zu gestalten. Alle Stil\u00e4nderungen, die Sie an Ihrer Site vornehmen m\u00f6chten \u2013 erh\u00f6hen Sie die Logogr\u00f6\u00dfe, \u00e4ndern Sie die Hintergrundfarbe usw. \u2013 werden mit CSS durchgef\u00fchrt.<\/p>\n

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.<\/p>\n

Offenlegung:<\/strong> Dieser Beitrag kann Affiliate-Links enthalten. Der Kauf eines Produkts \u00fcber einen dieser Links generiert eine Provision f\u00fcr uns, ohne dass Ihnen zus\u00e4tzliche Kosten entstehen.<\/p>\n

Aufnahmequelle: www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Wenn Sie eine WordPress-Site betreiben, werden Sie mit Sicherheit auf den Begriff „CSS“ sto\u00dfen. In diesem Beitrag erfahren Sie, was CSS ist und wie es sich auf Ihre Website auswirkt.<\/p>\n","protected":false},"author":1,"featured_media":261699,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[547],"tags":[845],"class_list":["post-241305","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress-anpassen","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/241305","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/comments?post=241305"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/241305\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/261699"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=241305"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=241305"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=241305"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}