Du hast Fragen speziell zum CSS in WordPress? Vor allem wenn es um kleine Änderungen geht, die du im Customizer unter Zusätzliches CSS vornehmen kannst? Gesucht, gefunden! Hier sind meine diversen Artikel zu WordPress CSS.
In diesem Teil meines kleinen CSS-Kurses erkläre ich, welche (einfachen) Selektoren es gibt. Mit diesen Selektoren kannst du dann gezielt Elemente einzeln, gruppiert oder generell anpassen.
Wie du die Selektoren suchst und bearbeitest, diese Erläuterung folgt im nächsten Beitrag.
(mehr …)
Was ist CSS? Mit diesem Artikel startet mein kleiner CSS-Kurs für WordPress. Er ist gedacht für CSS-Einsteiger und/oder WordPress-Einsteiger. Dieser CSS-Kurs ist sehr einfach gehalten mit schnell zu erreichenden Ergebnissen.
Website, Homepage, WordPress, CSS, Custom CSS, Zusätzliches CSS – bei so vielen Begrifflichkeiten raucht einem WordPress- und CSS-Einsteiger schnell der Kopf.
„Und dabei wollte ich doch nur eine Website haben“. Ganz einfach, ohne viel Aufwand.
Die guten Nachrichten hierzu sind: Mit WordPress hast du bereits eine sehr gute Basis. Und kleine Änderungen am Layout kannst du recht flott und simpel über „Zusätzliches CSS“ vornehmen.
(mehr …)
Mit meinen Artikeln zu WordPress CSS Tipps habe ich – unbewusst und ungeplant – sehr viel Resonanz erzeugt. Über die Rückmeldungen in den Kommentaren und per E-Mail habe ich mich nicht nur mächtig gefreut, sie waren auch Anreiz für weiteres Suchen und vor allem Lernen.
Inzwischen sind die Beispiele für Anpassungen in WordPress mit Custom CSS auf diverse Artikel und zahlreiche Kommentare verteilt. Zur verbesserten Übersicht und um alles auf einer Seite zu haben, ist dieser Artikel eine Art Inhaltsverzeichnis für meine CSS Tipps.
(mehr …)
Ein weiterer Beitrag als Teil des kleinen, einfachen CSS-Kurses für WordPress Custom CSS.
Zu meinen beiden Beiträgen mit Tipps zu einfachen CSS-Anpassungen (Teil 1 und Teil 2) hinterließen zahlreiche Leserinnen Kommentare, zusätzlich erreichten mich viele E-Mails mit weiteren Fragen.
Während kaum noch Fragen zu „wie kann ich dies und jenes mit CSS in WordPress erreichen“ eintreffen (die beiden Beiträge scheinen das Wichtigste abzudecken), ist seit einigen Monaten eher das Problem:
Ich glaube mein CSS Code ist korrekt, aber das Element ändert sich nicht. Was kann ich tun? Wie finde ich den richtigen CSS Selektor?
Etwas Hintergrundwissen zum Aufbau und der Struktur von CSS in WordPress kann nicht schaden.
Und für was soll das gut sein?
Zahlreiche Leser meiner Blogbeiträge haben mich mit ihren Fragen zu CSS in WordPress darauf gebracht. Dieser Artikel ist nun Teil des Einsteiger CSS-Kurses für WordPress.
In zwei separaten Artikeln (Nr.1 und Nr.2) beschreibe ich im Detail einige CSS-Befehle, mit denen du bestimmte Änderungen an deiner Website vornehmen kannst. Immer wieder erreichen mich E-Mails und Anfragen, wie diese CSS-Befehle denn konkret auf die Website der Fragenden anzupassen wären.
Das ist der Grund für diesen Artikel, in dem ich beschreibe:
Das optimale WordPress-Theme ist nach langer Suche endlich gefunden und die Website fertig – super! Dennoch findet man fast immer Kleinigkeiten im Design oder in der Darstellung, die nicht ganz den eigenen Vorstellungen entsprechen und die sich auch mit Hilfe des Customizers nicht beheben lassen.
Vor einer Weile habe ich bereits einen Artikel mit einfachen CSS-Tipps veröffentlicht und erklärt, wie du damit deine WordPress-Seite individuell anpassen kannst. Das funktioniert ganz einfach – ohne Programmierkenntnisse und ohne Plugins!
Der Artikel ist auf große Resonanz gestoßen. Und mich haben viele weitere Fragen zu individuellen CSS-Anpassungen erreicht, die in dem Artikel noch nicht beantwortet wurden.
Gibt es das überhaupt, einfache WordPress CSS Tipps? Na klar! Seit im WordPress Customizer CSS-Anpassungen vorgenommen werden können, sind so einige Plugins komplett überflüssig. Denn nun kann jeder Nutzer ganz einfach einzelne Aspekte an seinem Theme ändern. Was meine ich damit?
Dieser Artikel ist nun Teil des CSS Einsteigerkurses. Wenn du Hintergrundinfos zu CSS brauchst, dann findest du leicht verständliche Erklärungen in diesem kostenlosen Einsteigerkurs für CSS.
„Irgendwas ist immer“, das trifft auch auf fast alle WordPress Themes zu. Farbe, Schriftart, Größe passen dem Websitebetreiber nicht, sind zu groß, zu klein, zu langweilig. Die immer angezeigten Seitentitel stören und sollen versteckt werden, ebenso wie Name des Autors und das Datum des Posts?
All das kannst du sehr schnell, sehr einfach selbst lösen. Ohne Programmierkenntnisse, ohne Plugins.
Nach meinem kurzen, sehr einfach gehaltenen WordPress Artikel zum Ändern des Font Types via Custom CSS erhielt ich einige Kommentare und E-Mails mit Fragen und Wünschen zu verschiedenen CSS-Anpassungen. Da ich zwar kein Programmierer, aber begeisterter Problemlöser bin, machte ich mich jeweils auf die Suche.
Inzwischen habe ich eine kleine Sammlung für einfache WordPress CSS Tipps und entsprechende CSS Code-Schnipsel. Diese möchte ich auf keinen Fall nur für mich behalten. Die meisten dieser Änderungen sind ja nicht auf meinen Anforderungen gewachsen, sondern kamen von Nutzerinnen wir dir.
Und das Gute an diesen CSS Tipps: Normalsterbliche WordPress-Nutzer können diese problemlos über das Customizing einfügen und testen. Es ist nicht notwendig, in Child Themes oder sonst irgendwo in WordPress Änderungen vorzunehmen.
Das WordPress Theme „Twenty Seventeen“ ist das derzeit neueste kostenlose Theme von und für WordPress. Eine Sache, die mir sehr gut gefällt, ist die Möglichkeit, die Schriftart (Font Type) ohne großen Aufwand zu ändern.
Der Default Font Type für das WordPress Theme „Twenty Seventeen“ ist Libre Franklin. Einigen mag das gefallen, ich finde diese Schriftart grauenhaft. Vor allem bei fett markierten Texten sagt mir das komische Layout des „i“ überhaupt nicht zu. Den Punkt konnte ich kaum vom unteren Teil des Buchstabens unterscheiden – nein danke, so nicht.
Ich wollte eine andere Schriftart nutzen. Und habe mit großer Freude festgestellt, dass das Ändern der Schriftart beim WordPress Theme „Twenty Seventeen“ sehr einfach ist.
Nachtrag vom 19.03.2018: In diesem Artikel hier erläutere ich kurz, wie Sie die Schriftart für die komplette Seite umstellen können (und in den Kommentaren stehen zahlreiche weitere WordPress Tipps). Wie Sie nur einzelne Teile Ihrer Website ändern, z.B. den Titel Ihrer Seiten oder die Farben des Navigationsmenüs, das erfahren Sie in meinem Artikel „12 einfache WordPress CSS Tipps – ohne Programmierkenntnisse“.