WPB（ダブリューピービー）»ブログ»テーマ»WordPressテーマに数値ページネーションを追加する方法

WordPressテーマに数値ページネーションを追加する方法

編集スタッフ | 2022年7月1日 | 読者への開示

共有数 120 共有 ChatGPT Perplexity LinkedIn WhatsApp メール

WordPressテーマに数値ページネーションを追加したいですか？

デフォルトでは、WordPress テーマはアーカイブページの最後に次/前のリンクを追加します。課題は、それらが非常にユーザーフレンドリーではないことです。そのため、多くの人気ブログでは、訪問者がアーカイブページを簡単にナビゲートできるように数値ページネーションを使用しています。

この記事では、WordPressテーマに数値ページネーションを追加する方法を説明します。

WordPressテーマに数値ページネーションを追加する理由

ほとんどのテーマには、投稿のリストを表示するアーカイブページがあります。WordPressブログの投稿を増やすにつれて、アーカイブページは複数のページにまたがります。

ページネーションリンクは、訪問者がアーカイブページ間を移動するのに役立ち、通常はWordPressウェブサイトの下部に表示されます。

一部のWordPressテーマでは、ページネーションに「古い投稿」と「新しい投稿」のリンクを使用しています。ただし、これにより訪問者は1ページずつ前後にしか移動できません。

また、訪問者の現在の場所をアーカイブに表示しません。これにより、訪問者がブログのアーカイブをナビゲートするのが難しくなる可能性があります。

そこで数値ページネーションが登場します。

「古い」と「新しい」リンクを表示する代わりに、数値ページネーションは、訪問者がアーカイブ内の特定のページにジャンプできる一連の番号を表示します。

数値ページネーションは、現在のページ番号を示すためにハイライトや異なる色を使用することもあり、訪問者はアーカイブ内のどこにいるかを常に正確に把握できます。

WPBeginnerでは、数値ページネーションを使用し、現在のページ番号をオレンジ色で強調表示しています。また、訪問者の現在のページを囲む4ページへの直接リンクも提供しています。

アーカイブには最後のページへのリンクさえ含まれているため、訪問者は最も古い投稿をすばやく簡単に見ることができます。次の画像で確認できます。

私たちの経験では、この種の数値ページネーションは、デフォルトの「古い投稿」と「新しい投稿」のリンクと比較して、サイトのナビゲーションを容易にします。

WordPressテーマに「古い」と「新しい」のページネーションがある場合は、常に数値ページネーションに置き換えることをお勧めします。

このガイドでは、WordPressテーマに数値ページネーションを追加する2つの異なる方法を説明します。特定のメソッドに直接ジャンプしたい場合は、以下のリンクを使用できます。

方法1. WP-PageNaviを使用してWordPressに数値ページネーションを追加する方法
方法2. WordPressテーマに数値ページネーションを手動で追加する方法

方法1. WP-PageNavi を使用して WordPress に数値ページネーションを追加する方法

WordPressで数値ページネーションを追加する最も簡単な方法は、WP-PageNaviプラグインを使用することです。

このプラグインを使用するには、テーマのコードにいくつかの変更を加える必要がありますが、WP-PageNaviはサイトのページネーションを完全に制御できるため、完全なコードメソッドよりもはるかに簡単です。

まず、WP-PageNaviプラグインをインストールして有効化します。詳細については、WordPressプラグインのインストール方法に関するステップバイステップガイドをご覧ください。

プラグインを有効化した後、設定 » PageNaviに移動してプラグインの設定を行います。

ここでは、デフォルトのページネーションテキストを独自の言葉に置き換えることができます。たとえば、ウェブサイトで使用されている「最初のページ」や「最後のページ」リンクのテキストを変更できます。

数値ページネーションのリンクをカスタマイズすることもできます。

「表示するページ数」セクションでは、ウェブサイトのページネーションセクションにプラグインが表示するページ数を選択できます。

これはデフォルトで5に設定されており、WP-PageNaviは5ページへの直接リンクを表示します。

下のスクリーンショットで見られるように、ページ4にいる場合、ページ2、3、4、5、6へのリンクが表示されます。

表示するページ数を増減させたい場合は、「表示するページ数」フィールドに新しい番号を入力するだけです。

デフォルトでは、プラグインはいくつかの大きな数字を表示します。これにより、訪問者はワンクリックで複数のページを進むことができます。

デフォルトでは、プラグインは10ずつ増加する3つの大きな数字を表示します。たとえば、10、20、30です。

5や20のような異なる間隔を使用したいですか？その場合は、新しい間隔を「ページ番号を〇〇ごとに大きく表示」フィールドに入力するだけです。

すべてのWordPressサイトは異なりますので、さまざまな設定を試して、どのページネーション設定が最適かを確認することをお勧めします。

WP-PageNaviの設定を変更した場合は、ページの下部までスクロールして変更を保存ボタンをクリックすることを忘れないでください。

次に、WordPress テーマにテンプレートタグを追加する必要があります。これを行うには、子テーマを作成し、子テーマのコードを編集することをお勧めします。

子テーマを作成することで、カスタム数値ページネーションを失うことなく、WordPressテーマを安全に更新できます。詳細については、WordPressの子テーマの作成方法に関するステップバイステップガイドをご覧ください。

親テーマまたは子テーマのいずれを編集する場合でも、FTPクライアントが必要です。FTPを初めて使用する場合は、FTPを使用してサイトに接続する方法に関する完全なガイドをご覧ください。

FTP経由でWordPressホスティングアカウントに接続したら、WordPressテーマのコードを編集する準備ができました。

これらの手順は、WordPressテーマによって異なります。ただし、通常はindex.phpまたはarchive.phpファイル、およびWordPressテーマ内のその他のアーカイブテンプレートファイルのコードを編集する必要があります。

これらのファイルを開き、previous_posts_link および next_posts_link タグを検索してください。

これらのタグを見つけた場合は、次のコードスニペットに置き換えてください。

<?php wp_pagenavi(); ?>

一部のテーマには、previous_posts_link または next_posts_link タグがない場合があります。

テーマにこれらのタグが見つからない場合は、代わりに the_posts_navigation を探してください。たとえば、Twenty Twenty-One テーマの archive.php ファイルでは次のようになります。

<?php /*twenty_twenty_one_the_posts_navigation();*/

次に、この行を次のコードスニペットに置き換えることができます。

<?php wp_pagenavi(); ?>

これらの変更を加えたら、開いているWordPressテーマファイルをすべて保存して閉じます。

これで、WordPressアーカイブページにアクセスすると、新しい数値ページネーションがウェブサイトにライブで表示されているはずです。

この時点で、数値ページネーションの色やスタイルを変更して、テーマやウェブサイトのブランディングにより良く合うようにしたい場合があります。

プラグインのコードを編集することで実現できます。

ただし、WP-PageNavi のコードをテーマの style.css ファイルに貼り付け、その後テーマファイル内で変更を行うことをお勧めします。これにより、WP-PageNavi プラグインをアップデートしてもカスタマイズが失われることはありません。

プラグインコードをコピーするには、設定 » PageNavi に移動してください。次に、「pagenavi-css.cssを使用する」セクションを見つけて、その横にある「いいえ」ラジオボタンをクリックします。

変更を保存するには、「変更の保存」ボタンをクリックすることを忘れないでください。

次に、プラグイン » プラグインファイルエディターに移動します。

次に、「編集するプラグインを選択」ドロップダウンを開き、「WP-Page Navi」を選択します。その後、「選択」をクリックする準備が整いました。

右側のメニューで、pagenavi-css.css ファイルをクリックします。

次に、このファイル内のすべてのコードをコピーしてください。

次に、外観 » テーマファイルエディターに移動します。

右側のメニューで、テーマの style.css ファイルをクリックします。

これで、pagenavi-css.cssコードをテーマのstyle.cssファイルに貼り付けて、変更を開始できます。

例を見てみましょう。これは、テーマのstyle.cssファイルに追加できる数値ページネーションコードの修正版です。

wp-pagenavi {
    clear: both;
}
 
.wp-pagenavi a, .wp-pagenavi span {
    color: #FFF;
    text-decoration: none;
    background-color:#6FB7E9;
    border: 1px solid #B2D1E5;
    padding: 5px 5px;
    margin: 2px;
}
 
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #E9F2F9;
    background-color:#6FB7E9;
}
 
.wp-pagenavi span.current {
    font-weight: bold;
    background-color:#3C8DC5;
}

次の画像では、この数値ページネーションがサイトでどのように表示されるかを確認できます。

さまざまなスタイルを試して、WordPressウェブサイトで最も見栄えの良いものを見つける価値はあります。

数値ページネーションの外観に満足したら、ファイルを更新ボタンをクリックして変更を保存してください。

方法2. WordPressテーマに数値ページネーションを手動で追加する方法

WordPressテーマにコードを使用して数値ページネーションを手動で追加するという別の方法もあります。

多くのWordPressテーマには、組み込みの「古い」および「新しい」リンク、またはデフォルトの数値ページネーションが付属しています。たとえば、人気のAstraテーマは、次の画像に示すように、アーカイブページに独自の数値ページネーションを自動的に追加します。

この方法を使用して、テーマに組み込まれているページネーションをカスタマイズできます。たとえば、サイトに合わせてスタイルを変更することもできます。

数値ページネーションを手動で追加するには、テーマのfunctions.phpファイルを開きます。ここでは、FTPクライアントまたはWordPressホスティングcPanelのファイルマネージャーのいずれかを使用できます。FTPを使用している場合は、FTPを使用してサイトに接続する方法に関する完全なガイドをご覧ください。

サイトへの接続に成功したら、functions.phpファイルを開き、次のコードを追加します。

function wpbeginner_numeric_posts_nav() {
 
    if( is_singular() )
        return;
 
    global $wp_query;
 
    /** Stop execution if there's only 1 page */
    if( $wp_query->max_num_pages <= 1 )
        return;
 
    $paged = get_query_var( 'paged' ) ? absint( get_query_var( 'paged' ) ) : 1;
    $max   = intval( $wp_query->max_num_pages );
 
    /** Add current page to the array */
    if ( $paged >= 1 )
        $links[] = $paged;
 
    /** Add the pages around the current page to the array */
    if ( $paged >= 3 ) {
        $links[] = $paged - 1;
        $links[] = $paged - 2;
    }
 
    if ( ( $paged + 2 ) <= $max ) {
        $links[] = $paged + 2;
        $links[] = $paged + 1;
    }
 
    echo '<div class="navigation"><ul>' . "\n";
 
    /** Previous Post Link */
    if ( get_previous_posts_link() )
        printf( '<li>%s</li>' . "\n", get_previous_posts_link() );
 
    /** Link to first page, plus ellipses if necessary */
    if ( ! in_array( 1, $links ) ) {
        $class = 1 == $paged ? ' class="active"' : '';
 
        printf( '<li%s><a href="%s">%s</a></li>' . "\n", $class, esc_url( get_pagenum_link( 1 ) ), '1' );
 
        if ( ! in_array( 2, $links ) )
            echo '<li>…</li>';
    }
 
    /** Link to current page, plus 2 pages in either direction if necessary */
    sort( $links );
    foreach ( (array) $links as $link ) {
        $class = $paged == $link ? ' class="active"' : '';
        printf( '<li%s><a href="%s">%s</a></li>' . "\n", $class, esc_url( get_pagenum_link( $link ) ), $link );
    }
 
    /** Link to last page, plus ellipses if necessary */
    if ( ! in_array( $max, $links ) ) {
        if ( ! in_array( $max - 1, $links ) )
            echo '<li>…</li>' . "\n";
 
        $class = $paged == $max ? ' class="active"' : '';
        printf( '<li%s><a href="%s">%s</a></li>' . "\n", $class, esc_url( get_pagenum_link( $max ) ), $max );
    }
 
    /** Next Post Link */
    if ( get_next_posts_link() )
        printf( '<li>%s</li>' . "\n", get_next_posts_link() );
 
    echo '</ul></div>' . "\n";
 
}

このコードは、WordPressテーマに表示するページ数を取得します。

次のステップは、テーマによって異なります。

テーマにデフォルトのページネーション機能が組み込まれていない場合は、数値ページネーションを表示したいindex.php、archive.php、category.php、またはその他のページに以下のテンプレートタグを追加するだけです。

<?php wpbeginner_numeric_posts_nav(); ?>

このコードを追加する場所によって、ウェブサイトのどこに数値ページネーションが表示されるかが決まることに注意してください。

通常、アーカイブページの最下部にページネーションを表示したいので、通常はテンプレートタグをフッターコードに追加することになります。

テーマには、すでに「古い投稿」や「新しい投稿」リンクのようなページネーション機能がありますか？

この場合、ページネーションコードを見つけて、上記のコードスニペットに置き換える必要があります。

たとえば、Asheは最高の無料WordPressブログテーマの1つであり、すでにアーカイブページに「最初」と「最後」のページネーションリンクを追加しています。

これらの組み込みリンクを数値ページネーションに置き換えるには、テーマの templates/grid.php および templates/blog-pagination.php ファイルを編集する必要があります。

これらの各ファイルで、以下のセクションを見つけます。

<?php get_template_part( 'templates/grid/blog', 'pagination' ); ?>

次に、この行を次のコードスニペットに置き換えることができます。

<?php wpbeginner_numeric_posts_nav(); ?>

コードを追加したら、変更を保存することを忘れないでください。

次のステップは、カスタム数値ページネーションのスタイリングです。

アーカイブのナビゲーションを訪問者に分かりやすくするため、現在のページ番号を異なる色でハイライト表示します。これを行うには、テーマの style.css ファイルを開き、以下のコードをこのファイルに貼り付けます。

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
 
.navigation li {
    display: inline;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #6FB7E9;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}
 
.navigation li a:hover,
.navigation li.active a {
    background-color: #3C8DC5;
}

その後、ファイルを更新ボタンをクリックして変更を保存するだけです。

これでアーカイブページにアクセスすると、ウェブサイトに数値ページネーションが表示されます。

この記事がWordPressテーマに数値ページネーションを追加する方法を学ぶのに役立ったことを願っています。また、WordPressでブログでお金を稼ぐ方法や、コードを書かずにカスタムWordPressテーマを作成する方法に関するガイドも参照できます。

この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。

WPBeginnerで現在人気があります！

開示: 当社のコンテンツは読者によってサポートされています。これは、一部のリンクをクリックすると、手数料が発生する可能性があることを意味します。WPBeginnerがどのように資金調達されているか、なぜそれが重要なのか、そしてどのように私たちをサポートできるかを確認してください。こちらが当社の編集プロセスです。

編集スタッフについて

WPBeginnerの編集スタッフは、WordPress、Webホスティング、eコマース、SEO、マーケティングで16年以上の経験を持つSyed Balkhiが率いるWordPress専門家のチームです。2009年に開始されたWPBeginnerは、現在、業界最大の無料WordPressリソースサイトであり、WordPressのWikipediaと呼ばれることもあります。

121件のコメント返信する

エミー・クリフォード

2024年7月22日午前6時51分

テーマ設定なしで「前へ」と「次へ」ボタンを太字にするにはどうすればよいですか？

返信する
- WPBeginnerサポート
  
  2024年7月26日 12:03
  
  それをスタイルするにはCSSを使用する必要があります。WP-PageNaviを使用している場合は、推奨される方法または組み込みオプションがあるかどうか、サポートに確認することをお勧めします。
  
  返信する
  
  管理者
Kzain

2024年7月1日 11:41

これは役立ちますが、私のテーマがページネーションで機能するかどうかはどうすればわかりますか？そして、Elementorのページネーションボタンを関連記事セクションで使用した場合はどうなりますか？

返信する
- WPBeginnerサポート
  
  2024年7月2日午後2時01分
  
  テーマまたはページビルダーに既にページネーションオプションがある場合は、まずこのガイドの方法ではなく、それを使用することをお勧めします
  
  返信する
  
  管理者
イジー・ヴァネック

2024年6月27日午前9時54分

私はGenerate Pressテーマを使用しており、ページネーションバーをより多くのページに拡張するのに役立つスニペットを見つけました。しかし、この記事によると、ページネーションバーをウェブサイトの外観に合わせるようにカスタマイズすることもできることがわかりました。おそらくすぐにカスタマイズガイドを試して、サイトの色に合うようにバーをより良くスタイリングしようと思います。些細なことですが、このバーは非常に目立ち、重要です。ありがとうございます。

返信する
スジャル

2020年7月21日 20:10

最後の行に次のリンクが表示される小さなバグがあります。get_next_posts_link() の 2 か所で $ 記号が欠落しています。新しい訪問者のためにコードがうまく機能するように修正していただけますか

/** 次の投稿リンク */ if ( $get_next_posts_link() ) printf( ‘%s’ . “\n”, $get_next_posts_link() );

返信する
Sandipan

2020年6月5日午前3時14分

機能しません。. index.phpにコードを追加した後、リンクが機能しません

返信する
- WPBeginnerサポート
  
  2020年6月5日午前9:07
  
  テーマによってはカスタムスタイルがある場合があります。テーマ固有のサポートに問い合わせてみてください。彼らが手助けしてくれるはずです。
  
  返信する
  
  管理者
Quy

2019年10月17日午後11:40

ありがとうございます。
通常、home.phpは投稿ページでループコンテンツを表示しますが、私のテーマではhome.phpがデフォルトで提供されていないため、index.php（endwhile;の下）にwpbeginner_numeric_posts_nav();を配置したところ、機能しました。

返信する
- WPBeginnerサポート
  
  2019年10月18日午前10時20分
  
  問題を解決できた方法を共有していただきありがとうございます
  
  返信する
  
  管理者
FloJDM

2019年9月26日 18:19

とても役に立ちました、ありがとう！

返信する
- WPBeginnerサポート
  
  2019年9月26日午前11時31分
  
  どういたしまして
  
  返信する
  
  管理者
アレクサンドル

2019年7月29日午後4:54

素晴らしい記事、シンプルで要点を押さえています！

私には完璧に機能しました、本当にありがとう！！

返信する
- WPBeginnerサポート
  
  2019年7月30日午前9時45分
  
  当社のガイドがお役に立てて嬉しいです
  
  返信する
  
  管理者
ModGirl

2018年10月18日午前8時35分

WordPressテーマ「X Blog」を使用していますが、このテーマにこれを追加する方法を調べています。試したことはすべてエラーが発生し続けています。なぜテーマがこれと連携しないのかわかりません。何か助けていただければ幸いです。ありがとう

返信する
Adam

2018年8月28日午前4時28分

これは非常に役立つチュートリアルです、ありがとうございます。ジェネシスコードの例を成功裏に使用しました！

私の1つの問題は、このサイトからコードをコピー＆ペーストしただけで、番号付きページネーションの省略記号の部分でエンコーディングエラーが発生したことです。そのため、サイトでは省略記号の代わりにダイヤモンド/疑問符の文字が表示されました。最終的にHTMLエンティティ（10進数）の省略記号：…を使用することでこのエラーを修正しました。これは、メタチャセットの違いなどにより、コードを実装した2つのサイトのうちの1つでしか発生しませんでした。

返信する
Ilya

2018年2月13日 19:05

2018年からご挨拶！WordPressコアのthe_posts_pagination()関数という素晴らしいものがあります。

返信する
jagadeesh

2017年11月29日 05:02

コードを追加しましたが、ウェブサイトの上部に表示されます

返信する
Sijo

2017年10月2日午前3時25分

ページ2以降でページネーションが機能しません。3、4などをクリックすると404ページが表示されます。上記のコードと同じものを使用しました。これを解決するにはどうすればよいですか？

返信する
Jean Braithwaite

2017年8月30日午前11時32分

ページネーションの手動方法を使用していますが、あなたは「テーマのindex.php、archive.php、category.php、およびその他のアーカイブページテンプレートに以下のテンプレートタグを追加してください」と言っています。

このサイトは、カスタム投稿タイプを使用する通常のウェブサイトとブログです。

archive.phpページではうまく機能しましたが、ブログページ（ページテンプレート、page-blog.php）でも使用したいです。そこではまったく機能しません。なぜですか？機能させるために何かできることはありますか？

返信する
ziru

2017年6月27日午前12時29分

こんにちは、いくつかのテンプレートにを追加したところ、WordPressが機能しなくなり、ログインもできなくなり、ホームページが空白ページになり、ウェブサイト全体が壊れたように見えます。どうすればよいですか？

返信する
Turab

2017年5月2日午前2時44分

これのおかげで大好きです。命の恩人です。

返信する
Subroto

2017年2月22日 12:59

この投稿、大変参考になりました。ありがとうございます。

返信する
Ingy Anees

2017年2月8日午前6時50分

これはカスタム投稿タイプでは正常に機能していますが、検索結果では機能しません。何も表示されません。何かアドバイスはありますか？

返信する
souno

2017年1月23日午前2時11分

とても良い記事です。質問があります。

最後のページ数を表示するにはどうすればよいですか？デモでは「9」と表示されています。

ありがとうございます！

返信する
renee

2017年1月17日午後5時34分

素晴らしいコードです – 魔法のように機能しました！共有していただきありがとうございます

返信する
アザマット

2016年12月1日午前2時49分

カスタムタクソノミータームリストにページネーションを追加するにはどうすればよいですか？

返信する
アンディ

2016年11月29日午前11時30分

Rajathと同様に、モバイルでページネーションがうまくレンダリングされないという問題をいくつか抱えていました。私の場合は線が重なっていました。これを解決するためにCSSに行の高さを追加しました。

line-height: 2.5em;

返信する
mostafa

2016年9月23日午後10時36分

こんにちは、このコードをテーマ（wp-navプラグインなし）に使用しました。他のページでは機能しますが、フロントページでは機能しません。正確な問題は何ですか？

返信する
Rajath

2016年9月1日午後3時33分

こんにちは、このページネーションをテーマで使用していますが、カスタム wp_query を使用しているページを除き、すべてのページやカテゴリで正常に動作します。あなたは Genesis Framework のようなコードを使用していると読み、wp_reset_query() を使用しましたが、動作しません。助けてくれてありがとう。

返信する
anuj sharma

2016年8月30日午前8時16分

こんにちは
提供されたコードを使用して、function.php に貼り付け、style.css に CSS を追加しましたが、ページネーションのデザインは表示されますが、機能しません。

返信する
JM

2016年8月23日午前2時31分

こんにちは！まず、この投稿を投稿していただきありがとうございます。この投稿はかなり古いですが、依然として非常に役立ちます！

ページネーションはほとんどの場合表示され、機能しますが、最初と最後のページリンクがありません。どのページにいても（最初、2番目、3番目など）、最初のページまたは最後のページリンクが表示されません。これを修正する方法について何かアイデアはありますか？

事前にご協力ありがとうございます！

返信する
サイード・ハムザ

2016年8月20日午前8時34分

数値ページネーションはPCでのみ表示され、モバイルでは表示されません。両方のバージョンでこのページネーションを表示したいです。
どうすれば修正できますか？

返信する
- JeffD
  
  2017年3月5日午後10時23分
  
  素晴らしいチュートリアルをありがとうございます。プラグインを使用しないソリューション（PHPスクリプト）を使用したいのですが、ページリンクの切り捨て/省略記号なし（1…2 3 4 5 6…10ではなく、常にすべてのページを表示したい-1 2 3 4 5 6 7 8 9 10）。スクリプトをこのように変更するにはどうすればよいですか？専門家にとっては簡単かもしれませんが、私には無理です！事前にご協力いただければ幸いです！
  
  返信する
ネルソン

2016年8月16日午後8時54分

このコードは私には機能しません。何かヒントはありますか？

返信する
Youssef

2016年8月4日 17:42

こんにちは。テーマ「freshlife by theme junkie」でデフォルトのWPページネーションに戻したいです。数値ページネーションはウェブサイトの全投稿数を表示するので好きではありません。wpbeginnerさん、助けてください。

返信する
ビラル

2016年7月28日午前7時28分

商品をページネーションしたいのですが、どうすればできますか？

返信する
Rajath

2016年7月18日午前7時27分

こんにちは、素晴らしいチュートリアルです。あなたのウェブサイトは、独自のテーマを開発する上で多くの問題で私を助けてくれました。ここでは、プラグインではなく手動のページネーションを選択しました。しかし、ページネーションはレスポンシブではなく、画面サイズが縮小されると見栄えが悪くなります。レスポンシブにするにはどうすればよいですか、または他に代替手段はありますか（プラグインは不要です）。このテーマを公開するつもりはないので、自分のニーズに合わせて構築しています…

返信する
- WPBeginnerサポート
  
  2016年7月19日午後4:26
  
  WordPressテーマのスタイルシートを確認してください。テーマがレスポンシブをどのように処理するかを調べてください。一部のテーマは、メディアクエリを使用して画面幅を検出し、それに応じてさまざまな要素を調整します。一部のテーマは、デザインレイアウト内のすべての要素が画面幅にレスポンシブになるように、相対的な幅を使用します。
  
  返信する
  
  管理者
  - Rajath
    
    2016年7月20日午前7時08分
    
    テーマを開発中です。ページネーションをレスポンシブにすることができません。そのため、リンクの周りのパディングを削除してボタンのように見せました。代わりに、小さな画面でもうまく機能する数字のままにしました。返信ありがとうございます。
    
    返信する
ジャバド

2016年7月10日午前7時16分

こんにちは
関数で最初のコードを使用しましたが、WPの言語が読めない単語に変わってしまいました。なぜですか????

返信する
Gabriel Tellez

2016年7月5日午後3時20分

ありがとう、素晴らしいです。

返信する
ジェームズ

2016年6月14日午後4時13分

ホームページの下部にある各要約投稿の下に表示されるページネーションを削除したいと考えています。見た目が良くないので、削除する方法はありますか。

返信する
- WPBeginnerサポート
  
  2016年6月14日午後8時17分
  
  WordPressテーマ開発者にお問い合わせください。彼らがより適切に案内してくれるはずです。
  
  返信する
  
  管理者
Aryan

2016年3月29日 02:30

実はWordPressは初心者ですが、PHPは得意です……データベースのカスタムテーブルからページネーションを追加したいのですが……

返信する
Fasih

2016年3月28日午前1時32分

プラグインなしの番号付きページネーションはlocalhostでは正常に動作していますが、ファイルをアップロードすると何も表示されません。ただし、要素を検査すると、クラスは含まれているものの、何も含まれていない空のdivしか見つかりません。すべてのファイルを正しくアップロードし、再確認しましたが、うまくいきませんでした。ご指導ください。

返信する
エイブラハム

2016年3月24日午前7時9分

すごい！

返信する
マルコ・レスコ

2016年2月12日午後1時46分

素晴らしい!! ありがとう

返信する
Moustafa

2015年10月25日午後4時41分

このスクリプトは新しいWordPress 4.3.1では動作しません。
古いバージョンでは動作していましたが、現在は動作しません。

どうか助けてください…

返信する
トム

2015年10月20日午後6時17分

本当に助かりました。ありがとう！

返信する
サム

2015年9月16日午前12時26分

とても参考になりました

返信する
lucky cabarlo

2015年9月9日午前5時08分

数値をカスタム数値ページネーションに表示するにはどうすればよいですか？

返信する
スポンジィ

2015年7月8日午前4時43分

ページ番号を例えば2までに制限し、その後省略記号を表示するにはどうすればよいですか？

返信する
クリシュマ

2015年6月12日午後5時36分

このプラグインをカスタム投稿タイプに使用できますか

返信する
- Astra
  
  2015年10月10日午前2時55分
  
  もちろんです。このコードを page-custom.php に追加するだけです。
  
  返信する
メディア

2015年4月27日午前9時47分

こんにちは、

これは非常に役立ちました。新しいサイトに配置しました。問題は、カテゴリの最初のページでは完璧に機能し、「次へ」リンクをクリックした後、URLは/page/2/に変わりますが、ハイライトされたページ番号は常に「1」であり、コンテンツは常に最初の10記事（常に最初のページ）です。

クエリに何か不足していると思います。

‘aligncenter’));

} else {

echo "";

}

?>

返信する
プリティ・バンダリ

2014年12月22日午前3時38分

次のリンクをクリックしたときにページ全体の再読み込みを防ぎ、特定のセクションのみを更新するにはどうすればよいですか…助けてください…

返信する
ルイス・エドゥアルド・ブラスキ

2014年10月24日午後5時20分

「目標は、アーカイブページの最下部にあるデフォルトの「古い」および「新しい」ページネーションリンクを、「簡単にナビゲートできるページ番号」に置き換えること」であり、「あなたの」関数はこれを実行します。

返信する
トニー

2014年10月20日午前11:54

次へ、前のリンクのみを表示するにはどうすればよいですか？よろしくお願いします。

返信する
バリー

2014年9月30日午後1時48分

Custom Post typeで wpbeginner_numeric_posts_nav(); を使用するにはどうすればよいですか？

global $wp_query を置き換えました

$args = array(

‘post_type’ => ‘my-cpt’,

‘meta_key’=>’cpt_detail’,

‘orderby’=>’meta_value’,

‘order’ => ‘ASC’

‘paged’ => $paged

);

$cpt_query = new WP_Query($args);

$wp_query参照を$cpt_queryに置き換えましたが、うまくいきません

返信する
- イグルーボブ
  
  2015年9月23日 12:23
  
  こんにちは、この問題を解決できましたか？私もこれを機能させようとして苦労しています。もし機能したのであれば、大変助かります…
  
  返信する
アシュリー・ミシェル

2014年9月4日午後3時53分

「wpbeginner_numeric_posts_nav」メソッドを使用して、ナビゲーションの括弧を変更するにはどうすればよいですか？「»」はあまり好きではありません。

ありがとうございます！

返信する
- ジェームズ・ジョージ・ダン
  
  2014年12月31日午前5時18分
  
  こんにちは、Ashleyさん。
  
  get_previous_posts_link() および get_next_posts_link() の括弧内に値を設定できます。たとえば、get_next_posts_link(‘Next Post’) は、デフォルトの「Next Page »」の代わりに「Next Post」を表示します。
  
  返信する

« 前のコメント

« 1 2

WordPressテーマに数値ページネーションを追加する方法

WordPressテーマに数値ページネーションを追加する理由

編集スタッフについて

121件のコメント返信する

返信する返信をキャンセル

WPBeginner®について

WordPressテーマに数値ページネーションを追加する理由

方法1. WP-PageNavi を使用して WordPress に数値ページネーションを追加する方法

方法2. WordPressテーマに数値ページネーションを手動で追加する方法

編集スタッフについて

読者とのインタラクション

121件のコメント返信する

返信する返信をキャンセル