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

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

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

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

WordPress

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

PHP

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

受付中

wordpressのpage 変移できない

free_teku
free_teku

総合スコア82

HTML5

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

WordPress

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

PHP

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

1回答

-2評価

0クリップ

241閲覧

投稿2022/01/24 10:14

前提・実現したいこと

blog

上記の画像のように、ボタンと記事をクリックした時に
固定pageに飛びたいのですが、index.phpにリンクを飛びます。
改善策と原因を教えてください。

発生している問題・エラーメッセージ

試したこと

該当のソースコード

PHP

<section class="blog <?php echo $slug; ?>"> <div class="inner wow animate__animated animate__fadeIn" data-wow-offset="100"> <h2 class="jp-ttl">ブログ</h2><!-- /.jp-ttl --> <h4 class="en-ttl">Blog</h4><!-- /.en-ttl --> <dl class="blog-list"> <dl class="blog-list"> <?php $query_args = array( 'post_status'=> 'publish', 'post_type'=> 'post', 'order'=>'DESC', 'category_name' => '', 'posts_per_page'=>5 ); $the_query = new WP_Query( $query_args ); if ( $the_query->have_posts() ) : //記事が存在した場合 while ( $the_query->have_posts() ) : $the_query->the_post();//ループのインクリメントの役割、これがないと無限ループになるので注意 $link = get_permalink($post->ID);//記事url $category = get_the_category( $post->ID ); // foreach($cats as $cat): // if($category->parent) echo $catgory->cat_name; // endforeach; $title = get_the_title($post->ID);//記事タイトル ?> <div class="row"> <dt><?php echo $category ; ?></dt> <dd><a href="<?php echo $link;?>"><?php echo $title;?></a></dd> </div> <?php endwhile; else: //記事が存在しなかった場合 echo '<div class="row">'; echo '<dd><a href="/" style="pointer-events: none;">すみません。ただいま記事を準備中です。<br>少々お待ちください。</a></dd>'; echo '</div>'; endif; wp_reset_query();//クエリをリセット ?> </dl><!-- /.blog-list --> <div class="blog-link cmn-btn"><a href="<?php echo $link ?> ">もっと見る</a></div> </div><!-- /.inner --> </section><!-- /.blog -->

blog

<?php get_header();?> <?php $paged = $_GET['pagenum']; global $NO_IMAGE_URL; ?> <main class="article"> <div class="cmn-mv"></div> <div class="breadcrumb"> <?php breadcrumb( $post->ID );//パンくずを表示(functions.php) ?> </div> <div class="article-section cmn-section"> <div class="inner"> <h2 class="cmn-title"> <p class="main">ブログ</p> <span class="sub">blog</span> </h2> <div class="article-cont"> <ul class="article-list"> <?php $query_args = array( 'post_status'=> 'publish', 'post_type'=> 'post', 'order'=>'DESC', 'post_per_pages' => 10, 'paged'=>$paged ); $the_query = new WP_Query( $query_args ); if ( $the_query->have_posts() ) : while ( $the_query->have_posts() ) : $the_query->the_post(); $thumbnail = (get_the_post_thumbnail_url( $post->ID, 'medium' )) ? get_the_post_thumbnail_url( $post->ID, 'medium' ) : get_template_directory_uri().$NO_IMAGE_URL; $title = max_excerpt_length(get_the_title( $post->ID ), 60);//記事タイトルを取得し、文字数を制限(functions.php) $desc = get_the_excerpt( $post->ID );//抜粋を取得 $data = get_the_modified_date( 'Y-m-d', $post->ID );//更新日を取得 $category = get_the_category( $post->ID )[0]->name;//カテゴリを取得(並び順で1番目にあるものを1つ) $link = get_permalink( $post->ID ); ?> <?php $query_args = array ( 'post_status'=> 'publish', 'post_type' => 'post', 'order' => 'DESC', 'post_per_pages' => 10, 'paged' =>$paged ); <li class="blog-item"> <div class="blog-img"> <?php if( $category ){ echo '<p class="category">'.$category.'</p>'; }; ?> <img src="<?php echo $thumbnail;?>" alt="旅館雰囲気"> </div><!-- /.blog-img --> <div class="blog-txt"> <time class="time" datetime="<?php echo $data;?>"><?php echo $data;?>>2020-0</time><!-- /.time --> <h5><?php echo $title;?></h5> <p class="blog-txt_desc">?php echo $desc;?></p><!-- /.blog-txt_desc --> </div><!-- /.blog-txt --> <a class="anker" href="<?php echo $link;?>"></a> </li><!-- /.blog-item --> <?php if( $category ){ echo '<p class="category">'.$category.'</p>'; }; ?> <p class="image"><img src="<?php echo $thumbnail;?>" alt=""></p> </div> </a> </li> <?php endwhile; endif; wp_reset_query();//クエリをリセット ?> </ul> </div> <div class="article-pager"> <?php $page_url = $_SERVER['REQUEST_URI'];//ページurlを取得 $page_url = strtok( $page_url, '?' );//パラメータは切り捨て $the_category_id = null; pagination($the_query->max_num_pages, $the_category_id, $paged, $page_url);//ページネーションを表示(functions.php) ?> </div> </div> </div> </main> <?php get_footer();?>

補足情報(FW/ツールのバージョンなど)

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

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

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

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

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

tabuu

2022/01/25 03:44

HTMLに出力されたソースコードのurlはどのようになっているでしょうか?

まだ回答がついていません

会員登録して回答してみよう

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

ただいまの回答率
87.20%

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

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

質問する

関連した質問

同じタグがついた質問を見る

HTML5

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

WordPress

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

PHP

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