{"id":241086,"date":"2022-04-03T14:45:00","date_gmt":"2022-04-03T11:45:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=241086"},"modified":"2022-05-16T11:31:39","modified_gmt":"2022-05-16T08:31:39","slug":"so-andern-sie-die-hintergrundfarben-in-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/so-andern-sie-die-hintergrundfarben-in-wordpress\/","title":{"rendered":"So \u00e4ndern Sie die Hintergrundfarben in WordPress"},"content":{"rendered":"<p>Sie m\u00f6chten also die Hintergrundfarbe Ihrer Site \u00e4ndern.<\/p>\n<p>Es sollte nicht schwer sein, aber hier ist die Sache\u2026<\/p>\n<p>Jedes Theme verwendet unterschiedlichen HTML-Code, um die Elemente in Ihrer Site zu erstellen. Das bedeutet, dass Sie mit dem Thema vertraut sein m\u00fcssen, um zu wissen, wie Sie es anpassen k\u00f6nnen.<\/p>\n<p>Oft gibt es keine einheitliche L\u00f6sung, aber vielleicht haben Sie Gl\u00fcck.<\/p>\n<h2>Das k\u00f6nnte funktionieren<\/h2>\n<p>Kopieren Sie dieses CSS und f\u00fcgen Sie es in den Abschnitt &quot;Zus\u00e4tzliches CSS&quot; Ihres Customizers ein (Darstellung &gt; Anpassen).<\/p>\n<pre><code>body {\n  background: #05B0E7;\n}<\/code><\/pre>\n<p>Dadurch sollte der Hintergrund blau werden, und dann k\u00f6nnen Sie den hexadezimalen Farbcode in jede gew\u00fcnschte Farbe \u00e4ndern. Sie k\u00f6nnen einen <a href=\"https:\/\/www.webpagefx.com\/web-design\/color-picker\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">solchen Farbw\u00e4hler verwenden,<\/a> wenn Sie Hilfe bei der Suche nach einem Hex-Code ben\u00f6tigen.<\/p>\n<p>Da jedes Thema anders ist, kann ich nicht versprechen, dass der Code funktioniert, daher w\u00fcrde ich als N\u00e4chstes empfehlen.<\/p>\n<h2>Das wird auf jeden Fall funktionieren<\/h2>\n<p>Eine Frage zuerst:<\/p>\n<p>Ist dies die einzige Anpassung, die Sie vornehmen m\u00f6chten? Oder w\u00e4re es auch sch\u00f6n, die Gr\u00f6\u00dfe der Beitragstitel oder die Farbe des Headers zu \u00e4ndern?<\/p>\n<p>Wenn Sie eine Handvoll \u00c4nderungen vornehmen m\u00f6chten, werden Sie CSS Hero vielleicht wirklich genie\u00dfen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fbe6cfc1.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fbe6cfc1.png\" alt=\"So \u00e4ndern Sie die Hintergrundfarben in WordPress\"><\/a><\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/css-hero-bg-color\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">CSS Hero<\/a> ist das perfekte Tool, um visuelle Anpassungen an Ihrer Website vorzunehmen. Sie k\u00f6nnen zum Beispiel:<\/p>\n<ul>\n<li>Hintergrundfarben \u00e4ndern<\/li>\n<li>W\u00e4hlen Sie neue Schriftarten<\/li>\n<li>Hintergrundbilder hinzuf\u00fcgen<\/li>\n<li>Passen Sie den Abstand um jedes Element an<\/li>\n<\/ul>\n<p>Wir haben eine <a href=\"https:\/\/themewp.inform.click\/de\/so-passen-sie-ihre-wordpress-site-mit-css-hero-an\/\" title=\"vollst\u00e4ndige Anleitung zur Verwendung von CSS Hero\">vollst\u00e4ndige Anleitung zur Verwendung von CSS Hero<\/a>, aber hier erfahren Sie genau, wie Sie damit Ihre Hintergrundfarbe \u00e4ndern k\u00f6nnen.<\/p>\n<h2>So \u00e4ndern Sie Ihre Hintergrundfarbe<\/h2>\n<p>CSS Hero bietet Ihnen eine brandneue Oberfl\u00e4che zum Bearbeiten Ihrer Website.<\/p>\n<p>Auf der rechten Seite ist eine Vorschau der Site. Klicken Sie auf ein beliebiges Element in der Vorschau und die linke Seite wird mit allen verf\u00fcgbaren Anpassungsoptionen gef\u00fcllt.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc1079ff.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc1079ff.png\" alt=\"So \u00e4ndern Sie die Hintergrundfarben in WordPress\"><\/a><\/p>\n<p>CSS Hero wird mit dem kostenlosen <a href=\"https:\/\/www.competethemes.com\/shift\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Shift-Theme verwendet<\/a><\/p>\n<p>Alles, was Sie tun m\u00fcssen, ist auf den Hintergrund Ihrer Site zu klicken und dann die Option Hintergrund auf der linken Seite auszuw\u00e4hlen.<\/p>\n<p>Wenn Sie die Option Hintergrund ausw\u00e4hlen, werden die Farbeinstellung und eine Reihe von Positionsoptionen f\u00fcr Hintergrundbilder angezeigt.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc3441e5.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc3441e5.png\" alt=\"So \u00e4ndern Sie die Hintergrundfarben in WordPress\"><\/a><\/p>\n<p>Wenn Sie auf das transparente (karierte) Farbfeld klicken, wird der Farbw\u00e4hler angezeigt, in dem Sie die volle Kontrolle dar\u00fcber haben, welche Farbe verwendet wird.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc594a34.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-179385-616f4fc594a34.png\" alt=\"So \u00e4ndern Sie die Hintergrundfarben in WordPress\"><\/a><\/p>\n<p>Noch cooler ist die Tatsache, dass die Farbe sofort aktualisiert wird, wenn Sie den Farbw\u00e4hler verwenden.<\/p>\n<p>Alle von Ihnen vorgenommenen \u00c4nderungen sind nur f\u00fcr Sie sichtbar, bis Sie unten auf die Schaltfl\u00e4che Speichern &amp; ver\u00f6ffentlichen klicken. Anschlie\u00dfend werden Ihre \u00c4nderungen live auf der Website f\u00fcr alle sichtbar ver\u00f6ffentlicht.<\/p>\n<h2>Beginnen Sie mit der Anpassung Ihrer Website<\/h2>\n<p>Wenn Sie wissen, wie man CSS schreibt und <a href=\"https:\/\/themewp.inform.click\/de\/so-finden-sie-css-selektoren-auf-wordpress-sites\/\" title=\"Selektoren findet, die verwendet werden sollen\">Selektoren findet, die verwendet werden sollen<\/a>, k\u00f6nnen Sie solche Anpassungen mit Code vornehmen. Andernfalls werden Sie wahrscheinlich kein Snippet zum Kopieren\/Einf\u00fcgen online finden, da jedes Thema anders ist.<\/p>\n<p>In diesen F\u00e4llen ist <a href=\"http:\/\/link.competethemes.com\/css-hero-bg-color\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">CSS Hero<\/a> ein gro\u00dfartiges Tool und spart Ihnen eine Menge Zeit. Au\u00dferdem ist es gut zu wissen, dass Sie in Zukunft jederzeit Stil\u00e4nderungen an jedem von Ihnen gew\u00e4hlten Thema vornehmen k\u00f6nnen.<\/p>\n<p>Sie k\u00f6nnen <a href=\"http:\/\/link.competethemes.com\/css-hero-bg-color\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">hier klicken, um CSS Hero auszuprobieren,<\/a> oder <a href=\"https:\/\/themewp.inform.click\/de\/so-passen-sie-ihre-wordpress-site-mit-css-hero-an\/\" title=\"unser Tutorial\">unser Tutorial<\/a> besuchen, um mehr dar\u00fcber zu erfahren, wie es funktioniert. Vielleicht gefallen Ihnen auch einige der Ideen in unserem <a href=\"https:\/\/themewp.inform.click\/de\/31-einfache-moeglichkeiten-ihre-wordpress-website-anzupassen\/\" title=\"WordPress-Anpassungsleitfaden\">WordPress-Anpassungsleitfaden<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Aufnahmequelle:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Hier ist eine schnelle L\u00f6sung zum Kopieren und Einf\u00fcgen, um Ihre Hintergrundfarbe zu \u00e4ndern. Au\u00dferdem ein viel umfassenderes Plugin zum Anpassen Ihres Hintergrunds.<\/p>\n","protected":false},"author":1,"featured_media":261621,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[547],"tags":[845],"class_list":["post-241086","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\/241086","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=241086"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/241086\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/261621"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=241086"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=241086"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=241086"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}