Ein WordPress-Theme anpassen, ohne es zu ändern?


19

Ich habe ein Thema gefunden und heruntergeladen. Allerdings möchte ich das CSS ein wenig optimieren, um das Design, die Farben usw. ein wenig zu verändern. Wie soll ich vorgehen, während ich das Thema trotzdem aktualisieren kann, ohne die Änderungen zu verlieren?

Antworten:


21

Sie können es nicht ändern, ohne es zu ändern, aber Sie können die Teile, die Sie ändern, isolieren, indem Sie ein untergeordnetes Design erstellen. Zusammenfassend:

  1. Erstellen Sie ein Themenverzeichnis auf Peer mit Ihrem übergeordneten Thema.
  2. Erstellen Sie style.cssin Ihrem neuen Verzeichnis eine Datei mit einer Template:Deklaration in den Kommentaren, die Ihr übergeordnetes Thema benennt, und @import url(../%parent-theme%/style.css)importieren Sie das CSS aus dem übergeordneten Thema.
  3. Aktivieren Sie Ihr neues Thema in der WordPress-Administratorkonsole.
  4. Fügen Sie neue Dateien hinzu und / oder kopieren Sie Dateien aus Ihrem übergeordneten Themenverzeichnis in Ihr untergeordnetes Themenverzeichnis, und ändern Sie sie nach Ihren Wünschen
  5. Das ist es!

Ich könnte Ihnen viel mehr Details geben, aber im Grunde macht dieser Typ es wirklich gut, zu erklären, wie man ein Kinderthema erstellt, damit ich Sie nur darauf hinweisen kann.

Wenn Sie das übergeordnete Thema aktualisieren möchten, aktualisieren Sie es einfach. Das Thema Ihres Kindes bleibt erhalten. Natürlich funktioniert Ihr untergeordnetes Thema möglicherweise nicht einwandfrei, wenn das übergeordnete Thema zu stark geändert wurde und / oder wenn Sie die in der neuen Version aktualisierten Themendateien kopiert und geändert haben, erhalten Sie die neue Funktionalität nicht, ohne sie ebenfalls zu ändern viel besser von vorne beginnen jedes Mal!

Hoffentlich hilft das.


2
Kinderthemen sind der Weg zu gehen IMHO
Ryan Gibbons

2

Wenn Sie nur ein wenig CSS ändern möchten, können Sie eine benutzerdefinierte CSS-Datei im Themenverzeichnis erstellen. Fügen Sie Ihre benutzerdefinierte CSS-Datei in den Header des Themas ein und schreiben Sie neue Deklarationen nur in die benutzerdefinierte CSS-Datei. Dadurch werden die Standard-CSS-Deklarationen des Themas überschrieben.

Standard-Stylesheet

body{background:white;width: 960px;margin: 25px auto;}

Benutzerdefiniertes Stylesheet

body{width:800px;}

Ihr Browser ruft die beiden Stylesheets separat auf und wendet sie in der angegebenen Reihenfolge an. Unabhängig davon, welche Erklärungen zuletzt abgegeben wurden, werden die vorher abgegebenen Erklärungen überschrieben. Stellen Sie also sicher, dass Sie Ihr benutzerdefiniertes Stylesheet einfügen, nachdem alle anderen Stylesheets in der Datei header.php enthalten sind.

Wenn Sie am Ende Vorlagendateien wie archive.php oder page.php ändern, können Sie mit der Antwort von MikeSchinkel Ihr Thema aktualisieren, wenn eine neue Version veröffentlicht wird, ohne Ihre Änderungen zu verlieren. Wenn Sie jedoch lediglich ein CSS ändern möchten, funktioniert diese Methode gut. Stellen Sie einfach sicher, dass Sie Ihr benutzerdefiniertes Stylesheet speichern, bevor Sie das Designverzeichnis aktualisieren.


1
Dies kann problematisch sein, wenn das von Ihnen geänderte Thema nicht Ihr Thema ist, sodass Ihre Änderungen bei Themenaktualisierungen möglicherweise überschrieben werden.
Hakre

1

Sie können definitiv ein untergeordnetes Thema erstellen. Ein untergeordnetes Thema behält Ihr Hauptthema im ursprünglichen Format bei.

Ich persönlich verwende ein Premium-WordPress-Theme von MyThemeShop . Dabei behalte ich meine Datei style.css und theme options so, wie sie ist. Ich kopiere einfach die Daten der Datei in eine andere Datei und benenne sie ein wenig anders. Wenn ich zum Erstellen des untergeordneten Themas beispielsweise SociallyViral Theme verwende, kopiere ich die Daten aus der Datei style.css und speichere sie in einer anderen Datei mit dem Namen childstyle.css.

Danach entwerfe ich jetzt bestimmte Funktionen und kann mein Design neu gestalten, indem ich der Datei childstyle.css weitere Funktionen hinzufüge.

Dadurch bleibt meine ursprüngliche style.css-Datei unverändert und ich kann sie im ursprünglichen Format aktualisieren.


Ich bin nicht sicher, was Sie mit "Ich kopiere die Daten aus der Datei style.css" meinen, aber normalerweise reicht es aus, dem untergeordneten Thema nur die Stile hinzuzufügen , die sich vom übergeordneten Thema unterscheiden - die Stile des untergeordneten Themas ergänzen und / oder überschreiben Sie die Stile der Eltern. Übrigens: Wie fügt Ihre Antwort etwas zu der Antwort hinzu, die vor mehr als 6 Jahren bereits akzeptiert wurde ?!
tillinberlin

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.