Thêmes enfants

  • WordPress :4.8.2
  • Statut : non résolu
14 sujets de 1 à 14 (sur un total de 14)
  • Auteur
    Messages
  • #1963277

    Gyllaume
    Participant
    Initié WordPress
    16 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL :
    • Thème utilisé : Make
    • Extensions en place :
    • Nom de l’hébergeur :  en local
    • Adresse du site :

    Problème(s) rencontré(s) :

     

    Bonjour,

     

    J’aimerai créer un thêmes enfants afain de pouvoir personnaliser d’avantage mon site web (style css, pages spéciales pour certaine scatégories, …).

     

    J’ai vu pas mal de tutoriel sur internet mais je n’arrive pas à un résultat satisfaisant avec la méthode « wp_enqueue_style ». Seule l’ancienne méthode avec import des styles du thème parent dans le fichier css du thème enfant fonctionne. Mais parait-il cette méthode est désuette.

     

    Voici le code que j’ai mis dans le fichier function.php de mon thème enfant :

    <?php
    
    function wpc_theme_enqueue_styles() {
        wp_enqueue_style('make', get_template_directory_uri() . '/style.css');
    }
    add_action('wp_enqueue_scripts', 'wpc_theme_enqueue_styles'); 

    Mais  j’ai pas l’impression que ça marche car aucun style ne se charge.

     

    J’ai pensé que mon soucis pouvait aussi venir des feuilles de style de mon thême parent. Car il y a un fichier « style.css » et un autre sous dossier avec plusieurs styles CSS. Hors avec la méthode actuelle je n’ai pas l’impression que j’importe ces autres style …

     

    Voici ce qu’il y a dans le fichier style.css de mon thème enfant + un peu de css spécifique derrière.

    
    /*
    Theme Name: Make-Child
    Description: Make Child
    Author: Guillaume - WPserveur
    Author URI: https://www.wpserveur.net
    Template: make
    Version: 0.1.0
    */

     

     

     

    Mon code n’est pas bon ? Il me manque quelque chose ?

    Je dois rajouter d’autres choses dans le fichier « function.php » de mon thème enfant ?

    • Ce sujet a été modifié le il y a 1 semaine et 1 jour par  Gyllaume.
    #1963439

    PhiLyon
    Modérateur
    Maître WordPress
    16592 contributions

    Bonsoir.

    Author: Guillaume – WPserveur
    Author URI: https://www.wpserveur.net

    Je ne pige pas tout,  là où tu es il y a des spécialistes WordPress, non ?

    Tu as essayé de modifier quel code dans ton CSS enfant ?

    🙂

    #1963480

    Gyllaume
    Participant
    Initié WordPress
    16 contributions

    J’ai juste récupéré ce code sur un de leur tutoriel ^^

     

     

    Je modifie aucun code pour l’instant, j’en rajoute juste pour présenter autrement certains éléments. Tout mon code css :

     

    /*
    Theme Name: Make-Child
    Description: Make Child
    Author: Guillaume 
    Author URI: 
    Template: make
    Version: 0.1.0
    */
    
    
    /* @import url( "../make/style.css ") ; */
    
    /* THIS IS THE CLASS THAT IS APPLIED TO THE UNORDERED LIST AND ACTS AS THE FLEX CONTAINER */
    
    .grid-wrap {
    	display: flex;			/* THIS MAKES IT A FLEX CONTAINER */
    	flex-flow: row wrap;		/* THIS MAKES EACH BLOG POST LINE UP HORIZONTALLY AND WRAP TO THE NEXT LINE */
    	align-items: center;		/* YOU CAN CHOOSE DIFFERENT VALUES HERE */
    	justify-content: center;	/* YOU CAN CHOOSE DIFFERENT VALUES HERE */
    	list-style: none;		/* THIS REMOVES THE BULLET POINT FOR EACH LIST ITEM */
    	margin-bottom:5px;
    	align-items: flex-start;
    }
    
    /* THIS IS THE CLASS FOR EACH LIST ITEM */
    
    .grid-item {
    	flex-basis: 320px;	/* WIDTH OF EACH ITEM - ADJUST FOR YOUR OWN PURPOSES */
    	height: auto;		/* HEIGHT OF EACH ITEM - ADJUST FOR YOUR OWN PURPOSES */
    	padding: 15px 0px 15px 0px;		/* SET WHATEVER PADDING VALUE YOU WANT */
    	margin-right: auto;
    	margin-left: auto;/* SET WHATEVER MARGIN VALUE YOU WANT */
    	display: flex;
        flex-direction: column;
    	text-align: center;
    }
    	
    
    	/* USE THIS TO MAKE THE FEATURED IMAGES BEHAVE PROPERLY ACROSS ALL DEVICES */
    
    	.grid-item img {
    		display: block;
    		margin-left: auto;
    		margin-right: auto;
    		max-width: 320px;	/* SET WHATEVER SIZE VALUE YOU WANT */
    		object-position: center;
    		object-fit: cover;
    		height:200px;
    	}
    
    /* YOU MIGHT NEED THIS TO FIX THE TYPICAL INDENTION BEHAVIOR OF UNORDERED LISTS */
    
    .grid-wrap ul {
    	margin-left: 0px;
    }

    #1963495

    PhiLyon
    Modérateur
    Maître WordPress
    16592 contributions

    Si tu ne fais pas de modifs tu ne peux voir s’il fonctionne, tu l’as activé ton thème enfant ?

    Pour tester s’il fonctionne colles le code ci-dessous dans ton style.css le titre devrait changer de couleur

    .site-title a {
        color: #ffa800;
    }

    La ligne d’import url n’est pas nécessaire en principe

    🙂

    #1963744

    Gyllaume
    Participant
    Initié WordPress
    16 contributions

    http://hpics.li/3eab886

     

    Pour te donner une idée du rendu ^^

    Et j’ai examiner les éléments, j’ai aucun CSS du thême parent qui vient se charger. Par contre le style du thème enfant se charge correctement (avec mon code css).

    Du coup je comprend pas pourquoi je n’ai pas le style css du thème parent … Le style css du thème enfant doit seulement venir « surcharger  » ou remplacer le style du thème parent non ?

    #1963877

    PhiLyon
    Modérateur
    Maître WordPress
    16592 contributions

    Bonjour.

    Remplaces le code de tes fichiers par ceux-là

    <?php
    // Exit if accessed directly
    if ( !defined( 'ABSPATH' ) ) exit;
    
    // BEGIN ENQUEUE PARENT ACTION
    // AUTO GENERATED - Do not modify or remove comment markers above or below:
    
    if ( !function_exists( 'chld_thm_cfg_parent_css' ) ):
        function chld_thm_cfg_parent_css() {
            wp_enqueue_style( 'chld_thm_cfg_parent', trailingslashit( get_template_directory_uri() ) . 'style.css', array(  ) );
        }
    endif;
    add_action( 'wp_enqueue_scripts', 'chld_thm_cfg_parent_css', 10 );
    
    // END ENQUEUE PARENT ACTION
    functions.php

    /*
    Theme Name: Make Child
    Theme URI: https://thethemefoundry.com/make/
    Template: make
    Author: The Theme Foundry
    Author URI: https://thethemefoundry.com
    Version: 1.9.7.1510516843
    Updated: 2017-11-12 21:00:43
    */
    style.css

    🙂

    #1963885

    Gyllaume
    Participant
    Initié WordPress
    16 contributions

    Toujours pas 🙁 Je vais essayer ce code avec un autre thème ce soir. J’ai rien à changer dans le code ? Je colle tel quel ?

    #1963899

    PhiLyon
    Modérateur
    Maître WordPress
    16592 contributions

    Si tu essaies avec un autre thème cela ne fonctionnera pas, c’est pour ton thème.

    Et oui tu colles et c’est tout.

    🙂

    #1964029

    Gyllaume
    Participant
    Initié WordPress
    16 contributions

    Je suis en virtual host sur wamp, est ce que ça peut poser problème ?

     

    Vous auriez le même code pour un thème de base wordpress (twentysicteen ou autre) voir si j’y arrive comme ça ?

     

    help ^^

    #1964030

    PhiLyon
    Modérateur
    Maître WordPress
    16592 contributions

    Installes ce plugin et tu pourras créer tes thèmes enfants facilement https://fr.wordpress.org/plugins/child-theme-configurator/

    🙂

    #1964806

    Gyllaume
    Participant
    Initié WordPress
    16 contributions

    J’ai pas du tout envie d’utiliser un plugin. J’ai pas envie de dépasser la quinzaine de plugins, donc je vais éviter d’en utiliser pour ça.

     

    Tant pis je vais réutiliser l’ancienne méthode avec @import dans le fichier css qui fonctionne très bien.

    #1964986

    PhiLyon
    Modérateur
    Maître WordPress
    16592 contributions

    Bonjour.

    Ce plugin c’est comme un Kleenex, une fois que tu as créé ton thème enfant, tu peux le jeter.

    Maintenant tu fais ce que tu veux, tu restes avec ton thème enfant obsolète et si cela ne fonctionne pas, tant pis pour toi.

    🙂

    #1965346

    Gyllaume
    Participant
    Initié WordPress
    16 contributions

    Merci !

     

    J’ai utilisé le « kleenex » , super éfficace il m’a généré … le même code et ça marchait !

    Sur le coup j’ai pas compris …

    Et en fermant mes dossiers ce soir, oit dit en passant exactement les même … je me suis aperçu qu’il manquait un ‘s’ à mon fichier « functions » . Mea culpa, c’était de ma faute ^^ »

    #1965515

    PhiLyon
    Modérateur
    Maître WordPress
    16592 contributions

    Il faut afficher « Résolu » en haut à gauche de cette page.

    🙂

14 sujets de 1 à 14 (sur un total de 14)
  • Vous devez être connecté pour répondre à ce sujet.