ご挨拶

ぜんぜん作りこめていませんが、これまでの実績をご紹介いたします。

2016年の年末に現職に就き、サイト運営が主な業務となりました。
現職での制作事例についての詳細は掲載できませんので、概要のみをご紹介していきたいと思います。

新規でのサイト制作はほとんどないのが寂しいですが、コーダーとしてサイトの改修・コンテンツ制作、WordPressでのサイト構築等を行なっています。

自社運営サイト 会員登録フォーム改修

既存の会員登録フォームの入力項目が多いため、離脱率を減らすためスッテプ形式にしたいとの依頼。

当方コーダー止まりなので、ちょっと厳しいかなと思っていましたが、藁をも掴む思いで「ChatGPT」に質問してみました。
ステップごとにページを分けるのかと思ってたら、分けたい項目ごとにブロックに分けて、「Next」ボタンを押すごとに非表示項目を解除していく感じでいけるとのこと！
ステップフォームってこうやって作る方法があるんですね。勉強になりました！

See the Pen Step Form by syagiri (@syagiri) on CodePen.

ベースは上記でOKですが、これに下記の機能を追加してフォームを完成させました。

  • 個人情報保護方針の同意チェックボックス
  • 必須項目の入力ができていないと次のステップに進ませない
  • 郵便番号の入力で住所の都道府県名・市名の自動入力
  • ステップバーの追加

等の機能を追加して、無事に完成させることができました。

自社運営サイト Pマーク取得に伴うフォームの改修

Pマークを取得するために運営しているサイトのメールフォームや会員登録フォームに「同意する」チェックマークを設置する業務

通常のサイトであればボタン部分に「disabled」属性を付与するだけで良いのですが、依頼されたサイトの会員登録部分がWordPressの「Ultimate Member」プラグインで構築されており、HTMLのソース部分に手を加えることができません。

下記のCSSとJavaScriptで「同意する」チェックボックスを実現しました。

See the Pen 同意するチェックボックス by syagiri (@syagiri) on CodePen.

自社運営サイト 動画コンテンツ組み込み

外部の制作会社に依頼してWordPressで構築しされたコンテンツサイト。
YouTubeの動画を紹介するコンテンツを追加することになりましたが、経費削減のため私の方で作業することになりました。
（動画制作者にはそれぞれ連絡をとり、承諾は取得済みです。）

仕様書等はいただけていないので、構築方法を確認しながら追加作業を行いました。

まずは新規に投稿タイプを作成、専用のカスタムフィールドを準備して必要な情報を入力することで

  • 動画の埋め込み
  • サムネイルの取得

をできるようにカスタマイズ、運用ができるだけ簡単にできるように工夫しました。

コンテンツのデザインは、その他のページと全く違う配色を行い、一見すると別サイトのような雰囲気に変更。
また、専用のカテゴリーを選択することでメインのスライダーを入れ替えれるようにしています。