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

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

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

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

WordPress

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

PHP

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

Q&A

解決済

1回答

1037閲覧

WordPress ページネーション自作の作り方について教えてください。

oyu

総合スコア48

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

WordPress

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

PHP

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

0グッド

0クリップ

投稿2020/03/26 02:55

編集2020/03/30 00:31

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
https://plusers.net/wordpress_theme_5
こちらのサイトを参考に
詳細ページにページネーションを追加するから進め作っているのですが
fontawesomeのアイコンや数字も何も表示されません。

サーバーにUPしたところ一覧ページは表示できましたがなぜか分かりませんが
詳細ページにもページネーションを設置しましたが表示されません。
原因はなぜでしょうか?

該当のソースコード

php

1//single-info.phpのコードになります。 2 3<?php get_header(); ?> 4 <main class="info-page-container"> 5 <div class="info-visual"> 6 <div class="info-bg"> 7 <h2 class="title">お知らせ</h2> 8 </div> 9 </div> 10 <section id="info-page" class="bg01"> 11 <div class="inner clearfix"> 12 <dl class="info-list"> 13 14 <?php if(have_posts()): ?> 15 16 <?php while(have_posts()): the_post(); ?> 17 18 <?php the_content(); ?> 19 20 <?php endwhile; ?> 21 22 <?php endif; ?> 23 24 </dl> 25 <?php get_sidebar(); ?> 26 </div><!--/inner--> 27 28 <div class="pagination"> 29 <?php echo paginate_links( array( 30 'type' => 'list', 31 'mid_size' => '5', 32 'prev_text' => '<i class="fas fa-angle-left"></i>', 33 'next_text' => '<i class="fas fa-angle-right"></i>' 34 ) ); ?> 35 </div> 36 37 </section> 38 </main> 39<?php get_footer(); ?>

php

1//header.phpのコードになります。 2 3<!DOCTYPE html> 4<html lang="ja"> 5 <head> 6 <meta charset="utf-8"> 7 <meta name="keywords" content=""> 8 <meta name="description" content=""> 9 <meta name="viewport" content="width=device-width,initial-scale=1.0,viewport-fit=auto"> 10 11  <!--font-awesomeのスタイルシートの呼び出し--> 12 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"      integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous"> 13

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

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

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

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

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

marlboro_tata

2020/03/26 05:09

infoという名前の、カスタム投稿があって、その一覧にページネーションを表示したいという状況かと推察しますが、間違いありませんか? カスタム投稿を追加した際に、アーカイブ(一覧ページのことです)を表示する設定になっていますか?
oyu

2020/03/26 05:14 編集

そうです。 一覧ページにページネーションを表示させたいと思っております。 カスタム投稿をfunctions.phpにinfomationを追加しました。 functions.phpのコードになります。 register_post_type( 'info',//「info」はお好みで変えてください(カスタムタクソノミーを設定する時にも使います) array( 'labels' => array( 'name' => __('info'),//「制作実績」「制作一覧」はお好みで変えてください 'singular_name' => __('information'), 'all_items' => __('information一覧'), ), 'public' => true, 'menu_position' =>5, 'menu_icon' => 'dashicons-admin-customizer',//アイコン画像 'supports' => array('title','editor','thumbnail','custom-fields','excerpt','trackbacks','comments','revisions','page-attributes'), 'has_archive' => true, 'show_in_rest' => true, ) );
marlboro_tata

2020/03/26 06:29 編集

コードの追記ありがとうございます。 (ちなみに、質問は編集が可能ですので、今後コードは質問の方に追加されると良いと思います。) この追記の仕方でカスタム投稿を設定したのであれば、 archive-info.php はget_postsで記事を呼び出さなくても、参考サイトにあった普通の「メインループ」を書けば、記事の一覧ができるはずですね。
oyu

2020/03/26 06:46

お聞きしたいのですが、 メインループとはどのようなコードになるのでしょうか?
oyu

2020/03/26 06:49

ありがとうございます。 どうぞよろしくお願いいたします。
oyu

2020/03/29 23:11

サーバーにUPしたところ一覧ページは表示できましたがなぜか分かりませんが 詳細ページにもページネーションを設置しましたが表示されません。 原因はなぜでしょうか?
退会済みユーザー

退会済みユーザー

2020/04/10 22:55

oyuさんが想定している詳細ページにおけるページネーションとはどのようなものなのかを、質問文に記載してください。 今表示している投稿の前後の日時の投稿への「次へ」「前へ」リンクのイメージでしょうか。
oyu

2020/04/10 23:44

そうです。 ページネーションは次へ前へのリンクのを設定したいです。
guest

回答1

0

ベストアンサー

こんな感じで行けるのではないかと思います。
直したところ
・get_posts()で記事を呼び出していた部分を本来のメインループに
<dl>の中には<p>をおけないので、ループが終わったところで</dl>で閉じた

PHP

1//archive-info.php(部分) 2 3 <div class="inner clearfix"> 4 <dl class="info-list"> 5 6 <?php 7 if ( have_posts() ) : 8 //ここからメインループ 9 while ( have_posts() ): the_post();?> 10 11 <dt><?php the_title(); ?></dt> 12 <dd> 13 <a href="<?php the_permalink(); ?>"><?php the_field('caption'); ?></a> 14 </dd> 15 16 <?php endwhile; //メインループここまで ?> 17 </dl> 18 19 <?php else: ?> 20 21 <div class="no-entry"> 22 <p>記事がまだありません。</p> 23 </div> 24 <?php endif; ?> 25 26 <?php get_sidebar(); ?> 27 </div><!--/inner--> 28 29 <div class="pagination"> 30 <?php echo paginate_links( array( 31 'type' => 'list', 32 'mid_size' => '1', 33 'prev_text' => '<i class="fas fa-angle-left"></i>', 34 'next_text' => '<i class="fas fa-angle-right"></i>' 35 ) ); ?> 36 </div>

ページネーションの部分はそのままです。

投稿2020/03/26 06:50

marlboro_tata

総合スコア525

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

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

oyu

2020/03/26 07:00

回答ありがとうございます。 同じコードを書き換えましたが表示されません。 他に原因はないでしょうか?
oyu

2020/03/26 07:02

多分ですがphpコードが機能していないのが原因かと思いますが 分かりません。
marlboro_tata

2020/03/26 07:08

WPのデバッグモードはONになっていますか?
marlboro_tata

2020/03/26 07:10

あ、えっと、表示されないのは、ページネーション部分のことでしょうか? それとも、記事自体が表示されないということでしょうか?
oyu

2020/03/26 08:01

表示されないのはページネーションの部分になります。 記事は表示されております。
oyu

2020/03/26 08:02

phpではエラーはないです。
marlboro_tata

2020/04/05 06:52

一覧ページと詳細ページでは、別のコードと利用する必要があります。回答には一覧ページ用を書きました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問