Für viele Blog- und Website-Builder ist WordPress ein unverzichtbares Werkzeug, um Website-Inhalte schnell und einfach zu aktualisieren. In vielen Fällen möchten wir unsere Seite jedoch mit Designs in verschiedenen Farben, Schriftgrößen und Stilen personalisieren.
Wir können das schaffen den CSS-Stil der WordPress-Vorlage ändern . Aber was ist CSS? Wie können Sie CSS verwenden, um das Aussehen Ihres Blogs zu ändern? Hier lernen wir Sie.
Lassen Sie uns zunächst verstehen, was CSS ist. Kurz gesagt, es ist eins Codezeilenblatt die den verschiedenen HTML-Elementen, aus denen eine Webseite besteht, Stil verleihen.
Sie können das Aussehen der Seite ändern, indem Sie die Werte in den verschiedenen Eigenschaften und Selektoren ändern. Wir erklären kurz wie Erstellen Sie einen stilvollen CSS-Header für Ihre Website und tut CSS-Stil ändern Ihre WordPress-Vorlage.
Wie ändere ich das CSS in einer WordPress-Vorlage?
Es gibt mehrere Möglichkeiten, CSS in WordPress zu bearbeiten, aber hier führen wir Sie zu einer der einfachsten: über den dynamischen Prozessor die Bewerbung selbst. Diese Funktion ist ab Version 4.7 von WordPress verfügbar. Klicken Sie einfach auf das Menü Darstellung → Anpassen → CSS-Add-on, um zu einem gut funktionierenden CSS-Bearbeitungsbereich zu gelangen.
Aber woher wissen Sie, welche Elemente Sie auf Ihrer Seite personalisieren möchten? Wir benutzen es Dateninspektor von Ihrem Browser. Mit Firefox können Sie beispielsweise modifizieren oder ändern simpel und einfach der Text oder das Element Ihrer Website .
Öffnen Sie dazu die WordPress-Website oder den Blog, auf der Sie das Aussehen ändern möchten, und gehen Sie zu dem Element, das Sie bearbeiten möchten, indem Sie mit der rechten Maustaste darauf klicken und aus dem Dropdown-Menü “Inspektion” auswählen. Es öffnet sich ein Feld, das auf der einen Seite den HTML-Code für dieses Element und auf der anderen die CSS-Codes zeigt, die ihm den Stil verleihen.
Sobald Sie die Elemente, Beschriftungen und Optionen gefunden haben, die Sie anpassen möchten, können Sie es in derselben Tabelle versuchen Ändern Sie die Werte der Eigenschaften, die Sie möchten, dass Sie sie sofort auf der linken Seite des Bildschirms sehen können. Alles, was Sie tun müssen, ist CSS in WordPress neu zu schreiben.
Wie ersetze ich CSS in WordPress?
Nachdem Sie nun wissen, was Sie in WordPress CSS bearbeiten möchten, gehen Sie zurück zum Beitrag und öffnen Sie den dynamischen Editor. Typ dann das Label oder den Artikel, den Sie ändern möchten abhängig davon, was Sie in der Vergangenheit im Element-Inspektor des Browsers gemacht haben. Legen Sie abschließend die Eigenschaften fest, die Sie ändern möchten, und legen Sie neue benutzerdefinierte Werte fest. Machen Sie Ihre Website zu dem Look, den Sie am meisten lieben!
Denken Sie daran, dass Sie der Struktur des CSS-Codes folgen müssen, wie er im Elementinspektor des Browsers angezeigt wird. Ein Vorteil des dynamischen WordPress CSS-Editors besteht darin, dass er mit verschiedenen Funktionen einfach zu bearbeiten ist, wie zum Beispiel: Es hat auch eine eingebaute automatische Texteingabe und einen Tippfehlerdetektor.
Es gibt viele Eigenschaften, die Sie ändern können Geben Sie Ihrer Seite einen Stilwechsel Beispiel: Sie können das Aussehen der Titel und Untertitel ändern, die durch die Tags H1, H2,… dargestellt werden. Mit Eigenschaften: Schriftgröße, Textfamilie, Farbe, Hintergrund etc.
Schließlich kann man ganz einfach FAVICON eingeben oder ändern , den Hintergrund der Formularsteuerelemente, die Farbe der Schaltflächen und den Text, den sie darstellen enthalten . Ändern Sie sogar das Aussehen einiger Elemente vor einer Aktion, z. B. die Farbe von Menüelementen, wenn Sie mit der Maus darauf fahren oder darauf klicken.
Es muss jedoch Achten Sie darauf, keine der Eigenschaften zu ändern zu bestimmten Elementen des CSS-Codes gehören. Denn diese können die Struktur Ihrer Website verändern und komplett zerstören. Einige dieser Eigenschaften sind unter anderem: Breite, Höhe, Linienführung, Rand, Position, Aussehen. Wenn Sie nicht sehen können, welcher Aspekt einer Eigenschaft zusammenhängt, bearbeiten Sie sie nicht.
Jetzt ist die Personalisierung Ihres Blogs oder Ihrer Website ein Kinderspiel! Gestalten Sie Ihre Website nach Ihren Wünschen und Ändern Sie die Kopf- und Fußzeile in WordPress für für Besucher attraktiver machen.