Μόνο λίγοι χρήστες του WordPress χρησιμοποιούν θυγατρικό θέμα και αυτό οφείλεται στο ότι πολλοί από τους χρήστες δεν γνωρίζουν τι είναι το παιδικό θέμα ή η Δημιουργία παιδικού θέματος^{(Creating Child Theme)} στο WordPress . Λοιπόν^(Well) , τα περισσότερα από τα άτομα που χρησιμοποιούν το WordPress τείνουν να επεξεργάζονται ή να προσαρμόζουν το θέμα τους, αλλά όλη αυτή η προσαρμογή χάνεται όταν ενημερώνετε το θέμα σας και εκεί έρχεται η χρήση του θυγατρικού θέματος. Όταν χρησιμοποιείτε ένα θυγατρικό θέμα, τότε όλη η προσαρμογή σας θα αποθηκευτεί και μπορείτε εύκολα να ενημερώσετε το γονικό θέμα.

Δημιουργία παιδικού θέματος στο WordPress

Δημιουργία παιδικού θέματος από μη τροποποιημένο γονικό θέμα^{(Creating a Child Theme from an Unmodified Parent Theme)}

Για να δημιουργήσετε ένα θυγατρικό θέμα στο WordPress , πρέπει να συνδεθείτε στο cPanel σας και να πλοηγηθείτε στο public_html και στη συνέχεια στο wp-content/themes όπου πρέπει να δημιουργήσετε έναν νέο φάκελο για το παιδικό σας θέμα (παράδειγμα /Twentysixteen-child/). Βεβαιωθείτε ότι δεν έχετε κενά στο όνομα του καταλόγου θυγατρικών θεμάτων που μπορεί να οδηγήσει σε σφάλματα.

Συνιστάται:^{(Recommended:)} Μπορείτε επίσης να χρησιμοποιήσετε την προσθήκη One-Click Child Theme για^{(One-Click Child Theme plugin)} να δημιουργήσετε ένα θυγατρικό θέμα (μόνο από ένα μη τροποποιημένο γονικό θέμα).

Τώρα πρέπει να δημιουργήσετε ένα αρχείο style.css για το θυγατρικό σας θέμα (μέσα στον κατάλογο θυγατρικών θεμάτων που μόλις δημιουργήσατε). Μόλις δημιουργήσετε το αρχείο, απλώς αντιγράψτε και επικολλήστε τον ακόλουθο κώδικα ( Αλλάξτε^(Change) τις παρακάτω λεπτομέρειες σύμφωνα με τις προδιαγραφές του θέματός σας):

/*
 Theme Name: Twenty Sixteen Child
 Theme URI: http://example.com/twenty-sixteen-child/
 Description: Twenty Sixteen Child Theme
 Author: WordPress Team
 Author URI: http://example.com
 Template: twentysixteen
 Version: 1.3.0
 License: GNU General Public License v3 or later
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

Σημείωση: ^(Note: ) Η γραμμή προτύπου^(Template) ( Πρότυπο^(Template) : twentysixteen) πρόκειται να αλλάξει σύμφωνα με το τρέχον όνομα του καταλόγου θεμάτων (το γονικό θέμα του οποίου το παιδί δημιουργούμε). Το γονικό θέμα στο παράδειγμά μας είναι το θέμα Twenty Sixteen , επομένως το Πρότυπο^(Template) θα είναι είκοσι δεκαέξι.

Παλαιότερα το @import χρησιμοποιήθηκε για τη φόρτωση του φύλλου στυλ από το γονικό στο θυγατρικό θέμα, αλλά τώρα δεν είναι καλή μέθοδος, καθώς αυξάνει τον χρόνο φόρτωσης του φύλλου στυλ. Αντί της χρήσης @import, είναι καλύτερο να χρησιμοποιήσετε τις συναρτήσεις PHP στο αρχείο functions.php θυγατρικού θέματος για να φορτώσετε το φύλλο στυλ.

Για να χρησιμοποιήσετε το αρχείο functions.php, πρέπει να δημιουργήσετε ένα στον κατάλογο παιδικών θεμάτων. Χρησιμοποιήστε τον ακόλουθο κώδικα στο αρχείο functions.php:

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}
?>

Ο παραπάνω κώδικας λειτουργεί μόνο εάν το γονικό σας θέμα χρησιμοποιεί μόνο ένα αρχείο .css για να διατηρεί όλο τον κώδικα CSS .

Εάν το παιδικό σας θέμα style.css περιέχει πραγματικά κώδικα CSS (όπως κάνει συνήθως), θα πρέπει επίσης να τον τοποθετήσετε στην ουρά:

<?php
function my_theme_enqueue_styles() {

    $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>

Ήρθε η ώρα να ενεργοποιήσετε το παιδικό σας θέμα, συνδεθείτε στον πίνακα διαχείρισης και, στη συνέχεια, μεταβείτε στην Appearance > Themes και ενεργοποιήστε το παιδικό σας θέμα από τη διαθέσιμη λίστα θεμάτων.

Σημείωση:^(Note:) Ίσως χρειαστεί να αποθηκεύσετε ξανά το μενού ( Appearance > Menus ) και τις επιλογές θέματος (συμπεριλαμβανομένων των εικόνων φόντου και κεφαλίδας) μετά την ενεργοποίηση του θυγατρικού θέματος.

Τώρα όποτε θέλετε να κάνετε αλλαγές στο style.css ή στο functions.php σας, μπορείτε εύκολα να το κάνετε στο παιδικό σας θέμα χωρίς να επηρεάσετε τον φάκελο γονικού θέματος.

Δημιουργία Child Theme στο WordPress από το γονικό σας θέμα, αλλά οι περισσότεροι από εσάς έχετε ήδη προσαρμόσει το θέμα σας, τότε η παραπάνω μέθοδος δεν πρόκειται να σας βοηθήσει καθόλου. Σε αυτήν την περίπτωση, ελέγξτε πώς να ενημερώσετε ένα θέμα WordPress χωρίς να χάσετε την προσαρμογή.

Εάν ελπίζετε ότι αυτό το άρθρο ήταν χρήσιμο για εσάς, αλλά εάν εξακολουθείτε να έχετε οποιαδήποτε ερώτηση σχετικά με αυτόν τον οδηγό, μη διστάσετε να τους ρωτήσετε στα σχόλια.

Creating Child Theme in WordPress

Only a handful of WordPress users υses a сhild theme аnd that’s because many of the users don’t know what is a сhild theme or Creаting Child Theme in WordPress. Well, most of thе people using WordPress tend to edit or customize thеir theme but all that cυstomization is lost when you update your theme and that’s where the use of child theme comes. When you use a child theme then all your customization will be saved and you can easily uрdate the parent theme.

Creating a Child Theme from an Unmodified Parent Theme

In order to create a child theme in WordPress you need to login to your cPanel and navigate to the public_html then wp-content/themes where you have to create a new folder for your child theme (example /Twentysixteen-child/). Make sure you don’t have any spaces in the name of child theme directory which may result in errors.

Recommended: You can also use One-Click Child Theme plugin to create a child theme(only from an unmodified parent theme).

Now you need to create a style.css file for your child theme (inside the child theme directory you just created). Once you have created the file just copy and paste the following code (Change below details according to your theme specifications):

/*
 Theme Name: Twenty Sixteen Child
 Theme URI: http://example.com/twenty-sixteen-child/
 Description: Twenty Sixteen Child Theme
 Author: WordPress Team
 Author URI: http://example.com
 Template: twentysixteen
 Version: 1.3.0
 License: GNU General Public License v3 or later
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

Note: The Template line (Template: twentysixteen) is to be changed according to your current name of the theme directory(the parent theme whose child we are creating). The parent theme in our example is the Twenty Sixteen theme, so the Template will be twentysixteen.

Earlier @import was used to load the stylesheet from parent to the child theme, but now it’s not a good method as it increases the amount of time to load the stylesheet. In place of using @import its best to use PHP functions in your child theme functions.php file to load the stylesheet.

In order to use functions.php file you need to create one in your child theme directory. Use the following code in your functions.php file:

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}
?>

The above code only works if your parent theme uses only one .css file to hold all the CSS code.

If your child theme style.css contain actually CSS code (as it normally does), you will need to enqueue it as well:

<?php
function my_theme_enqueue_styles() {

    $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme.

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>

It’s time to activate your child theme, login to your admin panel then go to Appearance > Themes and activate your child theme from the available list of themes.

Note: You may need to re-save your menu (Appearance > Menus) and theme options (including background and header images) after activating the child theme.

Now whenever you want to make changes to your style.css or functions.php you can easily do that in your child theme without affecting the parent theme folder.

Creating Child Theme in WordPress from your parent theme, but most of you have already customized your theme then the above method is not going to help you at all. In that case, check out how to update a WordPress Theme without losing customization.

If hope this article was helpful to you but if you still have any question regarding this guide please feel free to ask them in comments.

Λιανή Κεχαγιά

About the author

Είμαι έμπειρος ειδικός στα windows 10 και 11/10, με εμπειρία τόσο σε προγράμματα περιήγησης όσο και σε εφαρμογές smartphone. Είμαι μηχανικός λογισμικού για περισσότερα από 15 χρόνια και έχω συνεργαστεί με μια σειρά από μεγάλες εταιρείες, όπως η Microsoft, η Google, η Apple, η Ubisoft και άλλες. Έχω διδάξει επίσης ανάπτυξη windows 10/11 σε επίπεδο κολεγίου.

Δημιουργία παιδικού θέματος στο WordPress

Δημιουργία παιδικού θέματος στο WordPress

Δημιουργία παιδικού θέματος από μη τροποποιημένο γονικό θέμα^{(Creating a Child Theme from an Unmodified Parent Theme)}

Creating Child Theme in WordPress