デイトラweb制作(Word Press化その15)

デイトラの卒業課題を1日(1〜2時間)行なっています。

ダウンロードページの返信メールを作成する

・ダウンロードフォームのメール項目で自分宛メールを作成する。

※含まれるすべての・・とHTML形式の・・のチェック項目を外す(これが入っているとメール項目が読みにくくなります)

・メール(2)にチェックを入れて相手宛メールを作成する。

Localで擬似的にメールの送受信を確認する

・localのToolsタグのOpen Mailpitを選択する。

・実際に項目を入力して送受信を確認する。

・上部が相手先、下部が自分宛に届いている事を確認する。

ダウンロード完了フォームを作成する

・固定ページから資料ダウンロード完了ページを作成する。

・カスタムテンプレートを認識させる。

・download-thanks.phpに下記のコードを入れる。

・作成した資料ダウンロード完了ページのスラッグ名:thanks、テンプレート:ダウンロード完了用レイアウト、親:資料ダウンロードにする。

・完了ページに遷移させるコードをfunctions.phpに追加記述する。

function redirect_to_thanks_page() {
	if ( is_page( 'download' ) ) {  // 固定ページのスラッグ名
		echo <<<EOD
		<script>
		document.addEventListener( 'wpcf7mailsent', function() {
			window.location = '/download/thanks/';
		});
		</script>
		EOD;
	}
}
add_action( 'wp_footer', 'redirect_to_thanks_page' );

・資料ダウンロードをクリックしてページが遷移する事を確認する。

結果

続いて『Contact Form7』でメールの送受信と完了画面に遷移させる部分を作成しました。今回は仕様に※固定ページの「Template Name」を設定してください。と指示があり、ここで問題が発生。テンプレートの選択項目が表示されない!

表示の属性チェック項目がOFFになっていないか見てもONの状態で問題なし!

実はこの問題は「aboutページ」を作成する際に気づいてはいたのですが、スルーして「page-about.php」で完成させていました。

色々と試しても解決できなかった為にAIにスクリーンショットと言語で相談した結果、ある問題を指摘してくれました。その原因とは「_index.php」が読み込まれない用にしているのはなぜ?と

ボクはトップページを「front.php」で作成したから「index.php」は必要ないだろうと自己処理を行っていました。テンプレート階層を見ても影響は無いだろうと思っていたからです。現にここまで来れたので・・甘かったです。

「index.php」は必須だと分かったので良かったです。

しかし、AIは便利ですね!ボクは他の人(自分も含めて)の時間を奪うことが嫌いなのでAIは気兼ねなく聴ける事が良いです。変な回答が来たら自分自身の質問力不足とダイレクトにフィールドバックがある事も良いです。

あとはお問い合わせページを作成して全て完成です!

以上、デイトラweb制作(Word Press化その15)の状況でした。

ご依頼等ありましたら、下記のURLにお問い合わせ下さい。

お問い合わせはこちら

ポートフォリオサイトはこちらになります。

ポートフォリオサイトはこちら