Css ne s’aplique pas (Créer un compte)

  • WordPress :5.2
  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 15)
  • Auteur
    Messages
  • #2286424
    ahkeur
    Participant
    Initié WordPress
    8 contributions

    Bonjour,je rencontre actuelement un problème: j’ai installé wordpress en local avec wamp.Le site a été correctement configuré il marche correctement sauf que j’ai commencé a dévelloper un thème et la rien a faire le css ne marche pas!

    J’ai mis les fichiers index.php, sidebar.php, style.css, footer.php et header.php dans le dossier theme.Le html marche correctement : il affiche bien « cc » mais il ne met pas la couleur.

    Je vous met ci dessous le contnu de index.php , de style.css et de header.php.

    .class {
    color: red;
    }
    style.css

    <html>

    <head>
    <title> Titre de mon site </title>
    </head>

    <body>
    Header.php

     

    <?php 

    get_header();
    ?>


    <a class='class'> cc </a>
    Index.php

    #2286448
    ahkeur
    Participant
    Initié WordPress
    8 contributions

    Ma configuration WP actuelle

    • Version de PHP/MySQL : 7.2.18 / 5.7.26
    #2286450
    PhiLyon
    Modérateur
    Maître WordPress
    28260 contributions

    Bonjour.

    sauf que j’ai commencé a dévelloper un thème

    Il y a un minimum de bases à connaitre avant de développer, une mine https://codex.wordpress.org/fr:Accueil

    🙂

    #2286453
    ahkeur
    Participant
    Initié WordPress
    8 contributions

    Bonjour et merci de votre réponse. Je code déja en html,css et php depuis pres de 3 ans maintenant. Et j’ai donc déja les « base »

    #2286454
    PhiLyon
    Modérateur
    Maître WordPress
    28260 contributions

    Le début d’un header.php fonctionnel

    <?php
    /**
    * The header for our theme
    *
    * This is the template that displays all of the <head> section and everything up until <div id="content">
    *
    * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
    *
    * @package WordPress
    * @subpackage Twenty_Seventeen
    * @since 1.0
    * @version 1.0
    */

    ?><!DOCTYPE html>
    <html <?php language_attributes(); ?> class="no-js no-svg">
    <head>
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="profile" href="http://gmpg.org/xfn/11">

    <?php wp_head(); ?>
    </head>

    <body <?php body_class(); ?>>
    <?php wp_body_open(); ?>
    <div id="page" class="site">

    🙂

    #2286455
    ahkeur
    Participant
    Initié WordPress
    8 contributions

    J’ai essayé mais ca ne marche toujour pas : le texte reste noir

    #2286456
    mathieu42
    Participant
    Maître WordPress
    2012 contributions

    le message et le lien cité par PhiLyon parlait de développement dans WordPress donc d’un thème ou d’une extension. il ne parlait pas de développement web en général.

    #2286457
    PhiLyon
    Modérateur
    Maître WordPress
    28260 contributions

    j’ai installé wordpress

    C’est bien dans WordPress !

    🙂

    #2286458
    ahkeur
    Participant
    Initié WordPress
    8 contributions

    Oui c’est dans WordPress

    #2286460
    ahkeur
    Participant
    Initié WordPress
    8 contributions

    Ducoup il faut pas mettre

    <link rel="stylesheet" type="text/css" href="style.css">

    #2286464
    audrasjb
    Participant
    Chevalier WordPress
    103 contributions

    Bonjour,

    Si tu utilise

    <link rel="stylesheet" type="text/css" href="style.css" />

    ça ne marchera pas. Il faut utiliser les marqueurs de modèles.

    Mettons que ton site soit situé à l’adresse https://example.com/.

    Avec la balise link ci-dessus, la feuille de style sera recherchée à l’emplacement https://example.com/style.css.

    Évidemment, il n’y a rien à cet emplacement : ta feuille de style se trouve ici : https://example.com/wp-content/themes/slug-de-ton-theme/style.css.

    Pour dynamiser l’accès à cette ressource, voilà ce qu’il faut utiliser :

    <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri(); ?>/style.css" />

    Mais pour le faire proprement, la feuille de style doit être enqueue via wp_head() (cf l’exemple de header.php ci dessus).

    Je te recommande fortement de lire le handbook à destination des développeurs de thèmes : https://developer.wordpress.org/themes/

    Si tu as des difficultés avec l’anglais, le site de Vincent regorge de bons articles pour comprendre comment fonctionnent les thèmes WP : https://vincentdubroeucq.com/articles/

    Bon apprentissage 🙂

    Jb Audras

    • Cette réponse a été modifiée le il y a 4 années et 6 mois par audrasjb.
    • Cette réponse a été modifiée le il y a 4 années et 6 mois par audrasjb.
    #2286470
    ahkeur
    Participant
    Initié WordPress
    8 contributions

    Bonjour @<span class= »bbp-author-name »>audrasjb</span> j’ai suivie tes conseils mais le css ne s’aplique toujours pas

    #2286471
    audrasjb
    Participant
    Chevalier WordPress
    103 contributions

    Il faut copier ici l’intégralité de ton code, car il y a nécessairement un souci quelque part.

    #2286472
    PhiLyon
    Modérateur
    Maître WordPress
    28260 contributions

    Une class qui s’appelle class, pas top, de plus pour l’appeler c’est comme-ça

    class="class"

    🙂

    • Cette réponse a été modifiée le il y a 4 années et 6 mois par PhiLyon.
    #2286474
    ahkeur
    Participant
    Initié WordPress
    8 contributions

    Je viens de trouver mon erreur: j’ai mis un « s » a get_header();  je viens de l’enlever et mon code marche a merveille  merci beaucoup a tout ce qui m’ont aidé

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