0

各カテゴリの最新の投稿を 5 つ読み込むドロップダウン ナビゲーション メニューを備えた WordPress テーマを作成しています。そのために、ユーザーがナビゲーション メニュー項目にカーソルを合わせたときに表示されるループごとに個別のテンプレート パーツを作成しました。http://www.theverge.com/にあるものと同じように機能するはずです。

しかし、一度にすべてをロードするのは、サーバーが混雑しているときに少し面倒ですよね? liそのため、親アイテムのマウスオーバーで各テンプレートパーツをロードしたいだけです。

コードの一部を次に示します。

<ul>
<!-- First item -->
<li><a href="#">News</a>
    <ul class="inner">
        <?php get_template_part( 'loadheadlines' ); ?>
    </ul>
</li>
<!-- Second item -->
<li><a href="#">Features</a>
    <ul class="inner">
        <?php get_template_part( 'loadnews' ); ?>
    </ul>
</li>
</ul>

これにどのようにアプローチすればよいですか？マウスオーバーでのみロードするには、どのようなスクリプトを使用すればよい<?php get_template_part( 'loadheadlines' ); ?>ですか? このスレッドを見ましたが、WordPress でどのように動作させるべきか少し混乱しています。そして、私はかなり初心者なので、プロに尋ねなければなりませんでした。簡単なことだとは思いますが、ここで立ち往生しています。

回答に時間を割いていただきありがとうございます。

4

1 に答える 1

2

コンテンツを動的にロードするには、AJAX を使用する必要があります。

基本的に、ajax を使用して javascript を実行すると、サーバー側のコード (PHP の wordpress ループなど) が実行され、javascript で結果が非同期に取得されます。

件名が広すぎて 1 つの回答を提供できないため、Wordpress で AJAX を使用するには、こちらのチュートリアルに従うことをお勧めします。

ルーピーを取得する – jQuery と WordPress を使用した Ajax によるループ

このチュートリアルでは、ブログで AJAX インタラクションを作成するための出発点を示します。このチュートリアルでは、エンキュー スクリプト、AJAX ハンドラーの設定、WordPress の外部でファイルを取得して WordPress の機能を使用し、データベースにアクセスする方法、およびユーザー ページ スクロールで投稿をロードするためのロジックについて説明します。

于 2013-11-05T11:41:09.130 に答える