1

私はいくつかのサイトの整備に取り組んでおり、jQuery スクリプトを使用してアニメーション セクションに取り組んでいます。私はグラフィック デザイナーなので、コードは私のものではありませんが、静的なものに目を向けずに自分のサイトを作成し、自分のデザインを補完できるようになるために、多くのことを学んでいます。

コードを PHP ファイルに入れる必要があると思いますが、どのように jQuery ベース ファイルを参照し、メイン ページでアニメーション化されたロゴ セクションを使用していると言えますか?

そこにコードを追加してそのページ テンプレートを台無しにしたくありません。別の PHP ファイルlogoani.phpを WP ファイルのように追加して、必要な場所で呼び出すことはできますか?

さて、適切なスクリプトをサーバーの WP フォルダーにロードし、以下に提案するコードを.php関数に追加しました。そのため、残りのコードをテンプレートに追加することを検討しています。

以下に提案されているコードは、そのスクリプトに必要な追加の HTML を挿入しますか? もしそうなら、WP ページの正しいモジュールに配置されていることを確認するにはどうすればよいですか?

私はこれが不十分な質問であることを知っていますが、私は本当にこのことを学ぼうとしています.奇妙なことに、私がやっていることについての良いチュートリアルを見つけていません.

4

3 に答える 3

3

JS ファイルを wordpress-theme に追加するには、次のコードを wordpress-theme-folder の functions.php-file に追加します。

function my_extrajs() { ?>
    <script type="text/javascript" src="path/to/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="path/to/yourCode.js"></script>
<?php }

add_action('wp_head', 'my_extrajs');

wp_head などはアクションフックと呼ばれます。詳細情報: http://www.nathanrice.net/blog/an-introduction-to-wordpress-action-hooks/

于 2012-06-02T08:41:20.747 に答える
1

スクリプトへの直接呼び出しをヘッダーに出力する必要はありません。

WordPressは機能を提供し、wp_enqueue_scriptプラグインは互換性のためにこの機能に依存しています。

スクリプトがjQueryに依存している場合は、依存関係の配列に「jquery」を追加します。ビルトインスクリプトの場合、リストされていればエンキューする必要はありません。

function get_my_js() {
   wp_enqueue_script( 'handle', 'src', array( 'dependency', 'another-dependency', true);
}
add_action( 'wp_enqueue_scripts', 'get_my_js' );

詳細については、javascriptファイルとcssファイルを登録してキューに入れるのに適切な場所はどこですかを参照してください。

于 2012-06-02T13:59:19.223 に答える
-1

これは、単純な html ページで行うのと同じ方法で行うことができます。スクリプトをテンプレート フォルダ内に置き、目的のページに <script> タグを付けてスクリプトを含めます。

src='echo bloginfo(template_url); ?>/relativePathFromTemplateFolder.js'

于 2012-06-02T10:45:33.030 に答える