web-dev-qa-db-ja.com

単一ページのWordpressのCSSとJSのリンク

私はそれの中のブログ記事でカスタムテンプレートを得ました...

私のheader.phpでは、<head>内に私はこのような私のリンクがあります...

<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>

これらのリンクは私のカスタムテンプレートで機能しています。

<?php get_header(); ?>

私のカスタムページのすべてのブログ投稿はそこにあります..レイアウト問題はありません。

しかし、私が投稿の1つをクリックすると。私のレイアウトは壊れています。そして私がInspect Elementでそれをチェックした時。リンクはこんな感じです

<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 *以下の答えから、上記の私の最初の質問は、とにかく私の問題はまだ同じです。

これを自分のfunctions.phpに追加し、私のheader.php上のリンクも削除しました。また、私はlinksというワードプレスフォルダ内のファイルをコピーしました.

/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' );
custom-post-typescustomizationthemes
1
Jeremi Liwanag

header.phpファイルで相対URLを使用していると思います。それは道の違いを説明するでしょう。 （おそらくアーカイブページでも違いますね。）そうしないでください。 相対URLはWordPressのコンテキストではうまく機能しません。 通常、絶対URLを作成するにはget_permalink()、site_url()、home_url()などを使用します。必要なテンプレートファイルには、 get_template_directory_uri() および get_stylesheet_directory_uri() が必要です。

あなたもスタイルシートやスクリプトを登録したりキューに入れたりしていないのではないでしょうか。

見る：
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