web-dev-qa-db-fra.com

Comment utiliser mon fichier style.css en dehors du sous-domaine wordpress?

Je construis un thème wordpress à partir de rien sur un sous-domaine et je souhaite utiliser les mêmes fichiers CSS sur l'ensemble de mon site. Mon problème est de relier mes fichiers wordpress PHP (qui se trouvent sur le sous-domaine) à mes fichiers CSS (qui se trouvent sur le domaine principal).

J'ai essayé d'aller dans theme.php et de changer le ['/style.css'] en une référence absolue telle que ' http://diginomics.com/css/style.css 'mais ça ne marche pas.

function get_stylesheet_uri() {
    $stylesheet_dir_uri = get_stylesheet_directory_uri();
    $stylesheet_uri = $stylesheet_dir_uri . '/style.css';

Je suppose que mon sous-domaine ne dispose pas des autorisations nécessaires pour accéder à mon dossier racine ou que quelque chose ne va pas avec la syntaxe. Je voudrais lier mon thème wordpress à tous mes fichiers CSS et mes frameworks et utiliser le site thématique à l’échelle large et sur tous mes sous-domaines.

En outre, quelle serait la solution pour lier également mes fichiers Javascript sur l'ensemble du site?

phptheme-developmentcsssubdomains
1
Travis Patron

Si vous utilisez une référence absolue de ce type, vous souhaitez inclure le chemin d'accès complet au fichier, par exemple http://diginomics.com/wp-content/themes/THEMENAME/css/ style.css

Je crois que chaque fois que vous appelez des fonctions telles que get_stylesheet_directory () ou get_stylesheet_directory_uri (), le chemin d'accès au thème actuel sera renvoyé.

N'oubliez pas que tous les thèmes ont besoin d'un fichier style.css.

J'aurais posté cela dans un commentaire mais je ne suis pas encore autorisé.

0
Will S.

@ import n'est pas une bonne solution, autant que je sache, il faut un peu plus de temps pour télécharger le lien @import puis le traiter, ce qui crée un goulot d'étranglement sur le réseau. J'irais avec le fichier style.css par défaut où vous avez toutes les métadonnées requises par wordpress, puis renommé diginomics.com/css/style.css en gobal.css et lié avec un lien absolu. Une telle dénomination sémantique est une bonne pratique et Defo vous aiderait dans.

Votre code ressemblerait à quelque chose comme ça:

function MyAdditionalStyles() {

     wp_enqueue_style( 'your-speacial-style-name', 'http://diginomics.com/css/GLOBAL.css' );
     wp_enqueue_style( 'your-second-speacial-style-name', 'http://diginomics.com/css/ANOTHER-GLOBAL.css' );

     wp_enqueue_script( 'your-script-name', 'http://diginomics.com/js/GLOBAL.js' );
}

add_action( 'wp_enqueue_scripts', 'MyAdditionalStyles' );

Voici une bonne lecture :) http://codex.wordpress.org/Function_Reference/wp_enqueue_style

Bonne chance

0
Alex Reds