{"id":99628,"date":"2022-09-20T09:42:15","date_gmt":"2022-09-20T07:42:15","guid":{"rendered":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?p=99628"},"modified":"2022-09-20T09:42:16","modified_gmt":"2022-09-20T07:42:16","slug":"schnell-einfach-css-anpassungen-in-wordpress","status":"publish","type":"post","link":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/schnell-einfach-css-anpassungen-in-wordpress\/","title":{"rendered":"Schnell & einfach: CSS-Anpassungen in WordPress"},"content":{"rendered":"\n

In den allermeisten WordPress-Themes hast du die M\u00f6glichkeit, kleinere<\/strong> Anpassungen am Design und am CSS vorzunehmen, ohne daf\u00fcr ein Plugin zu bem\u00fchen, oder ein Child-Theme<\/a> erstellen zu m\u00fcssen.<\/p>\n\n\n\n\n\n\n\n

Worum geht\u2019s?<\/h2>\n\n\n\n

Nehmen wir mal an, du w\u00fcrdest gerne die Schriftgr\u00f6\u00dfe bei den \u00dcberschriften anpassen, die Farbe der Listenzeichen \u00e4ndern und noch eine Hinweisbox stylen. Das sind \u00fcberschaubare Anpassungen und hier w\u00e4re ein Child-Theme zu viel des Guten. Der Einsatz eines WordPress-Plugins, wie Simple Custom CSS<\/a>, ist denkbar, aber auch das ist nicht wirklich notwendig.<\/p>\n\n\n\n

In den allermeisten verf\u00fcgbaren Themes kannst du \u00fcber den Customizer<\/em> eigenes CSS hinzuf\u00fcgen und somit das aktuell aktives Theme erweitern und anpassen.<\/p>\n\n\n\n

\"Customizer
Den Customizer<\/em> erreichst du \u00fcber Design<\/em> \u2192 Customizer<\/em><\/figcaption><\/figure>\n\n\n\n

Direkt am Anfang sollte ich erw\u00e4hnen, dass du den Men\u00fcpunkt Customizer<\/em> im aktuellen Standard-Theme Twenty Twenty-Two<\/a> nicht mehr sehen wirst. Die Situation ist allerdings momentan so, dass von den knapp 10.000 verf\u00fcgbaren Themes im offiziellen Verzeichnis<\/a> nur<\/strong> 137 als Block-Themes gekennzeichnet werden. Das hei\u00dft: bei gut 98 Prozent der Themes, wirst du den Men\u00fcpunkt sehen k\u00f6nnen.<\/p>\n\n\n\n

Nachdem du Customizer<\/em> aufgerufen hast, wirst du dort einen zus\u00e4tzlichen Unterpunkt im Men\u00fc mit dem Namen Zus\u00e4tzliches CSS<\/em> finden. Wenn du diesen Unterpunkt aufrufst, dann kannst du dort dein individuelles CSS eingeben, wie im folgenden Beispiel:<\/p>\n\n\n\n

\"Screenshot:
Unter Design<\/em> \u2192 Customizer<\/em> \u2192 Zus\u00e4tzliches CSS<\/em> kannst du die Anpassungen am aktuellen Theme vornehmen.<\/figcaption><\/figure>\n\n\n\n

Die Textbox, in der du die CSS-Regeln eingeben kannst, verf\u00fcgt \u00fcber Syntax-Hervorhebung und \u00fcber rudiment\u00e4ren Support f\u00fcr die CSS-Syntax. Nicht zu vergleichen mit ausgewachsenen Code-Editoren, aber dennoch hilfreich bei der Eingabe.<\/p>\n\n\n\n

Vor- und Nachteile dieser Methode<\/h2>\n\n\n\n

Diese einfache Methode hat ihre Vor-, aber auch Nachteile. Weiter oben, habe ich erw\u00e4hnt, dass diese M\u00f6glichkeit bei den Block-Themes nicht existiert, aber diese sind momentan noch in vernachl\u00e4ssigbarer Minderheit.<\/p>\n\n\n\n

Die CSS-Anpassungen, die du so eintr\u00e4gst, beziehen sich nur auf das aktuell aktive Theme. Anderseits ist es in der Regel so, dass es nur selten Design-Anpassungen gibt, die mehrere Themes betreffen k\u00f6nnten. Andersherum k\u00f6nnte das sogar ein weiterer Vorteil dieser Methode sein. Bei einem Theme-Wechsel hast du auch keine Altlasten, die du mitschleppst, weil du etwa vergessen hast, ein Plugin zu deaktivieren.<\/p>\n\n\n\n

Direkt mit WordPress<\/a> durchstarten:<\/strong><\/p>\n\n\nZu den WordPress-Paketen<\/a>\n\n\n

Photo by Nick Karvounis<\/a> on Unsplash<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

WordPress erm\u00f6glicht dir, kleinere CSS-Anpassungen am Design vorzunehmen, ohne daf\u00fcr ein Plugin oder ein Child-Theme bem\u00fchen zu m\u00fcssen.<\/p>\n","protected":false},"author":191,"featured_media":99708,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[440,490],"tags":[768,769,771],"acf":[],"yoast_head":"\nSchnell & einfach: CSS-Anpassungen in WordPress<\/title>\n<meta name=\"description\" content=\"WordPress erm\u00f6glicht dir, kleinere CSS-Anpassungen am Design vorzunehmen, ohne daf\u00fcr ein Plugin oder ein Child-Theme bem\u00fchen zu m\u00fcssen.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Schnell & einfach: CSS-Anpassungen in WordPress\" \/>\n<meta property=\"og:description\" content=\"WordPress erm\u00f6glicht dir, kleinere CSS-Anpassungen am Design vorzunehmen, ohne daf\u00fcr ein Plugin oder ein Child-Theme bem\u00fchen zu m\u00fcssen.vvvvvvvvvvvvvvvvvvv\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/schnell-einfach-css-anpassungen-in-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"STRATO Blog DE Staging\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/strato\" \/>\n<meta property=\"article:published_time\" content=\"2022-09-20T07:42:15+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-20T07:42:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/09\/symbolbild-css-code.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"728\" \/>\n\t<meta property=\"og:image:height\" content=\"410\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Vladimir Simovi\u0107\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"WordPress erm\u00f6glicht dir, kleinere CSS-Anpassungen am Design vorzunehmen, ohne daf\u00fcr ein Plugin oder ein Child-Theme bem\u00fchen zu m\u00fcssen.\" \/>\n<meta name=\"twitter:creator\" content=\"@vlad_perun\" \/>\n<meta name=\"twitter:site\" content=\"@STRATO_AG\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vladimir Simovi\u0107\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/schnell-einfach-css-anpassungen-in-wordpress\/\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/schnell-einfach-css-anpassungen-in-wordpress\/\",\"name\":\"Schnell & einfach: CSS-Anpassungen in WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website\"},\"datePublished\":\"2022-09-20T07:42:15+00:00\",\"dateModified\":\"2022-09-20T07:42:16+00:00\",\"author\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/d2bc2cf7a9963254156626a1bdbf8388\"},\"description\":\"WordPress erm\u00f6glicht dir, kleinere CSS-Anpassungen am Design vorzunehmen, ohne daf\u00fcr ein Plugin oder ein Child-Theme bem\u00fchen zu m\u00fcssen.\",\"breadcrumb\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/schnell-einfach-css-anpassungen-in-wordpress\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/schnell-einfach-css-anpassungen-in-wordpress\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/schnell-einfach-css-anpassungen-in-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Schnell & einfach: CSS-Anpassungen in WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/\",\"name\":\"STRATO Blog DE Staging\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/d2bc2cf7a9963254156626a1bdbf8388\",\"name\":\"Vladimir Simovi\u0107\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/04\/vladimir-simovic-strato-blog-110x110.jpg\",\"contentUrl\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/04\/vladimir-simovic-strato-blog-110x110.jpg\",\"caption\":\"Vladimir Simovi\u0107\"},\"description\":\"Vladimir Simovi\u0107 arbeitet seit 2000 mit HTML & CSS und seit Januar 2004 mit WordPress. Im Laufe der Jahre hat er diverse Fachb\u00fccher und Fachartikel publiziert. Seit April 2022 ist er als Senior Online-Redakteur f\u00fcr den Blog-Bereich von STRATO verantwortlich.\",\"sameAs\":[\"https:\/\/www.vladimir-simovic.de\",\"https:\/\/twitter.com\/vlad_perun\",\"https:\/\/de.wikipedia.org\/wiki\/Vladimir_Simovic\"],\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/author\/vladimir-simovic\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Schnell & einfach: CSS-Anpassungen in WordPress","description":"WordPress erm\u00f6glicht dir, kleinere CSS-Anpassungen am Design vorzunehmen, ohne daf\u00fcr ein Plugin oder ein Child-Theme bem\u00fchen zu m\u00fcssen.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"de_DE","og_type":"article","og_title":"Schnell & einfach: CSS-Anpassungen in WordPress","og_description":"WordPress erm\u00f6glicht dir, kleinere CSS-Anpassungen am Design vorzunehmen, ohne daf\u00fcr ein Plugin oder ein Child-Theme bem\u00fchen zu m\u00fcssen.vvvvvvvvvvvvvvvvvvv","og_url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/schnell-einfach-css-anpassungen-in-wordpress\/","og_site_name":"STRATO Blog DE Staging","article_publisher":"https:\/\/www.facebook.com\/strato","article_published_time":"2022-09-20T07:42:15+00:00","article_modified_time":"2022-09-20T07:42:16+00:00","og_image":[{"width":728,"height":410,"url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/09\/symbolbild-css-code.jpg","type":"image\/jpeg"}],"author":"Vladimir Simovi\u0107","twitter_card":"summary_large_image","twitter_description":"WordPress erm\u00f6glicht dir, kleinere CSS-Anpassungen am Design vorzunehmen, ohne daf\u00fcr ein Plugin oder ein Child-Theme bem\u00fchen zu m\u00fcssen.","twitter_creator":"@vlad_perun","twitter_site":"@STRATO_AG","twitter_misc":{"Verfasst von":"Vladimir Simovi\u0107","Gesch\u00e4tzte Lesezeit":"2 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/schnell-einfach-css-anpassungen-in-wordpress\/","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/schnell-einfach-css-anpassungen-in-wordpress\/","name":"Schnell & einfach: CSS-Anpassungen in WordPress","isPartOf":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website"},"datePublished":"2022-09-20T07:42:15+00:00","dateModified":"2022-09-20T07:42:16+00:00","author":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/d2bc2cf7a9963254156626a1bdbf8388"},"description":"WordPress erm\u00f6glicht dir, kleinere CSS-Anpassungen am Design vorzunehmen, ohne daf\u00fcr ein Plugin oder ein Child-Theme bem\u00fchen zu m\u00fcssen.","breadcrumb":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/schnell-einfach-css-anpassungen-in-wordpress\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stg.blog-de.strato.wpcust.com\/blog\/schnell-einfach-css-anpassungen-in-wordpress\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/schnell-einfach-css-anpassungen-in-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Schnell & einfach: CSS-Anpassungen in WordPress"}]},{"@type":"WebSite","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/","name":"STRATO Blog DE Staging","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/d2bc2cf7a9963254156626a1bdbf8388","name":"Vladimir Simovi\u0107","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/04\/vladimir-simovic-strato-blog-110x110.jpg","contentUrl":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2022\/04\/vladimir-simovic-strato-blog-110x110.jpg","caption":"Vladimir Simovi\u0107"},"description":"Vladimir Simovi\u0107 arbeitet seit 2000 mit HTML & CSS und seit Januar 2004 mit WordPress. Im Laufe der Jahre hat er diverse Fachb\u00fccher und Fachartikel publiziert. Seit April 2022 ist er als Senior Online-Redakteur f\u00fcr den Blog-Bereich von STRATO verantwortlich.","sameAs":["https:\/\/www.vladimir-simovic.de","https:\/\/twitter.com\/vlad_perun","https:\/\/de.wikipedia.org\/wiki\/Vladimir_Simovic"],"url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/author\/vladimir-simovic\/"}]}},"_links":{"self":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/99628"}],"collection":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/users\/191"}],"replies":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/comments?post=99628"}],"version-history":[{"count":24,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/99628\/revisions"}],"predecessor-version":[{"id":99728,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/99628\/revisions\/99728"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/media\/99708"}],"wp:attachment":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/media?parent=99628"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/categories?post=99628"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/tags?post=99628"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}