既存の会員登録フォームの入力項目が多いため、離脱率を減らすためスッテプ形式にしたいとの依頼。
当方コーダー止まりなので、ちょっと厳しいかなと思っていましたが、藁をも掴む思いで「ChatGPT」に質問してみました。
ステップごとにページを分けるのかと思ってたら、分けたい項目ごとにブロックに分けて、「Next」ボタンを押すごとに非表示項目を解除していく感じでいけるとのこと！
ステップフォームってこうやって作る方法があるんですね。勉強になりました！
See the Pen Step Form by syagiri (@syagiri) on CodePen.
ベースは上記でOKですが、これに下記の機能を追加してフォームを完成させました。
等の機能を追加して、無事に完成させることができました。
Pマークを取得するために運営しているサイトのメールフォームや会員登録フォームに「同意する」チェックマークを設置する業務
通常のサイトであればボタン部分に「disabled」属性を付与するだけで良いのですが、依頼されたサイトの会員登録部分がWordPressの「Ultimate Member」プラグインで構築されており、HTMLのソース部分に手を加えることができません。
下記のCSSとJavaScriptで「同意する」チェックボックスを実現しました。
See the Pen 同意するチェックボックス by syagiri (@syagiri) on CodePen.
外部の制作会社に依頼してWordPressで構築しされたコンテンツサイト。
YouTubeの動画を紹介するコンテンツを追加することになりましたが、経費削減のため私の方で作業することになりました。
（動画制作者にはそれぞれ連絡をとり、承諾は取得済みです。）
仕様書等はいただけていないので、構築方法を確認しながら追加作業を行いました。
まずは新規に投稿タイプを作成、専用のカスタムフィールドを準備して必要な情報を入力することで
をできるようにカスタマイズ、運用ができるだけ簡単にできるように工夫しました。
コンテンツのデザインは、その他のページと全く違う配色を行い、一見すると別サイトのような雰囲気に変更。
また、専用のカテゴリーを選択することでメインのスライダーを入れ替えれるようにしています。