Warum sollte man WordPress niemals im bestehenden Parent-Theme anpassen? Was passiert mit Ihren Anpassungen, wenn das von Ihnen verwendete Design aktualisiert wird?

Die Antwort ist, dass sie verloren gehen, und Ihre harte Arbeit, Ihre Website gemäß Ihren Marken- und Messaging-Richtlinien und -Präferenzen zu erstellen, wird ebenfalls verloren gehen.

Mit einem untergeordneten Design können Sie ein separates CSS-Stylesheet erstellen^{(child theme enables you to create a separate CSS stylesheet)} und zusätzliche Funktionen hinzufügen, die nicht verloren gehen oder beeinträchtigt werden, wenn das übergeordnete Design aktualisiert wird.

Dies kann manuell oder durch die Installation eines Child-Theme-Creator-Plugins erfolgen. Beginnen wir mit dem manuellen Prozess.

Erstellen Sie ein neues Verzeichnis^{(Create a New Directory)}

Erstellen^(Start) Sie zunächst ein neues Verzeichnis für Ihr untergeordnetes Thema. Du kannst einen FTP-Client verwenden oder über dein cPanel auf dein bestehendes wp-content/themes

Um cPanel zu verwenden, gehen Sie zu Ihrem Hosting-Kontrollfeld. Wählen Sie den Dateimanager^{(file manager)} und navigieren Sie zu dem Verzeichnis, in dem WordPress installiert ist.

Dies befindet sich normalerweise in einem Verzeichnis namens public_html . Suchen und öffnen Sie den Ordner wp-content . Klicken Sie auf „Neuen Ordner erstellen“^{(create new folder)} und geben Sie einen Namen für Ihr untergeordnetes Thema ein. Achten Sie darauf, ihm einen Namen zu geben, den Sie später wiedererkennen. Ein gutes Beispiel ist nameofparenttheme-child .

Fügen Sie keine Leerzeichen in Ihren Dateinamen ein, um Fehler zu vermeiden.

Aufgrund interner Handhabung muss der Ordnername den Namen des übergeordneten Designs (Design „slug“) enthalten, wie im Beispiel unten gezeigt.

Erstellen Sie ein CSS-Stylesheet^{(Create a CSS Stylesheet)}

Stylesheets werden in WordPress- Themes aus zwei Gründen verwendet.

• Es ist die Position der Stile, die das Aussehen Ihrer Website beeinflussen.
• Im Haupt-Stylesheet eines Themes sucht WordPress nach Informationen über das Theme.

Möglicherweise möchten Sie dem untergeordneten Design keine neuen Stile hinzufügen. Das Stylesheet muss jedoch weiterhin vorhanden sein, um Einzelheiten wie den Namen Ihres Designs und den Namen des übergeordneten Designs zu definieren.

Daher müssen Sie ein neues Stylesheet für Ihr Child-Theme erstellen. Ihr nächster Schritt besteht also darin, eine Textdatei für das CSS - Stylesheet zu erstellen, das die Regeln definiert, die das Aussehen Ihres untergeordneten Designs steuern.

Die CSS -Datei des untergeordneten Designs hat dann Vorrang vor dem übergeordneten Design.

Sie müssen die folgenden Informationen in Ihre Textdatei aufnehmen:

• Der Name Ihres Designs.
• Der Name des übergeordneten Themenverzeichnisses.
• Titel und Beschreibung, die Sinn machen.

Stellen Sie sicher, dass Sie den folgenden Kopfzeilenkommentar am Anfang der Datei in das Stylesheet einfügen. WordPress liest diese Informationen und weiß, dass ein untergeordnetes Thema verwendet wird.

Achten Sie genau auf das Template-Tag. Es sagt WordPress , was das übergeordnete Thema Ihres Kindes ist. Beachten Sie, dass bei dem Ordner, in dem sich Ihr übergeordnetes Design befindet, die Groß- und Kleinschreibung beachtet wird.

Technisch gesehen kannst du jetzt dein Child Theme aktivieren. Wenn Sie jedoch ein komplexeres untergeordnetes Thema erstellen möchten, müssen Sie benutzerdefinierte PHP - Funktionen hinzufügen.

Erstellen Sie eine functions.php -Datei im Child-Theme (im selben Verzeichnis wie die von Ihnen erstellte style.css -Datei). Hier sollten Dinge wie zusätzliche Postformate hinzugefügt werden.

Wie bei Ihrer CSS -Datei werden die Änderungen oder Ergänzungen Ihrer PHP -Datei automatisch mit den Funktionen der übergeordneten Datei zusammengeführt oder überschreiben diese.

Für Dinge wie Beitragsformate, die mit einem add_theme_support() hinzugefügt werden , fungieren sie als Überschreibungen statt als Zusammenführungen.

Wenn Sie add_theme_support() verwenden , müssen Sie einige zusätzliche Schritte unternehmen, um sicherzustellen, dass das untergeordnete Design das übergeordnete Thema überschreibt.

Dies kann kompliziert werden, also lesen Sie den Beitrag des aktuellen WordPress-Theme-Review-Teams^{(WordPress Theme Review Team)} , William Patton, zur Verwendung von WordPress-Postformaten^{( post on using WordPress post formats)} . 

Fügen Sie Stile und Skripte hinzu, um die Funktionalität des übergeordneten Designs zu überschreiben^{(Add Styles & Scripts To Override Parent Theme Functionality)}

Ihr nächster Schritt besteht darin, sicherzustellen, dass Ihr untergeordnetes Design entweder die Funktionen und Stile des übergeordneten Designs erbt oder die neuen widerspiegelt, die Sie verwenden möchten.

Stile werden verwendet, um das Erscheinungsbild Ihrer Website zu ändern. Skripte^(Scripts) verbessern die Funktionalität. Die Art und Weise, wie Stile und Skripte zu Ihrer WordPress- Site hinzugefügt werden, ist ebenso wichtig wie der Inhalt der Dateien.

Mit der Enqueue-Funktion von WordPress wird dies erreicht.

Enqueueing bezieht sich auf die Art und Weise, wie Stile und Skripte zu WordPress - Sites hinzugefügt werden, damit sie beeinflussen können, was Benutzer sehen, wenn sie Ihre Site besuchen.

Die Verwendung zahlreicher Plugins, um dasselbe Ergebnis zu erzielen, führt häufig zu Kompatibilitätsproblemen und fehlerhaften Websites.

Wp_enqueue verbessert nicht nur die Leistung Ihrer Website, indem es den Plugin-Overhead reduziert, sondern verbessert auch die Benutzererfahrung.

So verwenden Sie „wp_enqueue“^{(How To Use ‘wp_enqueue’)}

Um die Styles für dein Child-Theme auszugeben, musst du eine Funktion namens wp_enqueue_style() verwenden .

Diese Funktion benötigt ein paar Informationen, aber die wichtigsten sind der Name (oder „Handle“) und der Speicherort der Datei.

Fügen Sie in der Datei functions.php den folgenden Code hinzu.

Dieser Code fügt das Stylesheet aus dem übergeordneten Verzeichnis hinzu und fügt dann auch das Stylesheet für das untergeordnete Verzeichnis hinzu, das wir zuvor erstellt haben. Beachten Sie, dass der übergeordnete^{(parent-style)} Stiltext mit dem Namen des übergeordneten Designs übereinstimmen sollte, wobei -style am Ende hinzugefügt wird.

Aktivieren Sie Ihr Child-Theme^{(Activate Your Child Theme)}

Wenn Sie die Dateien für Ihr untergeordnetes Thema auf dem Server im Ordner wp-content/themes/yourthemename haben, wäre es dann in Ihrem WordPress - Dashboard verfügbar, damit Sie es aktivieren können.

• Loggen Sie sich in Ihr Dashboard ein.
• Gehen Sie zu Appearance > Themes .
• Ihr Child-Theme sollte aufgelistet sein.
• Wählen Sie Vorschau^(Preview) aus, um zu sehen, wie die Website mit dem neuen untergeordneten Design aussieht.
• Wenn Sie mit dem Aussehen zufrieden sind, klicken Sie auf Aktivieren^{(Activate )} , um es live zu schalten.

Wenn du dein Child-Theme irgendwo anders als auf dem Server im Ordner wp-content/themes/yourthemename , dann solltest du deinen neuen Child-Theme-Ordner zippen.

• Melden Sie sich in Ihrem WordPress-Dashboard an.
• Gehen Sie zu Appearance > Themes .
• Klicken Sie auf Neu hinzufügen^{(Add new)} .
• Wählen Sie Thema hochladen^{(Upload Theme)} .
• Ziehen^(Drag) Sie Ihre gezippte Datei in das neu angezeigte Feld oder klicken Sie auf die Dateiauswahl und suchen Sie sie auf Ihrem Computer.
• Sobald es hochgeladen wurde, können Sie es in der Vorschau anzeigen und dann aktivieren.

Vorlagendateien hinzufügen^{(Add Template Files)}

Um andere Templates zu überschreiben, kannst du sie aus dem Parent-Theme in das Child-Theme kopieren. Alle Vorlagendateien, die im untergeordneten Element denselben Namen wie im übergeordneten Element haben, fungieren als Überschreibungen. Passen Sie dann den Inhalt der Vorlagen nach Bedarf an.

Um neue Vorlagen hinzuzufügen^{(To add new templates)} , müssen Sie lediglich eine neue Datei mit dem richtigen Namen erstellen und Ihren eigenen Inhalt hinzufügen. Der obige Abschnitt erläutert den manuellen Vorgang.

Sehen wir uns nun an, wie man Child-Themes mit einem WordPress - Plugin erstellt.

Verwenden Sie ein WordPress-Plugin^{(Use a WordPress Plugin)}

Melden^(Log) Sie sich in Ihrem WordPress- Dashboard an. Klicken Sie^(Click) auf Plugins > Add New . Suche nach Child-Theme.

Das erste Plugin, das Sie sehen werden, ist der Child Theme Configurator . Dies ist eine gute Wahl, wie im obigen Screenshot zu sehen ist, weil es:

• Ist mit der aktuellen Version von WP kompatibel.
• Hat viele Installationen.
• Wurde kürzlich aktualisiert.

Klicken Sie auf Install now > Activate . Der nächste Schritt besteht darin, zu Tools zu navigieren und dann untergeordnete ^(Tools)Themen^{(child themes.)} auszuwählen .

Suchen^(Find) und wählen Sie Ihr übergeordnetes Thema aus dem Dropdown-Menü aus. Wählen Sie „ Analysieren^(analyze) “, um sicherzustellen, dass Ihr Design als untergeordnetes Design verwendet werden kann.

Nachfolgend^(Below) finden Sie eine Schritt-für-Schritt-Anleitung zum Einrichten des Child Theme Configurator . Wenn Sie sich entscheiden, ein anderes WordPress -Plugin zu verwenden, finden Sie auch leicht ein Tutorial, wie Sie es einrichten können.

Wie Sie jetzt wissen, sind untergeordnete Themen unterschiedliche Themen, die sich für einige ihrer Funktionen auf ihr übergeordnetes Thema verlassen.

Wenn Sie ein untergeordnetes Thema verwenden, sucht WordPress vor dem übergeordneten Thema nach dem untergeordneten Thema und folgt dem Stil und der Funktionalität des untergeordneten Themas, falls vorhanden.^(WordPress)

Sparen Sie sich viel Zeit, Ärger und zukünftige Kopfschmerzen, wenn das übergeordnete Thema aktualisiert wird, indem Sie ein untergeordnetes Thema erstellen, das von der Aktualisierung nicht betroffen ist.

How To Create a WordPress Child Theme

Why should you never customize WordPress in the existing parent theme? What happens to your custоmizations when the themе you are using is updated?

The answer is they are lost, and your hard work to create your site according to your brand and messaging guidelines and preferences will also be lost.

A child theme enables you to create a separate CSS stylesheet and add additional functionality that will not be lost or affected when the parent theme is updated.

This can be done manually or by installing a child theme creator plugin. Let’s start with the manual process.

Create a New Directory

Start by creating a new directory for your child theme. You can use an FTP client or access your existing wp-content/themes directory via your cPanel.

To use cPanel, go to your hosting control panel. Select file manager and navigate to the directory where WordPress is installed.

This is usually in a directory named public_html. Locate and open the wp-content folder. Click on create new folder and input a name for your child theme. Be sure to give it a name that you will recognize later. A good example is nameofparenttheme-child.

Do not include any spaces in your file name to avoid errors.

Due to internal handling, the folder name must include the name of the parent theme (theme ‘slug’) as shown in the example below.

Create a CSS Stylesheet

Stylesheets are used in WordPress themes for two reasons.

• It is the location of the styles that affect how your site looks.
• A theme’s main stylesheet is where WordPress looks to find information about the theme.

You may not want to add any new styles in the child theme. However, the stylesheet still needs to exist to define specifics such as your theme name and the parent theme name.

Therefore, you need to create a new stylesheet for your child theme. So, your next step is to create a text file for the CSS stylesheet that will define the rules that control the look of your child theme.

The child theme CSS file will then take precedence over the parent theme.

You need to include the following information in your text file:

• Your theme’s name.
• The name of the parent theme directory.
• Title and description that makes sense.

Be sure to include in the stylesheet the following header comment at the top of the file. WordPress will read this information and know that a child theme is being used.

You want to pay close attention to the template tag. It tells WordPress what the parent theme of your child is. Note that the folder where your parent theme is located is case sensitive.

Technically, you can now activate your child theme. However, if you want to create a more complex child theme, you will need to add custom PHP functions.

Create a functions.php file in the child theme (in the same directory as the style.css file you made). This is where things like additional post formats should be added.

As with your CSS file, the changes or additions to your PHP file will automatically be merged with or override the parent’s functions.

For things like post formats that are added with an add_theme_support(), they act as overrides instead of merges.

When using add_theme_support(), you need to take some additional steps to ensure that the child theme overrides the parent.

This can get complicated, so refer to the current WordPress Theme Review Team lead William Patton’s post on using WordPress post formats. 

Add Styles & Scripts To Override Parent Theme Functionality

Your next step is to make sure your child theme either inherits the parent theme’s features and styles or reflects the new ones you want to use.

Styles are used to changing the appearance of your website. Scripts enhance functionality. The way styles and scripts are added to your WordPress site is as essential as the contents of the files.

WordPress’ enqueue functionality is how to get this accomplished.

Enqueueing refers to the way styles and scripts are added to WordPress sites so that they can affect what users see when they visit your site.

Using numerous plugins to achieve the same result often leads to compatibility issues and broken sites.

Wp_enqueue not only improves your website’s performance by way of reducing plugin overhead, but it also enhances the user experience.

How To Use ‘wp_enqueue’

To output the styles for your child theme, you will need to use a function called wp_enqueue_style().

This function takes a few bits of information, but the most important is the name (or ‘handle’) and the location of the file.

Inside the functions.php file add the following code.

This code adds the stylesheet from the parent directory and then also adds the stylesheet for the child which we created earlier. Note that the parent-style text should match the name of the parent theme with -style added to the end.

Activate Your Child Theme

If you created the files for your child theme on the server inside the wp-content/themes/yourthemename folder, it would then be available in your WordPress dashboard for you to activate.

• Log into your dashboard.
• Go to Appearance > Themes.
• Your child theme should be listed.
• Select Preview to see how the site looks with the new child theme.
• Once you are satisfied with how it looks, click Activate to make it go live.

If you created your child theme somewhere other than on the server in the wp-content/themes/yourthemename folder, then you should zip your new child theme folder.

• Log into your WordPress dashboard.
• Go to Appearance > Themes.
• Click Add new.
• Choose Upload Theme.
• Drag your zipped file to the new box that appears or click the file selector and browse to it on your computer.
• Once it has been uploaded, then you can preview it and then activate it.

Add Template Files

To override other templates, you can copy them from the parent theme into the child theme. Any template files that have the same name in the child as in the parent act as overrides. Then adjust the contents of the templates as needed.

To add new templates, it’s just a case of making a new file with the correct name and adding your own content. The above section explains the manual process.

Now let’s go over how to create child themes with a WordPress plugin.

Use a WordPress Plugin

Log into your WordPress dashboard. Click on Plugins > Add New. Search for child theme.

The first plugin you will see is the Child Theme Configurator. This is a good choice, as seen in the screenshot above, because it:

• Is compatible with the current version of WP.
• Has a lot of installations.
• Was recently updated.

Click on Install now > Activate. The next step is to navigate to Tools and then select child themes.

Find and select your parent theme from the drop-down menu. Choose analyze to make sure your theme is ok to use as a child theme.

Below is a step-by-step tutorial on how to set up Child Theme Configurator. If you decide to use a different WordPress plugin, you can easily find a tutorial on how to set it up as well.

As you now know, child themes are distinct themes that rely on their parent theme for some of their functionality.

When you use a child theme, WordPress will look for the child before the parent and follow the styling and functionality of the child if it exists.

Save yourself a lot of time, trouble, and future headaches when the parent theme updates by creating a child that will not be affected by the update.

Related posts

• Child-Theme in WordPress erstellen

• So richten Sie Ihre eigene Twitter-ähnliche Website mit dem P2-Theme von WordPress ein

• So verschieben Sie eine WordPress-Site von einem Host auf einen anderen

• So installieren und konfigurieren Sie WordPress auf Microsoft Azure

• So führen Sie blitzschnelles WordPress auf Microsoft Azure aus

• So machen Sie eine WordPress-Site sicher

• So entfernen Sie Malware von Ihrer WordPress-Site

• So erstellen Sie einen Wix-Blog, der genauso gut ist wie WordPress

• Squarespace Vs WordPress: Welches ist die bessere Site-Plattform?

• So konfigurieren Sie den Datenschutz in WordPress und warum es wichtig ist

• So verwenden Sie Lumen5, um Ihren Blog-Beitrag in ein Video umzuwandeln

• 7 WordPress-Tipps für eine mobilfreundliche Website

• So beschleunigen Sie jede WordPress-Site mit .HTACCESS

• Was ist AMP für WordPress und wie wird es installiert?

• So fügen Sie eine schwebende Seitenleiste in Wordpress hinzu

• So steigern Sie die Leistung in WordPress durch eine Datenbankbereinigung

• So installieren Sie WordPress auf der Google Cloud Platform

• So wechseln Sie vom klassischen WordPress-Editor zu Gutenberg

• Das beste Blog-Schreibformat, um Ihre Punkte zu vermitteln

• 8 kostenlose Premium-WordPress-Themes zum Installieren