wordpressでボタンクリックの際に別ページへ遷移したい

wordpressのlightningテーマをカスタマイズしています。
ボタンをクリックして別途作成したページに遷移するようにしたいのですが、どうもうまく実装することができません。

<form>タグにaction属性で遷移先を指定すればいけると思ったのですが... 以下に該当箇所のソースを貼りますので、間違っている箇所について教えていただけないでしょうか。

・front-page.php

・search-result.php

<html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <h1>テストです</h1> </body> </html>

よろしくお願いします。

行動規範の内容に同意します

回答3件

まず、ファイル名がsearch-result.phpなら
<form action="search-result.php" method="get" >です。
アンダースコアかハイフンか明確に。

あと、search-result.phpの設置先がテーマのディレクトリ内なら
<form action="<?php echo get_stylesheet_directory_uri(); ?>/search-result.php" method="get" >
になります。
でも、これは不細工な結果になるので<form action="search-result.php" method="get" >にしてsearch-result.phpをwp-config.phpと同じ階層に置いた方がスマートでしょうかね。

投稿2018/04/17 13:14

退会済みユーザー

総合スコア0

science_mac

2018/04/17 13:23

search_result.phpですね、大変失礼しました。今はsearch_result.phpをwp-config.phpと同じ階層に置いていたので、特に書き方は変えませんでした。他の方の回答も参考にし、やりたいことが実装できました。ありがとうございます。

行動規範の内容に同意します

ベストアンサー

簡単なこと、と思いますがwordpressを使用していて
確認画面などへの遷移をさせたいなら
MW WP Formプラグインを使えばいいのでは？と思ったりします。

html
1<form action="search_result.php" method="get" >
2↓
3<form action="search_result.php" method="get" target="_blank">

投稿2018/04/17 09:50

stampdoor

総合スコア483

science_mac

2018/04/17 09:55

ご回答ありがとうございます。今はまだ練習段階のため、とりあえず練習ページを表示させる...といった形で慣れるようにしていました。最終的にはボタンクリックでDBを検索して取得したデータを表示する...といった処理を実装したいと思っているため、プラグインを使わずにやってみたいと思った次第です。その辺りの状況を記載できておらず申し訳ありません。

stampdoor

2018/04/17 10:02

ええと、回答に書いてしまったのですがやりたいこととはちょっと違うようなので修正します。 wordpressでは固定ページや投稿ページなど、wordpressを介してページを作成しないと urlを認識してくれません。（というか内部でrewriteされている）ですので、もし遷移を行う練習がしたいだけでしたらwordpressを介さずに htmlでサイトを構築するのが良いと思います。もしそれでも遷移させたいようであれば、wordpressで固定ページを作成してそのページテンプレートの内容としてsearch_result.phpのような送信内容をGETするページを用意して、固定ページ側で設定したURLにリンクすると良いと思います。ちょっと把握しづらいかもしれませんがご確認下さい。

science_mac

2018/04/17 10:10

再度のご回答ありがとうございます。なるほど、把握できておりませんでした... ①wordpressダッシュボードから固定ページを作成することでurlが認識される ②その内容にsearch_result.phpのような処理を記載する ③①の作業によりurlが認識されているためボタンクリックによって遷移するといった認識で合ってますでしょうか。そのため、まずやることは固定ページを作成してそこに遷移先ページの処理を記載するといった流れでしょうか。ご質問ばかりで大変申し訳ありませんが、ご確認お願いします。

science_mac

2018/04/17 13:24

上記手順で実装できました。ご教授ありがとうございました。

行動規範の内容に同意します

固定ページ内に直接処理を記述することはできないので、
ひとまずは、「固定ページ用のテンプレートを作成してそこに記述する」
のが良いかと思います。

投稿2018/04/17 12:19