[Résolu] Intégration d’une page html avec du css sur wordpress.

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

    Oflex
    Participant
    Initié WordPress
    3 contributions

    Bonjour,

    Ma configuration WP actuelle

    • Version de PHP/MySQL :
    • Thème utilisé : illdy
    • Extensions en place : timeline-express, widget shortcode, illdy companion, contact form 7.
    • Nom de l’hébergeur : 1&1
    • Adresse du site : romainhaudiquert.fr

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

    Bonsoir,

    Je souhaite intégrer un code html appelant plusieurs fichiers css sur mon site wordpress. Par la suite je souhaite également intégrer fichiers js. Il semble que la méthode à utiliser est de faire appel à mes fichiers style grâce aux fonctions : wp_enqueue_style et wp_enqueue_script.

    J’ai donc essayé cette méthode. J’ai placer mon code html dans un widget wordpress permettant d’inscrire du code html. De plus, j’ai placé mes fichiers css à la racine de mon site et en les appelant grâce au fichier function.php de mon thème enfant.

    Toute fois lorsque je charge mon site celui s’affiche mal,  il ne charge pas mon html avec le css. Avez vous une solution ?
    <h1></h1>
     

    #1959614

    Flobogo
    Modérateur
    Maître WordPress
    13618 contributions

    Bonjour,

    Difficile de vous aider si vous ne dites pas tout : il faudrait développer un peu votre projet.

    Parce que là, vous donner l’impression de vouloir ré-inventer la roue : mettre du HTML dans un widget HTML, waouh, quel exploit … 😀

    Si vous voulez insérer du HTML, faites-le dans une page dédiée, c’est quoi le problème ? Mais si vous voulez aussi y mettre du CSS en dehors de celui de votre thème, et puis des fichiers .js, ben … créez un site en dur, ne le faites pas sous WordPress.

    Ou alors, désolée, mais je ne vois pas où vous voulez en venir. 😕

    #1959619

    Oflex
    Participant
    Initié WordPress
    3 contributions

    Le fait est que mon site est un site one page donc je ne peux pas introduire directement mon code vers une autre page, c’est pour ça que j’utilise un widget.

    Je ne veux pas renoncer à utiliser worpress car je pense qu’il est possible de réaliser ce que je souhaite. Ce que je n’arrive pas c’est justement de faire un lien entre le code html que j’introduit sur ma page et à partir de ce code charger des fichiers css pour mettre en forme ce code.

    #1959663

    Flobogo
    Modérateur
    Maître WordPress
    13618 contributions

    Dans WordPress, c’est à partir des fichiers PHP (comme functions.php) que vous pouvez appeler du CSS et du JS. C’est le principe sur lequel fonctionne les extensions. Donc, ça ne se met pas dans le HTML, et donc pas dans une page.

    #1959796

    VoVi Nam
    Participant
    Padawan WordPress
    84 contributions

    Bonjour, WordPress fonctionne avec du PHP donc oui c’est normal que ton fichier html ne soit pas afficher.

    Pour mettre tes enqueu_script et style c’est dans le functions.php

    Voila un exemple de comment le mettre de

    <!-- Tu creer une fonction et tu lui donne un nom evocateur poru te rappeler a quoi elle servira -->
    
    function un_nom() {
    	wp_enqueue_script( 'NomduScript', urlDuScript );<!-- NomduScript represente le nom que tu donne a ton script il peut etre different du nom du fichier-->
    	wp_enqueue_style( 'NomduCSS', urlDuCSS ); <!-- NomduCSS represente le nom que tu donne a ton CSS il peut etre different du nom du fichier-->
    }
    
    add_action( 'wp_enqueue_scripts', 'un_nom' );

    En esperant avoir aider.

    • Cette réponse a été modifiée le il y a 1 semaine et 3 jours par  VoVi Nam.
    #1960715

    PhiLyon
    Modérateur
    Maître WordPress
    16592 contributions

    Bonjour.

    faire un lien entre le code html que j’introduit sur ma page et à partir de ce code charger des fichiers css pour mettre en forme ce code.

    Il suffit dans ton html d’ajouter des classes et d’en définir les valeurs dans le CSS additionnel.

    🙂

    #1961684

    Flobogo
    Modérateur
    Maître WordPress
    13618 contributions

    Oui, PhiLyon, mais déjà, il parle de plusieurs fichiers CSS, et si par la suite, il veut aussi appeler du JS, ça semble plus complexe. Ou en tous cas, ça alourdira ++ sa page.

    #1961723

    PhiLyon
    Modérateur
    Maître WordPress
    16592 contributions

    Il y a ce plugin qui permet de le faire https://wordpress.org/plugins/scripts-n-styles/

    🙂

    #1962204

    Oflex
    Participant
    Initié WordPress
    3 contributions

    Bonjour,

    Merci beaucoup pour vos réponses je vais essayer tout ça !

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