検索

ホームページ  >  記事  >  CMS チュートリアル  >  WordPressでテーマナビゲーションメニューを作成する方法(2)

WordPressでテーマナビゲーションメニューを作成する方法(2)

青灯夜游
青灯夜游転載
2023-02-23 19:44:341720ブラウズ

「WordPressでテーマナビゲーションメニューを作成する方法(1)」でご紹介しましたが、この記事では引き続きWordPressでテーマナビゲーションメニューを作成する方法を紹介していきます。あなたのお役に立ちますように！

WordPressでテーマナビゲーションメニューを作成する方法(2)

前のチュートリアルでは、WordPress の組み込み関数を使用してナビゲーション メニューを作成する方法について説明しましたが、これらの関数によって生成される HTML コードは固定されているため、ナビゲーション メニューを作成するのは困難です。ナビゲーションの定義: メニューの HTML コード。この記事では、ナビゲーション メニュー以外にも使用できる、ナビゲーション メニューをより自由に作成する方法をいくつか紹介します。もちろん、この記事は問題を解決するためのアイデアを提供するだけであり、レシピのようなチュートリアルではありませんので、読んでコピーすれば、プロジェクトで使用することができます。

1. get_terms() を使用してカテゴリ リストを取得します。

使用 get_terms() で記事カテゴリ、リンク カテゴリ、およびカスタマイズを取得します。など、対応するパラメータを get_terms() に渡すと、オブジェクト配列を返すことができます。この配列には、必要なすべてのカテゴリが含まれます。以下は get_terms() の関数プロトタイプです: 

<?php get_terms( $taxonomies, $args ) ?>

$taxonomyes:
このパラメータは、取得したい分類カテゴリです。オプションの値には、「category」、「link_category」、「my_taxonomy」が含まれます。それぞれ記事の分類、リンクを表します。分類とカスタマイズされた分類。ここで、my_taxonomy はカスタマイズされた分類名です。

$args:
このパラメータは、カテゴリのフィルタリング パラメータであり、取得するカテゴリの数など、取得するカテゴリの取得を制御するために使用されます。並べ替え方法、親カテゴリ、空のカテゴリを出力するかどうかなど。詳細については、WordPress 公式ドキュメント: 関数リファレンス/用語の取得を参照するか、中国語の簡単な翻訳を参照してください: Common function-get_terms()

以下は、この関数の使用例です。ここでは、ff6d136ddc5fdfeffaf53ff6ee95f18525edfb22a4f469ecb59f1190150159c6..bed06894275b65c1ab86501b08a632eb の形式の順序なしリストを示します。すべての記事カテゴリの ..929d1f5ca49e04fdcb27f9465b944689 が表示されます。もちろん、これをメニューとして考えることもできます: 

<ul id="menu">		
<?php
	// 获取分类
	$terms = get_terms(&#39;category&#39;, &#39;orderby=name&hide_empty=0&#39; );

	// 获取到的分类数量
	$count = count($terms);
	if($count > 0){
		// 循环输出所有分类信息
		foreach ($terms as $term) {
			echo &#39;<li><a href="&#39;.get_term_link($term, $term->slug).&#39;" title="&#39;.$term->name.&#39;">&#39;.$term->name.&#39;</a></li>&#39;;
		}
 	}
?>		
</ul>

get_terms() 関数はオブジェクト配列 $ を返します。まず配列が空かどうかを判定し、空であればカテゴリが取得されていないことを意味し、空でなければ分類を出力することができます。 $terms の各配列項目はオブジェクトであり、オブジェクト属性の意味は次のとおりです: slug: カテゴリの略称、name: カテゴリ名、term_id: カテゴリ ID。上記のコードに示すように、$term->name を通じてオブジェクトの属性値を取得できます。

2. データベースを読み取る方法を使用して分類リストを取得します

WordPress データベースを知っている場合は、WordPress の分類情報が wp_terms に保存されていることがわかります。テーブル内で、wp_terms は基本情報 (記事分類、記事タグ、リンク分類などを含む) を保存し、wp_term_taxonomy は詳細な説明 (説明の保存、カテゴリとタグの区別などに使用) を保存するために使用されます。 SQL を使用して、これら 2 つのテーブルから必要なカテゴリのリストを取得できます: 

<ul id="menu">		
<?php 
	$cats = $wpdb->get_results("SELECT {$wpdb->prefix}terms.term_id, name
							FROM {$wpdb->prefix}term_taxonomy, {$wpdb->prefix}terms
							WHERE {$wpdb->prefix}term_taxonomy.term_id = {$wpdb->prefix}terms.term_id
							AND taxonomy = &#39;category&#39;");
							
	if($cats) {
		foreach($cats as $cat) {
			echo &#39;<li><a href="&#39;.get_category_link($cat->term_id).&#39;" title="&#39;.$cat->name.&#39;">&#39;.$cat->name.&#39;</a></li>&#39;;
		}
 	}
?>		
</ul>

3. 現在のカテゴリの ID を取得する方法

場合によっては、http://www.nashowgroup.com/?p=58&lang=zh の左側にある人事ナビゲーションなどのサブナビゲーションを作成する必要があります。このナビゲーションは次のようになります。現在のカテゴリのサブカテゴリや現在のカテゴリの記事などのアイテム。したがって、最初の質問は、次のステップに進むために現在のカテゴリの ID を取得する方法です。

カテゴリ ページの現在のカテゴリの ID を取得します: 

if ( is_category() ) {
	$cat_id = get_query_var(&#39;cat&#39;);
}

記事の記事の最初のカテゴリを取得しますページ:

$cats = get_the_category();
if($cats)
    $cat_id = $cats[0]->cat_ID;

四、子导航的制作

     上面我们讲解了如何获取当前分类的id，下面我们来讲讲如何制作子导航。首先，我们来制作一个当前分类下子分类的子导航，这里用到wp_list_categories()来列出子分类，当然你可以用我前面介绍的两种方法来获取分类。：

<ul>
<?php
// 这里我们用到上面获取到的$cat_id，获取该分类下的所有子分类
wp_list_categories(&#39;orderby=name&hide_empty=0&child_of=&#39; . $cat_id);
?> 
</ul>

     如果你的网站规模比较小，一个分类下的文章也不多，那么你可以在子导航中列出这个分类下的所有文章：

<ul>
	<?php
		global $wp_query;

		$query = array ( &#39;cat&#39; => $cat_id, &#39;orderby&#39; => title, &#39;order&#39;=> ASC ); 
		$queryObject = new WP_Query($query); 

		if ($queryObject->have_posts()) :
			while ($queryObject->have_posts()) :
			    $queryObject->the_post();
	?>
	<li><a <?php if($post->ID == $wp_query->post->ID) echo &#39;class="chose"&#39;; ?> href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
	<?php endwhile; wp_reset_postdata(); endif; ?>
</ul>

     以上代码中用到了WP_Query来获取文章列表，该对象的使用方法，可以参考WordPress的官方文档：Class Reference/WP Query和Function Reference/query posts。class="chose"用于高亮当前文章的菜单项，css规则你可以自己定义。

五、页面page的获取

     WordPress的页面page可以通过wp_list_pages()来列出，不过这个函数输出的HTML都是固定的，如果你想要自定义这些HTML，可以使用get_pages()来获取页面列表，代码示例如下：

<ul id="menu">
$mypages = get_pages();

if(count($mypages) > 0) {
    foreach($mypages as $page) {
        echo &#39;<li><a href="&#39;.get_page_link($page->ID).&#39;" title="&#39;.$page->post_title.&#39;">&#39;.$page->post_title.&#39;</a></li>&#39;;
    }
}
else {
    echo &#39;<li><a href="#">没有页面</a></li>&#39;;
}
</ul>

-- 完 --

推荐学习：《WordPress教程》

以上がWordPressでテーマナビゲーションメニューを作成する方法(2)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

sql css html class function 对象 ul li 数据库 http WordPress
声明：
この記事はludou.orgで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。
前の記事：WordPress にアクセスできない場合はどうすればよいですか?次の記事：WordPress にアクセスできない場合はどうすればよいですか?

関連記事

続きを見る