{"id":253419,"date":"2022-08-07T13:50:00","date_gmt":"2022-08-07T10:50:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=253419"},"modified":"2021-10-29T02:18:53","modified_gmt":"2021-10-28T23:18:53","slug":"wie-bearbeite-ich-eine-wordpress-css-datei","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/de\/wie-bearbeite-ich-eine-wordpress-css-datei\/","title":{"rendered":"Wie bearbeite ich eine WordPress-CSS-Datei?"},"content":{"rendered":"<p>WordPress ist das benutzerfreundlichste Content-Management-System mit vielen Anpassungsm\u00f6glichkeiten. Dank Tausenden von WordPress-Themes k\u00f6nnen Sie Ihrer Website das gew\u00fcnschte Erscheinungsbild verleihen. Aber manchmal m\u00fcssen Sie noch einige manuelle Anpassungen vornehmen, indem Sie die CSS-Datei bearbeiten. In diesem Blog zeige ich Ihnen, wie Sie eine WordPress-CSS-Datei \u00fcber das Admin-Dashboard bearbeiten k\u00f6nnen.<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/jusLH9UyQjo\" frameborder=\"0\"><\/iframe><\/div>\n<p>Angenommen, Sie haben eine Blog-Site und Sie haben Google Ad Sense aktiviert und eine Anzeige in Ihren Blogs geschaltet. Um Anzeigen zu platzieren, ben\u00f6tigen Sie Platz. Ich zeige Ihnen, wie Sie die Breite des Textfeldes verringern k\u00f6nnen, damit Sie Platz f\u00fcr die Platzierung von Anzeigen in Ihrem Blog haben. Dies kann \u00fcber das Admin-Dashboard, Ihr FTP-Konto und auch mit einem CSS-Editor-Plugin erfolgen. Das Bearbeiten des CSS mit dem Admin-Dashboard ist am einfachsten. F\u00fchren Sie also einfach die folgenden Schritte aus:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a1c77f16.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-148525-616d3a1c77f16.png\" alt=\"Wie bearbeite ich eine WordPress-CSS-Datei?\" ><\/a><\/p>\n<p><strong>Schritt eins:<\/strong> Sie m\u00fcssen zum Backend Ihrer Website gehen oder f\u00fcr WordPress als wp-admin bekannt. Dies ist das universelle Login f\u00fcr die WordPress-Website. Angenommen, Ihre Website ist www.example.com, dann m\u00fcssen Sie die URL als <a href=\"http:\/\/www.example.com\/wp-admin\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">www.example.com\/wp-admin eingeben<\/a>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a1d9c7f4.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-148525-616d3a1d9c7f4.png\" alt=\"Wie bearbeite ich eine WordPress-CSS-Datei?\" ><\/a><\/p>\n<p><strong>Schritt 2:<\/strong> Sie m\u00fcssen sicherstellen, dass Sie sich als Administrator anmelden. In WordPress gibt es verschiedene Rollen, die Sie dem Benutzer zuweisen k\u00f6nnen und es gibt auch einen Admin-Login. Sie k\u00f6nnen Benutzern auch Administratorzugriff zuweisen. Sie m\u00fcssen sich also als Administrator oder als Benutzer mit Administratorzugriff anmelden.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a1ed200e.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-148525-616d3a1ed200e.png\" alt=\"Wie bearbeite ich eine WordPress-CSS-Datei?\" ><\/a><\/p>\n<p><strong>Schritt 3:<\/strong> Auf Ihrem Dashboard sehen Sie eine Registerkarte namens Aussehen. Diese Registerkarte ist f\u00fcr alle Arten von designbezogenen Aufgaben auf Ihrer Website verantwortlich.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a2046654.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-148525-616d3a2046654.png\" alt=\"Wie bearbeite ich eine WordPress-CSS-Datei?\" ><\/a><\/p>\n<p><strong>Schritt 4:<\/strong> Unter dem Erscheinungsbild finden Sie eine Option namens Editor. Dieser Abschnitt ist f\u00fcr manuelle Codes f\u00fcr Ihr Website-Design verantwortlich. Klicken Sie auf den Editor.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a219d4da.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-148525-616d3a219d4da.png\" alt=\"Wie bearbeite ich eine WordPress-CSS-Datei?\" ><\/a><\/p>\n<p><strong>Schritt 5:<\/strong> Nachdem Sie auf Editor geklickt haben, \u00f6ffnet sich ein neues Fenster, das als style.css bekannt ist. Diese Datei enth\u00e4lt alle CSS-Codes.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a22bd10c.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-148525-616d3a22bd10c.png\" alt=\"Wie bearbeite ich eine WordPress-CSS-Datei?\" ><\/a><\/p>\n<p><strong>Schritt Sechs:<\/strong> Sie m\u00fcssen nach unten scrollen und das Ende erreichen, um zus\u00e4tzlichen Code in der Datei style.css hinzuzuf\u00fcgen.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a23d8754.jpg\" 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-148525-616d3a23d8754.jpg\" alt=\"Wie bearbeite ich eine WordPress-CSS-Datei?\" ><\/a><\/p>\n<p><strong>Schritt Sieben:<\/strong> F\u00fcgen Sie diesen Code hinzu und achten Sie darauf, dass Sie den genauen Abstand<br \/>\neinhalten: @media (min-width: 1330px){<br \/>\n.container {<br \/>\nwidth: 1000px;<br \/>\n}<br \/>\n}<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a2515292.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-148525-616d3a2515292.png\" alt=\"Wie bearbeite ich eine WordPress-CSS-Datei?\" ><\/a><\/p>\n<p><strong>Schritt 8:<\/strong> Wenn Ihr Code in Ordnung ist, sollte er gr\u00fcn erscheinen. Wenn es gr\u00fcn ist, klicken Sie einfach auf Datei aktualisieren.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a264b089.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-148525-616d3a264b089.png\" alt=\"Wie bearbeite ich eine WordPress-CSS-Datei?\" ><\/a><\/p>\n<p><strong>Schritt Neun:<\/strong> Wenn die Datei erfolgreich aktualisiert wurde, erhalten Sie eine Best\u00e4tigungsmeldung, dass die Datei erfolgreich bearbeitet wurde.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-148525-616d3a275c1b8.jpg\" 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-148525-616d3a275c1b8.jpg\" alt=\"Wie bearbeite ich eine WordPress-CSS-Datei?\" ><\/a><\/p>\n<p><strong>Schritt 10:<\/strong> \u00dcberpr\u00fcfen Sie abschlie\u00dfend einen Ihrer Beitr\u00e4ge, um zu sehen, ob das Textfeld Ihres Blogs abgenommen hat oder nicht. Es sollte verringert werden und Sie werden auf beiden Seiten Ihres Blog-Posts viele Leerzeichen haben, in denen Sie Ihre Anzeigen platzieren k\u00f6nnen.<\/p>\n<p>Um ehrlich zu sein, WordPress ist kein Hexenwerk und f\u00fcr einen Entwickler ist die Lernkurve \u00fcberhaupt nicht hoch. Sie m\u00fcssen nur einige grundlegende Programmierkenntnisse haben und schon k\u00f6nnen Sie loslegen. Wenn Sie immer noch Unklarheiten dar\u00fcber haben, wie Sie die CSS-Datei in WordPress bearbeiten k\u00f6nnen, hinterlassen Sie bitte unten einen Kommentar.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Aufnahmequelle:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.ggtaskers.com\" class=\"external external_icon\">www.ggtaskers.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dies kann \u00fcber das Admin-Dashboard, Ihr FTP-Konto und auch mit einem CSS-Editor-Plugin erfolgen. Das Bearbeiten des CSS mit dem Admin-Dashboard ist am einfachsten.<\/p>\n","protected":false},"author":1,"featured_media":279117,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[649],"tags":[845],"class_list":["post-253419","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wie-macht-man","tag-affiai-de"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/253419","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=253419"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/posts\/253419\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media\/279117"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/media?parent=253419"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/categories?post=253419"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/de\/wp-json\/wp\/v2\/tags?post=253419"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}