1

私はワードプレスを初めて使用します..「ハレ」という名前のテーマをインストールしました。ここで、いくつかの javascripts ファイルと css ファイルを index.php ページに追加したいと考えています。しかし、目的の出力が見つかりません。

以下は私が書いたコードです..

    <?php get_header(); ?>
    // Some content
    <?php get_footer(); ?>
<!-- JQuery libs
================================================== -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<!-- js jQuery wait for images Plugin ====================== -->
<script src="<?php bloginfo(template_directory ); ?>/javascripts/jquery.waitforimages.js"></script>
<!-- js jQuery flexslider Plugin ====================== -->
<script src="<?php bloginfo(template_url); ?>/javascripts/jquery.flexslider-min.js"></script>
<!-- jQuery Cycle Plugin ====================================== -->
<script src="<?php bloginfo(template_url); ?>/javascripts/jquery.cycle.all.js"></script>
<!-- jQuery Cycle Plugin ====================================== -->
<script src="<?php bloginfo(template_url); ?>/javascripts/jquery.fullscreen-min.js"></script>
<!-- js jQuery jcarousellite Plugin ====================== -->
<script src="<?php bloginfo(template_url); ?>/javascripts/jcarousellite_1.0.1.min.js"></script>

<!-- js Fancybox Plugin ================================= -->
<link rel="stylesheet" href="<?php bloginfo(template_directory); ?>/javascripts/fancyBox-2/jquery.fancybox.css">
<script src="<?php bloginfo(template_url); ?>/javascripts/fancyBox-2/jquery.fancybox.pack.js"></script>
<!--fancybox helpers-->

<link rel="stylesheet" href="<?php bloginfo(template_directory); ?>/javascripts/fancyBox-2/helpers/jquery.fancybox-buttons.css"/>
<script src="<?php bloginfo(template_url); ?>/javascripts/fancyBox-2/helpers/jquery.fancybox-buttons.js"></script>
<!-- js jQuery qtip plugin ====================== -->
<script src="<?php bloginfo(template_url); ?>/javascripts/jquery.qtip-1.0.0-rc3.min.js"></script>
<!-- toTop ====================== -->
<script src="<?php bloginfo(template_url); ?>/javascripts/goToTop.js"></script>
<!-- js jQuery my own functions ====================== -->
<script src="<?php bloginfo(template_url); ?>/javascripts/functions.js"></script>


<!-- <script src="javascripts/jquery.tweet.js"></script> -->

<!-- JS twitter scripts ================================== -->
<script src="http://twitter.com/javascripts/blogger.js"></script>
<script src="http://twitter.com/statuses/user_timeline/EnvatoWebDesign.json?callback=twitterCallback2&amp;count=5"></script>

    <!-- End Document
    ================================================== -->
    </body>

    </html>

私のこのやり方は正しいですか?? そうでない場合は、私を修正してください..

前もって感謝します

4

4 に答える 4

1

コメントでは、yahoo のガイドラインを参照している可能性があります。ただし、このルールにはいくつかの注意点があります。最も重要なことは、Google アナリティクスはスニペットが<head>セクション内に配置されることを優先し、スニペットがヘッドにない限りウェブマスター ツールの認証にアナリティクスを使用できないことです。

さらに重要なことは、このようにテーマ テンプレートに直接 JS および CSS ファイルを含めたくないということです。それは機能しますが、WordPress とはまったく異なります。

WordPress テーマに追加のスクリプトとスタイルを含める「正しい」方法は、次のように、functions.php のフック内でwp_enqueue_script()とwp_enqueue_style() 関数を使用することです。

function my_custom_styles_function() {
wp_enqueue_style( 'my-style', get_stylesheet_directory() . DS . 'javascript' . DS . 'my-plugin' . DS . 'my-plugin-style.css', array(), '1.0' );
    ...
}
add_action('wp_enqueue_scripts', 'my_custom_styles_function');

WordPress には実際にはデフォルトで jQuery が含まれていますが、$ショートカットは確立されていません。WordPress の jQuery を使用して、jQuery(...);代わりにすべてのカスタム スクリプトを開始$(...);できますが、一部のプラグインで問題が発生する可能性があります。独自のバージョンの jquery を含めたい場合は、最初に を使用wp_dequeue_style()して「組み込み」jQueryをデキューする必要があります。

最後に、スクリプトをフッターに含めたい場合、関数wp_enqueue_script()にはフラグがあり、$in_footer特定のスクリプトをフッターに延期します。

于 2013-12-11T01:16:41.463 に答える
0

配置したコードから、テーマフォルダーにheader.phpファイルを作成し、そこに JS を含めます。例は次のようになります。

    `<!DOCTYPE html>
    <html>
    <head>
    <title><?php bloginfo( 'name' ); ?></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <script src="<?php bloginfo( 'template_url' ); ?>/jquery-1.8.3.min.js" type="text/javascript"></script>

    <script src="<?php bloginfo( 'template_url' ); ?>/jQuery-validate.js" type="text/javascript"></script>

<link rel="stylesheet" href="<?php bloginfo( 'template_url' ); ?>/style.css" type="text/css" />            
<?php wp_head(); ?>
</head>
<body>
于 2013-01-11T20:02:23.753 に答える