[Résolu] Police qui ne s’applique pas…. (Créer un compte)

  • WordPress :5.7
  • Statut : résolu
15 sujets de 16 à 30 (sur un total de 35)
  • Auteur
    Messages
  • #2381809
    Kimakito
    Participant
    Padawan WordPress
    93 contributions

    Bonjour,

    Merci pour votre message, oui effectivement OceanWp_LeJustePlan (url du serveur : /www/staging/wp-content/themes/OceanWp_LeJustePlan) est bien le nom de mon thème enfant. Le functions.php fonctionne correctement (j’ai des CPT qui fonctionnent)

    Suivant vos directions, j’ai écrit ce code dans style.css :

    @font-face {
        font-family: 'Noto-sans-JP-thin';
        font-style: normal;
        font-weight: 100;
        src: url('/staging/wp-content/themes/OceanWp_LeJustePlan/fonts/NotoSansJP-Thin.woff') format('woff');
    }
    
    @font-face {
        font-family: 'Noto-sans-JP';
        font-style: normal;
        font-weight: 400;
        src: url('/staging/wp-content/themes/OceanWp_LeJustePlan/fonts/NotoSansJP-Regular.woff') format('woff');

    J’ai désactivé les polices google dans le thème et dans elementor. Je n’ai toujours rien qui change. J’avoue que je suis complètement désemparée, je ne comprends pas du tout… Comment détecter ce qui cloche ?

    En tout cas c’est super sympa de m’aider, je ne sais plus comment faire.

    #2381810
    Kimakito
    Participant
    Padawan WordPress
    93 contributions

    Je viens de remarquer un truc… Dans la console de chrome, lorsque je regarde, par exemple  le style de cette capture d’écran   si je coche / décoche “Noto-sans-JP-thin !important;” pour tester, le seul truc qui change c’est la barre noire du back-office tout en haut qui change de police…

    Vous comprenez ce comportement ?

    #2381823
    pw-alter
    Participant
    Initié WordPress
    25 contributions
    • en plus du thème oceanwp enfant activé, vous avez bien aussi installé le dernier thème oceanwp (non activé bien sûr)?
    • vous n’avez pas essayé l’url que je vous ai proposée ?
    src: url('NotoSansJP-Thin.woff') format('woff');

    • je ne sais pas pour votre capture d’écran.
    • j’ai utilisé oceanwp avec des polices personnelles, je vais essayer de voir si je retrouve un vieux fichier.

     

    • Cette réponse a été modifiée le il y a 1 mois et 4 semaines par pw-alter.
    #2381825
    Kimakito
    Participant
    Padawan WordPress
    93 contributions

    Bonjour,

    Si mais vu que je n’avais pas de résultat, je me suis demandée s’il ne fallait pas mettre le chemin “complet” ? J’ai testé avec l’url complète après avoir fait ce que vous suggériez.
    Je viens de refaire un test avec

    @font-face {
        font-family: 'Noto-sans-JP-thin';
        font-style: normal;
        font-weight: 100;
        src: url('NotoSansJP-Thin.woff') format('woff');
    }
    
    @font-face {
        font-family: 'Noto-sans-JP';
        font-style: normal;
        font-weight: 400;
        src: url('NotoSansJP-Regular.woff') format('woff');
    }

    C’est la configuration actuelle. cela donne, dans la console de chrome, onglet réseau ceci donc pour moi le chemin n’est pas bon, qu’en pensez-vous ? Je viens de changer pour  src: url(‘fonts/NotoSansJP-Thin.woff’) format(‘woff’); et je n’ai plus l’erreur, mais la police ne s’applique toujours pas. Je ne comprends pas ce qui bloque.

    Mon début de fichier functions.php pour les polices / styles :

    <?php
    
      /* Ajoute la feuille de style du thème parent */
      add_action( 'wp_enqueue_scripts', 'wpchild_enqueue_styles' );
       function wpchild_enqueue_styles(){
       wp_enqueue_style( 'ns-theme-style' , get_stylesheet_directory_uri() . '/style.css' );  
      }
      function ocean_add_custom_fonts() {
       return array('Noto-sans-JP-thin', 'Noto-sans-JP');
       }

    dans personnalisation JS/CSS du thème :

    body {
    font-family: Noto-sans-JP-thin !important;
    }
    p, a {
     font-family: Noto-sans-JP-thin !important;
    	font-weight: 100;
     }
    h1, h2, h3, h4, h5, h6, article {
     font-family: Noto-sans-JP !important;
    	font-weight: 400;
     }

     

    #2381828
    pw-alter
    Participant
    Initié WordPress
    25 contributions

    voici ce que j’avais dans le fichier style.css que je viens de retrouver

    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 400;
      src: local('Montserrat Regular'), local('Montserrat-Regular'),
           url('fonts/montserrat-v14-latin-regular.woff2') format('woff2'),
           url('fonts/montserrat-v14-latin-regular.woff') format('woff'),
           url('fonts/montserrat-v14-latin-regular.ttf') format('truetype'),
      font-display: swap;
    }

    Je vous suggère de supprimer du fichier functions.php vos ajouts concernant les polices  (à part le code vu plus haut pour ajouter la nouvelle police).

    Le choix concernant les textes (body, h1 etc) se fait directement dans le paramétrage Typographie du thème.

    #2381829
    Kimakito
    Participant
    Padawan WordPress
    93 contributions

    Merci pw-alter de m’aider.

    Je supprime ceci selon vous ?

      function ocean_add_custom_fonts() {
       return array('Noto-sans-JP-thin', 'Noto-sans-JP');
       }

    J’avais fait ça pour que le thème reconnaisse la police. Je peux tester –  edit – Je viens de le faire, ça ne fonctionne toujours pas.

    J’ai modifié le style.css de cette manière, sans succès :

    @font-face {
        font-family: 'Noto-sans-JP-thin';
        src: url('fonts/notosansjp-thin-webfont.eot');
        src: url('fonts/notosansjp-thin-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/notosansjp-thin-webfont.woff2') format('woff2'), url('fonts/notosansjp-thin-webfont.woff') format('woff'), url('fonts/notosansjp-thin-webfont.ttf') format('truetype'), url('fonts/notosansjp-thin-webfont.svg#webfontthin-alphabetic') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: 'Noto-sans-JP';
        src: url('fonts/notosansjp-regular-webfont.eot');
        src: url('fonts/notosansjp-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/notosansjp-regular-webfont.woff2') format('woff2'), url('fonts/notosansjp-regular-webfont.woff') format('woff'), url('fonts/notosansjp-regular-webfont.ttf') format('truetype'), url('fonts/notosansjp-regular-webfont.svg#webfontregular-alphabetic') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    D’autre part, très étrange… Lorsque je copie un texte du site vers un word, il se met dans la bonne police dans le word

    #2381830
    pw-alter
    Participant
    Initié WordPress
    25 contributions

    il ne faut surtout pas supprimer ce code

    function ocean_add_custom_fonts() {
     return array('Noto-sans-JP-thin', 'Noto-sans-JP');
     }

    Je pense qu’à ce point le mieux est de tout reprendre depuis le début et de faire exactement ce qui est expliqué dans la doc du thème sans rien ajouter. https://docs.oceanwp.org/article/128-how-to-add-custom-fonts

    Il n’y a pas de raison que ça ne marche pas : j’avais pu utiliser des polices personnelles (et le code donné plus haut en exemple fonctionnait).

    je vais voir ce que je peux retrouver dans mes doc archivés.

     

    #2381831
    Kimakito
    Participant
    Padawan WordPress
    93 contributions

    C’est exactement ce que j’ai fait à l’instant, j’ai repris depuis le début avec ce fameux lien.

    Impossible de changer la police, même en utilisant d’autres polices proposées… Il y a vraiment un truc qui bloque totalement l’écriture dans le thème.

    #2381832
    pw-alter
    Participant
    Initié WordPress
    25 contributions
    #2381834
    Kimakito
    Participant
    Padawan WordPress
    93 contributions

    Voici l’intégralité de mon functions.php.

    <?php
    
      /* Ajoute la feuille de style du thème parent */
      add_action( 'wp_enqueue_scripts', 'wpchild_enqueue_styles' );
       function wpchild_enqueue_styles(){
       wp_enqueue_style( 'ns-theme-style' , get_stylesheet_directory_uri() . '/style.css' );  
      }
      function ocean_add_custom_fonts() {
       return array('Noto-sans-JP-thin', 'Noto-sans-JP');
       }
    
    
      // CPT shortcode HomePage
    function diwp_create_shortcode_project_post_type(){
     
      $args = array(
                      'post_type'      => 'projets',
                      'posts_per_page' => '10',
                      'category_name' => '',
                      'publish_status' => 'published',
                   );
    
      $query = new WP_Query($args);
    
      if($query->have_posts()) :
    
          while($query->have_posts()) :
    
              $query->the_post() ;
           $content = wpautop( get_the_content() );
                       
    /*     $result .= '<div class="post-item">';
          $result .= '<div class="post-poster">' . get_the_post_thumbnail() . '</div>';
          $result .= '<div class="post-name">' . get_the_title() . '</div>';
          $result .= '<div class="post-desc">' . get_the_content() . '</div>'; 
          $result .= '</div>'; */
     
       $result .= '<div class="block-actu-list"><a href=" ' . get_the_permalink() .'"> <div class="img-actu">' . get_the_post_thumbnail( $post->ID, 'large') . '</div> </a><div class="legend">' . get_the_title() . '</div></div>';
    
          endwhile;
    
          wp_reset_postdata();
    
      endif;    
    
      return $result;            
    }
    
    add_shortcode( 'project-listed', 'diwp_create_shortcode_project_post_type' );
    
    
      // CPT shortcode Old_Projects
    
      function diwp_create_shortcode_oldprojects_post_type(){
       $args = array(
                        'post_type'      => 'projets',
                        'posts_per_page' => '6',
                        'category_name' => 'anciens',
                        'publish_status' => 'published',
                     );
      
        $query = new WP_Query($args);
      
        if($query->have_posts()) :
      
            while($query->have_posts()) :
      
                $query->the_post() ;
             $content = wpautop( get_the_content() );
                         
      /*     $result .= '<div class="post-item">';
            $result .= '<div class="post-poster">' . get_the_post_thumbnail() . '</div>';
            $result .= '<div class="post-name">' . get_the_title() . '</div>';
            $result .= '<div class="post-desc">' . get_the_content() . '</div>'; 
            $result .= '</div>'; */
       
         $result .= '<div class="block-actu-list"><a href=" ' . get_the_permalink() .'"> <div class="img-actu">' . get_the_post_thumbnail( $post->ID, 'large') . '</div> </a><div class="legend">' . get_the_title() . '</div></div>';
      
            endwhile;
          
            wp_reset_postdata();
      
        endif;    
      
        return $result;            
      }
      
      add_shortcode( 'oldprojects-listed', 'diwp_create_shortcode_oldprojects_post_type' );
    
       // CPT shortcode New_Projects
    
       function diwp_create_shortcode_newprojects_post_type(){
     
        $args = array(
                        'post_type'      => 'projets',
                        'posts_per_page' => '6',
                        'category_name' => 'neufs',
                        'publish_status' => 'published',
                     );
      
        $query = new WP_Query($args);
      
        if($query->have_posts()) :
      
            while($query->have_posts()) :
      
                $query->the_post() ;
             $content = wpautop( get_the_content() );
                         
      /*     $result .= '<div class="post-item">';
            $result .= '<div class="post-poster">' . get_the_post_thumbnail() . '</div>';
            $result .= '<div class="post-name">' . get_the_title() . '</div>';
            $result .= '<div class="post-desc">' . get_the_content() . '</div>'; 
            $result .= '</div>'; */
       
         $result .= '<div class="block-actu-list"><a href=" ' . get_the_permalink() .'"> <div class="img-actu">' . get_the_post_thumbnail( $post->ID, 'large') . '</div> </a><div class="legend">' . get_the_title() . '</div></div>';
      
            endwhile;
      
            wp_reset_postdata();
      
        endif;    
      
        return $result;            
      }
      
      add_shortcode( 'newprojects-listed', 'diwp_create_shortcode_newprojects_post_type' );
    
      /**
     * Add the OceanWP Settings metabox in your CPT
     */
    function oceanwp_metabox( $types ) {
    
    	// Your custom post type
    	$types[] = 'projets';
    
    	// Return
    	return $types;
    
    }
    add_filter( 'ocean_main_metaboxes_post_types', 'oceanwp_metabox', 20 );

    Pour le test que vous me suggerez, je dois seulement laisser ceci ?

      add_action( 'wp_enqueue_scripts', 'wpchild_enqueue_styles' );
       function wpchild_enqueue_styles(){
       wp_enqueue_style( 'ns-theme-style' , get_stylesheet_directory_uri() . '/style.css' );  
      }
      function ocean_add_custom_fonts() {
       return array('Noto-sans-JP-thin', 'Noto-sans-JP');
       }

    Pour les url, j’ai essayé avec et sans, mais il n’y a pas d’erreur de fichier de font, dans la console il semble bien reconnaître les fichiers.

    • Cette réponse a été modifiée le il y a 1 mois et 4 semaines par Kimakito.
    #2381836
    Kimakito
    Participant
    Padawan WordPress
    93 contributions

    Je viens de me rendre compte d’un truc… J’ai l’impression que le backoffice est dans la bonne police… ><

    #2381837
    pw-alter
    Participant
    Initié WordPress
    25 contributions

    Voici ce qu’il y avait dans le functions.php du thème enfant :

    <?php
    /**
     * Child theme functions
     *
     * When using a child theme (see http://codex.wordpress.org/Theme_Development
     * and http://codex.wordpress.org/Child_Themes), you can override certain
     * functions (those wrapped in a function_exists() call) by defining them first
     * in your child theme's functions.php file. The child theme's functions.php
     * file is included before the parent theme's file, so the child theme
     * functions would be used.
     *
     * Text Domain: oceanwp
     * @link http://codex.wordpress.org/Plugin_API
     *
     */
    
    /**
     * Load the parent style.css file
     *
     * @link http://codex.wordpress.org/Child_Themes
     */
    function oceanwp_child_enqueue_parent_style() {
    	// Dynamically get version number of the parent stylesheet (lets browsers re-cache your stylesheet when you update your theme)
    	$theme   = wp_get_theme( 'OceanWP' );
    	$version = $theme->get( 'Version' );
    	// Load the stylesheet
    	wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( 'oceanwp-style' ), $version );
    }
    
    
    /**
     * Remove all Google font options from the Customizer
     */
    function remove_customizer_google_fonts( $fonts ) {
    	if ( is_customize_preview() ) {
    		$fonts = '';
    	}
    	return $fonts;
    }
    add_filter( 'ocean_google_fonts_array', 'remove_customizer_google_fonts' );
    
    
    
    // Add custom font to font settings
    function ocean_add_custom_fonts() {
    	return array( 'Montserrat'); // You can add more then 1 font to the array!
    }
    
    add_action( 'wp_enqueue_scripts', 'oceanwp_child_enqueue_parent_style' );

     

    #2381840
    Kimakito
    Participant
    Padawan WordPress
    93 contributions

    Du coup dans mon cas, ça donnerait ceci.
    Je l’applique.
    Toujours aucun résultat… je ne sais pas ce qui bloque comme ça.

    function oceanwp_child_enqueue_parent_style() {
    	// Dynamically get version number of the parent stylesheet (lets browsers re-cache your stylesheet when you update your theme)
    	$theme   = wp_get_theme( 'OceanWP' );
    	$version = $theme->get( 'Version' );
    	// Load the stylesheet
    	wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( 'oceanwp-style' ), $version );
    }
    
    
    /**
     * Remove all Google font options from the Customizer
     */
    function remove_customizer_google_fonts( $fonts ) {
    	if ( is_customize_preview() ) {
    		$fonts = '';
    	}
    	return $fonts;
    }
    add_filter( 'ocean_google_fonts_array', 'remove_customizer_google_fonts' );
    
    
    
    // Add custom font to font settings
    function ocean_add_custom_fonts() {
    	return array('Noto-sans-JP-thin', 'Noto-sans-JP'); // You can add more then 1 font to the array!
    }
    
    add_action( 'wp_enqueue_scripts', 'oceanwp_child_enqueue_parent_style' );

    #2381845
    pw-alter
    Participant
    Initié WordPress
    25 contributions

    je ne sais pas  :- (    Il faudrait que les experts du forum vous aident.

    une dernière question, très probablement idiote, mais ….   je ne sais pas s’il y a une règle concernant le nommage des thèmes enfants. Peut-être vaudrait-il la peine de renommer le vôtre?

    (le mien s’appelait simplement oceanwp-child-theme  (sans aucune majuscule) ).

    Sinon, vous pouvez demander de l’aide en anglais au support du thème https://wordpress.org/support/theme/oceanwp/

    Il y a 2 ans, le support était rapide, sympa et très efficace.

    Bonne chance pour la suite.

    #2381846
    Kimakito
    Participant
    Padawan WordPress
    93 contributions

    J’ai effectivement fait une demande hier au service de support.

    @pw-alter ça y est ! ça fonctionne !!!! Je pense que je n’avais pas effacé le cache pour mon dernier test mais là, tout fonctionne parfaitement, J’ai juste les légendes des images elementor qui sont encore en mauvais format mais tout le reste est ok !

    Quel soulagement, je dois rendre le site demain et c’était le dernier point… J’en dors pas depuis 3 jours.

    Merci infiniment de ne pas m’avoir lâché, de m’avoir aidé, répondu, de m’avoir expliqué tout ça, je retiens la leçon, j’apprends grâce à toi et également @mathieu42 et les autres personnes qui répondent lorsque je poste.  Mes remerciements les plus sincères.

15 sujets de 16 à 30 (sur un total de 35)
  • Vous devez être connecté pour répondre à ce sujet.