Tutorial zum Erstellen von WordPress Child Themes

Viele von uns möchten etwas im Thema anpassen. Möchten Sie auch etwas in dem von Ihnen verwendeten Thema hinzufügen oder bearbeiten? Wenn ja, dann sind Sie hier richtig, mein Freund. Dieser Beitrag ist ein einfaches und umfassendes Tutorial zum Erstellen eines WordPress Child Themes.

Wenn das Thema viele Anpassungsoptionen hat, kann dies helfen, Ihre Anforderungen zu erfüllen. Aber unabhängig davon, wie viele Optionen verfügbar sind, kann es immer noch etwas geben, das Ihr aktuelles Thema nicht kann oder nicht so ist, wie Sie es möchten. Wenn Sie also mit Codes und WordPress vertraut sind, können Sie in die Themendateien eintauchen und mit der Bearbeitung beginnen Update rollt herum.

Um dies zu vermeiden, kommt unser Held namens Child Theme . Wenn Sie ein untergeordnetes Thema erstellen, können Sie Änderungen an Ihrer Website vornehmen, ohne den Code des ursprünglichen Themas zu ändern. Selbst wenn Sie nur ein paar kleine Änderungen vornehmen, lohnt es sich, ein paar Minuten damit zu verbringen, ein untergeordnetes Thema zu erstellen.

Hinweis : Um einfache CSS-Änderungen an Ihrer Website vorzunehmen, können Sie das in WordPress 4.7 hinzugefügte zusätzliche CSS- Feld verwenden, anstatt ein untergeordnetes Thema zu erstellen. Diese Änderungen, die über das zusätzliche CSS- Feld vorgenommen wurden, bleiben auch dann erhalten, wenn Sie das Thema aktualisieren. Wenn Sie jedoch nach weiteren zusätzlichen Änderungen wie dem Bearbeiten von PHP-Dateien suchen, muss ein Child-Theme erstellt werden.

Ich denke, dies wird die Frage " Warum ein untergeordnetes Thema erstellen?" behandeln. Frage. Lassen Sie uns also weitermachen und ein untergeordnetes Thema erstellen.

Wie erstelle ich ein WordPress Child Theme?

In diesem Tutorial zeigen wir, wie Sie ein untergeordnetes Thema für unser eigenes beliebtes Thema Geräumig erstellen.

Schritt eins:

Erstellen Sie einen neuen Ordner in Ihrem Themenverzeichnis. Sie können dies über das cPanel oder per FTP tun. Das Themenverzeichnis ist das wp-content/themes. Benennen wir den Ordner also als geräumiges-Kind. Sie können es beliebig benennen, aber denken Sie daran, dass der Ordnername kein Leerzeichen enthalten sollte. Es ist ein üblicher Ansatz, Child-Theme als Parent-Theme zu benennen, plus -child, das am Ende hinzugefügt wird.

Schritt zwei:

Erstellen Sie im geräumigen untergeordneten Ordner eine Datei namens style.css und geben Sie die Informationen wie unten gezeigt ein.

/*
Theme Name: Spacious Child Theme
Theme URI: http://themegrill.com/themes/spacious/
Description: Spacious Child Theme
Author: ThemeGrill
Author URI: http://themegrill.com
Template: spacious
Version: 1.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

Fügen Sie diese hinzu und speichern Sie die Datei.

Punkte, an die Sie sich erinnern sollten :

• Der Vorlagenname (hier großräumig) sollte mit dem Ordnernamen des übergeordneten Themes übereinstimmen und auch darauf achten, dass hinter dem Namen kein Leerzeichen steht.
• Andere Details können nach Belieben hinzugefügt oder geändert werden.

Schritt drei:

Erstellen Sie eine Datei namens functions.php, wie Sie in Schritt 2 'style.css' erstellt haben. Und geben Sie die Informationen wie unten gezeigt ein.

<?php
/**
 * Child theme functions file.
 */
function spacious_child_enqueue_styles() {
	// Parent theme style handle 'spacious_style'.
	$parent_;

	// Enqueue parent and child theme style.css.
	wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
	wp_enqueue_style( 'spacious_child_style', get_stylesheet_directory_uri() . '/style.css', array( $parent_style ), wp_get_theme()->( 'Version' ) );
}

add_action( 'wp_enqueue_scripts', 'spacious_child_enqueue_styles' );

Beim Erstellen eines Child-Themes sind die Dateien style.css und functions.php obligatorisch, während Vorlagendateien und andere Dateien optional sind und bei Bedarf erstellt werden können.

Um das Child-Theme zu aktivieren, gehen Sie im Dashboard zu Appearance->Themes. Suchen Sie nach dem von Ihnen erstellten Child-Theme und aktivieren Sie es. Das ist es. Stellen Sie außerdem sicher, dass das übergeordnete Thema auch in den installierten Themen vorhanden ist, damit das untergeordnete Thema funktioniert. Wenn Sie jetzt Ihre Site besuchen, sollte sie genauso aussehen wie bei der Aktivierung des Parent-Themes. Möglicherweise müssen Sie jedoch einige Einstellungen im Customizer zurücksetzen.

CSS deines Themes ändern

Wenn Sie das CSS des Themes ändern möchten, können Sie CSS am Ende der Datei style.css hinzufügen und speichern. Diese CSS-Zeilen überschreiben das CSS des übergeordneten Themes.

36px , wir möchten die Schriftgröße des Site-Titels für das großzügige 36px für 36px Standardwert 42px auf 42px ändern und auch die Farbe von #444444 Standard auf Blau ( #0000FF ) #0000FF . Dann können Sie einfach die folgenden CSS-Zeilen hinzufügen.

/*
Theme Name: Spacious Child Theme
Theme URI: http://themegrill.com/themes/spacious/
Description: Spacious Child Theme
Author: ThemeGrill
Author URI: http://themegrill.com
Template: spacious
Version: 1.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
#site-title a {
	color: #0000FF;
	font-size: 42px;
}

Weitere Änderungen vornehmen

Bearbeiten anderer Themendateien
Sie können auch strukturelle Änderungen an den Designdateien vornehmen, indem Sie Vorlagendateien anpassen. Angenommen, Sie möchten einige Änderungen vornehmen oder zusätzlichen Code in die Kopfzeile einfügen. Dann können Sie die header.php-Datei des Parent-Themes kopieren, in das Child-Theme einfügen und dort Änderungen vornehmen/hinzufügen und die Datei speichern. Diese header.php-Datei wird anstelle der header.php-Datei des Parent-Themes geladen.

Einpacken

Hoffentlich können Sie jetzt ein untergeordnetes Thema erstellen und die gewünschte Anpassung vornehmen. Möchten Sie etwas sagen? Füge es in die Kommentare ein und ich melde mich bei dir. Genießen!