web-dev-qa-db-fra.com

functions.php ne se connecte pas avec style.css

Je commence à construire un thème WordPress à partir de zéro. J'ai MAMP tout chargé et en cours d'exécution sur mon ordinateur et WordPress est bien chargé. J'ai les trois fichiers ci-dessous tous dans le même dossier

C:/MAMP/htdocs/wordpress/wp-content/themes/testtheme

Le problème est que je ne peux pas obtenir le raccord dans le fichier de fonctions pour exécuter le code CSS dans le fichier d'index. Autant que je sache, ça devrait. Les fonctions et la mise en file d'attente semblent correctes. Alors, pourquoi ces fichiers ne communiquent-ils pas?

index.php

<html>
<head>
</head>
<body>
    <h1>Hello World</h1>
    <p class="once">This is an attempt at getting the functions file to work with the css files</p>
    <p class="twice">Why wont this work...</p> 
</body>

style.css

/* 
Theme Name: Test Theme
Description: This is a test to see if I can make a theme
Author: Ryan 
Author URI: ###
version: 1.0
Template: ABC
*/

h1{
    color: red;
}

.once{
    text-align: canter;
    background-color: gray; 
}

.twice{ 
    color: blue;
}

functions.php

<?php
    function theme_resources() {
        wp_enqueue_style('style', get_stylesheet_uri());
    }
  add_action('wp_enqueue_scripts', 'theme_resources');
?>
theme-developmentwp-enqueue-scriptwp-enqueue-style
1
Ryan

Votre thème doit appeler wp_head() dans la section head du code HTML (il est probablement préférable de le placer à la fin de celui-ci) et wp_footer() quelque part dans votre section de pied de page. Ce sont des appels de fonction obligatoires pour tous les thèmes souhaitant pouvoir s'intégrer à des plugins et certaines fonctionnalités essentielles telles que la mise en file d'attente JS et CSS en dépendent.

Si vous faites une page HTML "ordinaire", vous devez insérer manuellement les différents CSS et JS dans le code HTML.

2
Mark Kaplun

Bien que la réponse de Marks mérite un peu de respect, au moment où j'écris ceci, il n'a pas mentionné probablement les fonctions les plus importantes dont vous avez besoin.

add_action( 'wp_head', ...
add_action( 'wp_footer', ...

Je prendrais une autre approche dans votre cas. Oublions votre thème pendant une seconde. Je commencerais par modifier un thème WordPress simple.

Cela peut être le thème _s. "S" peut signifier Starter ou Start Up.

Cela a l'air si simple, mais en fait, vous aurez un moteur Lamborghini. Vous y trouverez toutes les bonnes pratiques déjà implémentées et les actions wp_head et wp_footer qui vous manquent.

Essayez de les supprimer et vous rencontrerez le même problème que vous avez eu avec eux.

Votre tâche supplémentaire peut être d’ajouter du CSS de qualité au thème et votre thème sera peut-être fantastique par la suite.

De plus, vous pourrez expérimenter le thème de l'œnologie. https://wordpress.org/themes/oenology/

C’est un très bon thème qui n’a pas l’air si génial (pour être honnête), mais le code y est de classe mondiale. Comme une Rolls Royce ou une Bugatti.

Je suppose que vous êtes un débutant et je vous ai donné +1 pour votre effort de creuser dans la plate-forme WordPress du futur.

Je vous félicite pour votre détermination à travailler dans WordPress et je vous souhaite bonne chance.

0
prosti