jQueryとWP_Queryを使用したタブコンテンツの実装

Wordpress は、ブログとそのコンテンツに関する豊富な情報を提供します。この情報を大量に表示すると、スペースが占有される場合があります。優れた解決策はタブ付きコンテンツです。

このチュートリアルでは、以前に使用した WordPress 新聞レイアウトをタブで拡張します。

＃＃＃序文＃＃＃ ＃＃＃右！ jQuery アニメーションと

.bind

関数の優れた強力な組み合わせを使用します。これは、Wordpress の汎用性の高い

WP_Query() および Wordpress の独自のコンディショナル タグと完全にブレンドされています。あなたも私と同じなら、何かをする前に完成品を確認したいと思うでしょう:

このチュートリアルを のみ

実行する場合、このチュートリアルには最新バージョンの jQuery が必要です。ここからダウンロードしてください。それ以外の場合は、準備したテーマにすでに含まれているはずです。myTheme からダウンロードできます。

ローカルまたはホストされたライブ WordPress インストールがすでにあることを前提としています。 Windows 上で Wordpress をネイティブに実行するためのチュートリアルはこちら、OS X に関するチュートリアルはこちらにあります。前に準備したテーマ (myTheme) をアクティブ化すると、非常に役立ちます。これをさらに拡張するので、index.php を開いて編集を開始してください。

ステップ 1 - 新しい構造 HTML。

明らかに、新しい HTML が必要です。これはとても簡単です。使用しているすべてのものをラップするために追加の div が必要なだけです。次のコード

を

の上の にのみ配置します: リーリー

と 最後の

を末尾

以上がjQueryとWP_Queryを使用したタブコンテンツの実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。