Thème enfant inactif sur certains navigateurs/commandes.

  • WordPress :4.7
  • Statut : non résolu
9 sujets de 1 à 9 (sur un total de 9)
  • Auteur
    Messages
  • #1864413

    Jiloin
    Participant
    Initié WordPress
    5 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 5.7.14
    • Thème utilisé : Twenty Thirteen
    • Extensions en place : Akismet, Max Mega Menu et Members
    • Nom de l’hébergeur : local pour l’instant
    • Adresse du site :

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

     

    J’ai commencé par créer mon thème enfant, j’ai donc mon fichier functions.php qui contient le code suivant :

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

    , mon fichier style.css qui contient le code suivant :

    /*
     Theme Name:   Thème enfant de Twenty Thirteen
     Theme URI:    https://cnfptsdb.com
     Description:  Description de mon thème enfant
     Author:       Julien de Lagausie
     Template:     twentythirteen
     Version:      1.0.0
    */
    
    .entry-content {max-width: 850px;}
    h1.site-title  {padding: 0 0 0 220px;}

    et maintenant j’ai deux problèmes, le max-width me sert à augmenter la largeur du bloc texte, mais ce dernier ne fonctionne que sur Firefox, Edge, IE, mais pas sur chrome; je n’ai pas testé sous safari.

    Et mon deuxième problème est que mon thème enfant n’est pas pris en compte pour décaler le titre.

    Après mon deuxième problème est un peu différent, à la base je voulais afficher un logo à gauche du header, et un autre logo en bas à droite, avec le texte au centre, mais n’ayant pas trouvé de solution j’ai modifié ma bannière et souhaiterais décaler le texte. Dans l’idéal je souhaiterais avoir mes deux logos, mais le site peux très bien fonctionner avec la bannière actuelle.

    Quelqu’un voit une solution ?

    Merci de votre aide 🙂

    #1864492

    Jiloin
    Participant
    Initié WordPress
    5 contributions

    Bonjour,

    Bon alors pour mon problème avec chrome, c’était juste un soucis de cache, mon titre s’est bien déplacé également, mais ma méthode est un peu « archaïque », quand je zoom/dé zoom, le titre se déplace et ça ne ressemble plus à rien.

    du coup j’ai chopé la page header.php pour la rajouter dans mon thème enfant, j’ai coupé les deux logos de ma bannière, j’ai laissé le premier en tant que bannière et créé un div pour le deuxième, mais tout le header à pris la taille de la nouvelle bannière.

    J’ai mis le premier logo en float : left, et le deuxième en float : right, mais ça ne ressemble à rien du tout xD

    #1864528

    PhiLyon
    Modérateur
    Maître WordPress
    15685 contributions

    Bonjour.

    Tu pourrais essayer en ajoutant des zones de widget dans le header, pas le courage de tester.

    https://www.ostraining.com/blog/wordpress/custom-sidebar/

    🙂

     

    #1868874

    Jiloin
    Participant
    Initié WordPress
    5 contributions

    Salut et merci de ta réponse,

    J’ai essayé, mais ce n’est pas exactement ce que je cherche, en gros je voudrais créer 3 div, un pour chaque image, et un pour la zone de titre au centre, j’essaye de faire ça en bidouillant les widgets ou il y a une façon plus simple ?

    Cordialement

    #1871357

    PhiLyon
    Modérateur
    Maître WordPress
    15685 contributions

    Bonjour.

    Si tu n’as pas trouvé, j’ai peut-être une solution.

    🙂

    #1871562

    Jiloin
    Participant
    Initié WordPress
    5 contributions

    Bonjour,

    alors voici ce que j’ai fait :

    j’ai copié la page header.php du thème parent vers le thème enfant et rajouté mes 3 divs :

    <?php
    /**
     * The Header template for our theme
     *
     * Displays all of the <head> section and everything up till <div id="main">
     *
     * @package WordPress
     * @subpackage Twenty_Thirteen
     * @since Twenty Thirteen 1.0
     */
    ?><!DOCTYPE html>
    <!--[if IE 7]>
    <html class="ie ie7" <?php language_attributes(); ?>>
    <![endif]-->
    <!--[if IE 8]>
    <html class="ie ie8" <?php language_attributes(); ?>>
    <![endif]-->
    <!--[if !(IE 7) & !(IE 8)]><!-->
    <html <?php language_attributes(); ?>>
    <!--<![endif]-->
    <head>
    	<meta charset="<?php bloginfo( 'charset' ); ?>">
    	<meta name="viewport" content="width=device-width">
    	<title><?php wp_title( '|', true, 'right' ); ?></title>
    	<link rel="profile" href="http://gmpg.org/xfn/11">
    	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>">
    	<!--[if lt IE 9]>
    	<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js"></script>
    	<![endif]-->
    	<?php wp_head(); ?>
    </head>
    
    <body <?php body_class(); ?>>
    	<div id="page" class="hfeed site">
    		<header id="masthead" class="site-header" role="banner">
    			<div id="photos">
    			</div>
    			<div id="logo">
    			</div>
    			<div id="titre">
    			<a class="home-link" href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
    				<h1 class="site-title"><?php bloginfo( 'name' ); ?></h1>
    				<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
    			</div>
    			</a>
    			<div id="navbar" class="navbar">
    				<nav id="site-navigation" class="navigation main-navigation" role="navigation">
    					<button class="menu-toggle"><?php _e( 'Menu', 'twentythirteen' ); ?></button>
    					<a class="screen-reader-text skip-link" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentythirteen' ); ?>"><?php _e( 'Skip to content', 'twentythirteen' ); ?></a>
    					<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu', 'menu_id' => 'primary-menu' ) ); ?>
    					<?php get_search_form(); ?>
    				</nav><!-- #site-navigation -->
    			</div><!-- #navbar -->
    		</header><!-- #masthead -->
    
    		<div id="main" class="site-main">

    et j’ai essayé de rajouter mes images via la css du thème enfant toujours :

    /*
     Theme Name:   Thème enfant de Twenty Thirteen
     Theme URI:    https://cnfptsdb.com
     Description:  Description de mon thème enfant
     Author:       Julien de Lagausie
     Template:     twentythirteen
     Version:      1.0.0
    */
    
    .entry-content {max-width: 850px;}
    #photos {background-image: photos.png;
    	float: left;}
    #titre {background-color: fcb700;
    	overflow: hidden;}
    #logo {background-image: logo.png;
    	float: right;}

    Cependant, j’ai maintenant mon header qui à doublé en hauteur avec un gros espace vide en dessous, mes images qui ne s’affichent pas et je ne parviens pas à trouver le circle.png du thème de base, que ce soit dans la css ou le html, ce dernier s’affiche donc toujours.

    J’avoue que je suis un peu perdu ^^

    S’il serait possible de m’éclairer un peu, ça ne serait pas de refus xD

    Merci pour votre aide 🙂

    • Cette réponse a été modifiée le il y a 1 semaine et 6 jours par  Jiloin.
    #1871581

    PhiLyon
    Modérateur
    Maître WordPress
    15685 contributions

    Je t’envoies dans un zip deux fichiers, un pour le header, un pour le css.

    Dans le header mets les bonnes url.

    🙂

    Fichiers joints :
    Vous devez être connecté pour voir les fichiers joints.
    #1871588

    PhiLyon
    Modérateur
    Maître WordPress
    15685 contributions

    Bien-sûr il faut supprimer l’image d’en-tête dans Apparence/Personnaliser.

    🙂

    #1880766

    PhiLyon
    Modérateur
    Maître WordPress
    15685 contributions

    T’en es où ?

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