質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

プラグイン

プラグイン(plug-in)は、ソフトウェアアプリケーションの機能拡張の為に開発された、一組のソフトウェアコンポーネントのことを指します。

Q&A

解決済

1回答

1803閲覧

wordpressでPageNaviというプラグインを使うとうまくページャーが表示されない。

退会済みユーザー

退会済みユーザー

総合スコア0

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

プラグイン

プラグイン(plug-in)は、ソフトウェアアプリケーションの機能拡張の為に開発された、一組のソフトウェアコンポーネントのことを指します。

0グッド

0クリップ

投稿2018/10/20 15:23

編集2018/10/20 15:35

wordpressでPageNaviというページャーを作るプラグインを使っています。

固定ページにページャーを表示させる部分に、

<?php if(function_exists('wp_pagenavi')){ wp_pagenavi(); }

このように記述するとページャーが表示されるのですが、2ページ目、3ページ目があるのに1ページ目のリンクしか表示されません。

そこで、調べまして

<?php if(function_exists('wp_pagenavi')){ wp_pagenavi(array('query'=>$the_query)); }

このように追加したところ、サイト全体のレイアウトが崩れてしまいました。

更に調べると「PageNavi 設定」で「表示するページ数」を1にするといいというので

1にしてみましたが改善しませんでした。

どうしたら2ページ目、3ページ目が表示されるようになるでしょうか。

下記は表示がおかしくなっているコードの全体です。

アドバイスを頂けると幸いです。

<!-- pageBox --> <section id="pageBox"> <!-- mainPageBox --> <div id="mainPageBox"> <!-- パンくずリスト --> <p class="panList"> <a href="<?php echo get_option('home'); ?>">テスト</a>&nbsp;>&nbsp; <?php foreach ( array_reverse(get_post_ancestors($post->ID)) as $parid ) { ?> <a href="<?php echo get_page_link( $parid );?>" title="<?php echo get_page($parid)->post_title; ?>"> <?php echo get_page($parid)->post_title; ?></a>&nbsp;>&nbsp; <?php } ?> <?php the_title(''); ?> </p> <!-- パンくずリスト --> <h1>■テスト</h1> <!-- newPostBox --> <div class="newPostBox"> <?php $cat_id = get_cat_ID( get_the_title() ); if ( $cat_id ) { $args = array( 'posts_per_page' => 1, // 表示件数の指定 'category' => $cat_id, ); } $posts = get_posts( $args ); foreach ( $posts as $post ): // ループの開始 setup_postdata( $post ); // 記事データの取得 ?> <!-- imgTextBox --> <div class="imgTextBox"> <p class="textP"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a><br><span class="postDate"><?php echo get_the_date( $format, $post ); ?></span><span class="writeName"><?php the_author(); ?></span></p> <p class="imgP"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a></p> </div> <!-- imgTextBox --> <?php endforeach; // ループの終了 wp_reset_postdata(); // 直前のクエリを復元する ?> <!-- 新着記事表示 --> <!-- ページャー --> <div class="pager"> <?php if(function_exists('wp_pagenavi')){ wp_pagenavi(array('query'=>$the_query)); } ?> </div> <!-- ページャー --> <!-- pickupBox --> <div class="pickupBox"> <p class="pickTitle">ピックアップ記事</p> <?php query_posts(array('orderby' => 'rand', 'showposts' => 3)); if (have_posts()) : while (have_posts()) : the_post(); ?> <!-- imgTextBox --> <div class="imgTextBox"> <?php $category = get_the_category(); $cat_id = $category[0]->cat_ID; $cat_name = $category[0]->cat_name; $cat_slug = $category[0]->category_nicename; ?> <p class="textP"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a><br><span class="postDate"><?php echo get_the_date( $format, $post ); ?></span><span class="writeName"><?php the_author(); ?></span><span class="catName"><?php echo $cat_name; ?></span></p> <p class="imgP"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a></p> </div> <!-- imgTextBox --> <?php endwhile; endif; ?> </div> <!-- pickupBox --> </div> <!-- newPostBox --> </div> <!-- mainPageBox -->

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

PageNaviでの方法がわからず、普通に「固定ページ ページャー」などで調べたら別の方法で解決しました。

<?php $paged = (int) get_query_var('paged'); $args = array( 'posts_per_page' => 14, 'paged' => $paged, 'post_type' => array('post','カスタム投稿01','カスタム投稿02'), 'post_status' => 'publish', 'category_name' => 'cosplay' ); $the_query = new WP_Query($args); if ( $the_query->have_posts() ) : while ( $the_query->have_posts() ) : $the_query->the_post(); ?> <!-- imgTextBox --> <div class="imgTextBox"> <p class="textP"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a><br><span class="postDate"><?php echo get_the_date( $format, $post ); ?></span><span class="writeName"><?php the_author(); ?></span></p> <p class="imgP"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('thumbnail'); ?></a></p> </div> <!-- imgTextBox --> <?php endwhile; ?> <?php else: ?> <?php endif; ?> </div> <div class="pagination"> <?php if ($the_query->max_num_pages > 1) { echo paginate_links(array( 'base' => get_pagenum_link(1) . '%_%', 'format' => 'page/%#%/', 'current' => max(1, $paged), 'total' => $the_query->max_num_pages, 'prev_text' => false, 'next_text' => false )); } ?> </div> <?php wp_reset_postdata(); ?>

投稿2018/10/20 18:21

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問