web-dev-qa-db-fra.com

Pages simples Wordpress CSS et JS

j'ai un modèle personnalisé avec un article de blog dedans ...

Dans mon header.php, à l'intérieur du <head>, j'ai des liens comme celui-ci ...

<link href="http://www.mysite.com/css/design.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="http://www.mysite.com/js/myjs.js"></script>

ces liens fonctionnent dans mon modèle personnalisé .. en utilisant

<?php get_header(); ?>

Tous les articles de blog dans ma page personnalisée sont là .. pas de problèmes de mise en page.

Mais quand je clique sur l'un des post. ma mise en page est cassée. et quand je l'ai vérifié via l'élément d'inspection. le lien est comme ça

<link href="http://www.mysite.com/blog/css/design.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="http://www.mysite.com/blog/js/myjs.js"></script>

* EDIT * à partir des réponses ci-dessous, ma question initiale est ci-dessus, de toute façon mon problème est toujours le même.

J'ai ajouté cela à mon functions.php et supprimé les liens sur mon header.php aussi j'ai copié les fichiers dans le dossier wordpress appelé liens ...

/httpdocs/blog/wp-content/themes/myblog/links

    // Get Links 

    function theme_scripts_styles() {

  wp_enqueue_style( 'my-styles', get_stylesheet_directory_uri() . '/links/design.css', array(), '1.0', 'all' );

  wp_enqueue_script( 'my-scripts1', get_stylesheet_directory_uri() . '/links/cufon-yui.js', array(), '1.0', true );

  wp_enqueue_script( 'my-scripts2', get_stylesheet_directory_uri() . '/links/232MKSD_200.font.js', array(), '1.0', true );

  wp_enqueue_script( 'my-scripts3', get_stylesheet_directory_uri() . '/links/232MKSDB_400.font.js', array(), '1.0', true );

  wp_enqueue_script( 'my-scripts4', get_stylesheet_directory_uri() . '/links/fonts.js', array(), '1.0', true );

  wp_enqueue_script( 'my-scripts5', get_stylesheet_directory_uri() . '/links/OpenSans_400.font.js', array(), '1.0', true );

  wp_enqueue_script( 'my-scripts6', get_stylesheet_directory_uri() . '/links/OpenSansSB_600.font.js', array(), '1.0', true );



}

 add_action( 'wp_enqueue_scripts', 'theme_scripts_styles' );
1
Jeremi Liwanag

Je suppose que vous utilisez des URL relatives dans votre fichier header.php. Cela expliquerait la différence dans les chemins. (C'est probablement différent sur les pages d'archives, non?) Ne faites pas ça. Les URL relatives ne fonctionnent pas bien dans un contexte WordPress. Généralement, vous souhaitez utiliser get_permalink(), site_url(), home_url(), etc. pour créer des URL absolues. Pour les fichiers de modèle que vous voulez get_template_directory_uri() et get_stylesheet_directory_uri() .

Je suppose que vous ne vous enregistrez pas non plus et ne mettez pas en file d'attente les feuilles de style et les scripts.

Voir:
http://codex.wordpress.org/Function_Reference/wp_register_script
http://codex.wordpress.org/Function_Reference/wp_enqueue_script
http://codex.wordpress.org/Function_Reference/wp_register_style
http://codex.wordpress.org/Function_Reference/wp_enqueue_style

0
s_ha_dum