Closed2

【WP:実装記録・初歩的なミス】

kohei nemawarikohei nemawari

お客様やり取り

①デザインの改修時
├ 改修デザインを制作したら、それを先方へ提出。クライアントの意向を確認し、実装へ。
※修正し終わってから提出して、いや違うとなると努力が台無し。

②EC決済テストの必須
├ 一度連携したことがあるからで、本番環境へ移行するのはダメ。必ず、一連の動作が確認できるかを確認。そのまま行うと、最悪損害賠償の問題になる

kohei nemawarikohei nemawari

実装関連

WP関連

カスタム投稿

①カスタムフィールドの値のスペルミス

カテゴリータブ
・AIが出した記述はbuttonだったが、実際はul / li を使用
┣ AIに全任せしようとした際に起きた失敗で、
①今後は実装してみたいサイトを見つける
②その参考サイトの構築内容を見てみる
https://suits.co.jp/


お問い合わせフォーム(Contact form7 関連)

①確認ページへのURL設定を、必死に別のフォームに設定していた
②Contact form7: 結局記述ミスだった。
┣ 関連しているプラグインを一度外す・無効化にする
┣ 一度入れ直して、作り直す

③G mail設定時の注意
├ Contact Form7の仕様上、G mailを「送信先」に設定するとメールが届かない
https://popo-design.net/wp-mail-smtp-wordpress/
https://hideharublog.com/contact-form7-not-sending-mail/


イベント詳細ページのタイトル名取得
①隠しフィールドを設定する Contact Form 7フォーム内に以下のように隠しフィールドを追加します。
plaintext

[hidden event_title]

②JavaScriptでページタイトルを取得して隠しフィールドにセット 次に、フォームのページに以下のJavaScriptを追加して、現在のページタイトルを隠しフィールドに挿入します。テーマのフッターやイベントページのテンプレートファイル(single-live_event.php)のフッター部分にスクリプトを追加してください。

<script>
document.addEventListener('DOMContentLoaded', function() {
    // ページのタイトルを取得して隠しフィールドにセット
    var eventTitle = document.title; // ページのタイトルを取得
    var eventTitleField = document.querySelector('input[name="event_title"]');
    if(eventTitleField) {
        eventTitleField.value = eventTitle;
    }
});
</script>

③メールテンプレートでのタイトル表示 メールテンプレート内で、以下のように隠しフィールド[event_title]を使ってイベントタイトルを表示します。

コードをコピーする
■ 参加イベント: [event_title]

メールフォームの条件分岐
Conditional Fields for Contact Form 7
https://wpmake.jp/contents/plugin/contact-form7/conditional-fields-cf7/


日付・時間の選択フォーム
プラグインなし
https://tkei-blog.com/2021/11/08/contactfrom7-date-and-time/#google_vignette

<div class="tr">
  <div class="td th"><span class="req">必須</span> 希望日時</div>
  <div class="td">
    第一希望日:[date* preferred-date-1]
    第一希望時間:[time preferred-time-1]

    第二希望日:[date preferred-date-2]
    第二希望時間:[time preferred-time-2]

    第三希望日:[date preferred-date-3]
    第三希望時間:[time preferred-time-3]
  </div>
</div>

このスクラップは1ヶ月前にクローズされました