get_query_pagination_arrow()


WordPressのget_query_pagination_arrow()関数は、ページネーションの矢印を取得するために使用されます。この関数は、前後のページへのナビゲーションを簡単に実装するために役立ちます。

構文

get_query_pagination_arrow( string $direction, string $label = '', string $class = '' );

引数の説明:

  • $direction(string) — 矢印の方向を指定します。’prev’または’next’を指定します。
  • $label(string) — 矢印に表示するラベルを指定します。デフォルトは空です。
  • $class(string) — 矢印に適用するCSSクラスを指定します。デフォルトは空です。

例1: 基本的な前のページへの矢印を表示

この例では、前のページへの矢印を表示します。

<?php echo get_query_pagination_arrow('prev'); ?>

例2: 次のページへの矢印にラベルを追加

この例では、次のページへの矢印に「次へ」というラベルを追加します。

<?php echo get_query_pagination_arrow('next', '次へ'); ?>

例3: カスタムクラスを追加

この例では、前のページへの矢印にカスタムCSSクラスを追加します。

<?php echo get_query_pagination_arrow('prev', '', 'custom-class'); ?>

例4: ラベルとクラスを同時に指定

この例では、次のページへの矢印にラベルとクラスを同時に指定します。

<?php echo get_query_pagination_arrow('next', '次のページ', 'nav-arrow'); ?>

例5: 矢印をリンクとして使用

この例では、矢印をリンクとして使用し、前のページへのリンクを作成します。

<a href="<?php echo get_previous_posts_page_link(); ?>"><?php echo get_query_pagination_arrow('prev'); ?></a>

例6: 矢印をボタンとして使用

この例では、矢印をボタンとして使用し、次のページへのボタンを作成します。

<button onclick="window.location.href='<?php echo get_next_posts_page_link(); ?>'"><?php echo get_query_pagination_arrow('next', '次へ'); ?></button>

例7: 矢印をカスタムスタイルで表示

この例では、矢印をカスタムスタイルで表示し、前のページへの矢印に独自のスタイルを適用します。

<div style="font-size: 20px; color: red;"><?php echo get_query_pagination_arrow('prev', '前へ', 'custom-style'); ?></div>

注意点

  • この関数は、ページネーションが有効な場合にのみ機能します。
  • 矢印の方向を指定する際は、必ず’prev’または’next’を使用してください。
  • カスタムクラスを追加する際は、CSSファイルで適切にスタイルを定義してください。

関連機能：