jQueryloadを使用してWordPressメニューからカテゴリ別に最新の投稿をロードする

jQueryの

あなたがそこにあるようなより大きなブログのいくつかを訪問したことがあるなら マッシャブル、ドロップダウンして各カテゴリの最新のブログ投稿を表示できる非常に優れたメニューシステムがあることに気付くかもしれません。 ページの読み込みに永遠に時間がかからないようにするために、Ajaxを使用してそのコンテンツを読み込み、ページが完全に読み込まれた後にのみプリロードします。

WordPressAjaxサブメニュー

ここでも同じことをしたかった Martech Zone。 私たちが持っているカテゴリーへの洞察を提供するために、私はそれぞれの中にいくつかの投稿を表示したいと思いました。 私たちはWordPress、WordPressに精通しています API とjQueryですが、記事を見つけるまではありませんでした jQueryを使用したカテゴリ別の投稿の取得 良い解決策があったこと。

注:私が良い解決策であるとは思わない彼らのメソッドのXNUMXつの側面は、JavaScriptを介してquery_post文字列全体を渡すことです...あなたはハッキングの可能性を開いているようです! このサイトのスクリプトを変更して、query_postsコマンド内で必要なパラメーターのみを渡すようにしました。

チュートリアルでは、投稿を動的に取り込むためのテンプレートを作成し、リクエストを開始できるリンクを作成する方法についてユーザーに説明します。 リンクを張るだけなら簡単だったのですが、実際にはWordPressの内蔵ナビゲーションメニューを利用したかったのです。 残念ながら、WordPressのメニューリンクでは、メニュー項目を追加および削除すると番号が生成されますが、実際には、Ajax呼び出しでプルして渡すカテゴリに関する情報はありません。

メニューリスト項目に適切にラベルを付けるために、WPresoのコードを組み込みました。 ページ/ポストスラッグクラスをメニュー項目クラスに追加します.

問題はXNUMXつだけです。ページまたは投稿では機能しますが、実際にはカテゴリでは機能しませんでした。 そこで、スラッグのリクエストを次のように更新しました。

$ slug = get_cat_slug($ id);

そして、WPRecipesから関数を追加しました。 WordPressのトリック:カテゴリIDを使用してカテゴリスラッグを取得する、カテゴリスラッグをナビゲーションメニューのデータ属性にプルバックします。

つまり…3つのWordPressサイトの共同作業と、jQueryの第一人者による微調整のおかげです。 DK New Media, スティーブン・コーリー (メニューをスムーズにするために)、非常に優れたサブメニューシステムがあります!

すべての作業は、テーマファイル内で実行されました。 ナビゲーションメニューフィルターをfunctions.phpにロードし、サブメニューdivをテーマのheader.phpファイルに追加し、サブメニューテンプレートをヘッダーに追加し、サブメニューJavaScriptファイルをヘッダーにロードします。jQueryがテーマに既にロードされていることを確認します。同じように。 あなたが仕事に感謝することを願っています、それはサイトへの楽しいアップデートでした!

8のコメント

  1. 1
  2. 6
  3. 8

    こんにちは! これはまさに私が新しいプロジェクトを探しているものです。 コードを共有するチャンスはありますか?

どう思いますか?

このサイトはAkismetを使用して迷惑メールを減らします。 コメントの処理方法を学ぶ.