OWLet 〜フォーム構築〜

date_range 2024/03/29
日々の活動日記エンジニアインターン
フォーム構築


こんにちは!

京都開発研究所、Webプログラマーコースの長期インターン生、松木智哉です!!

⚪︎はじめに

本日の業務では、前回の業務に引き続きOWLetを用いたフォーム構築を行いました!!!

⚪︎フォーム構築

一旦ここまで行ったOWLetでのフォームページ構築について、復習もかねて記載してみようと思います!何か違うところや別のやり方があるなどありましたら教えていただけるとありがたいです。

OWLetを用いたフォーム構築の手順


1. レイアウトの作成

フォーム専用のレイアウトの作成を行います!


1.a  見出しパーツを配置

見出しパーツを作成し配置をします!

例えば、「お問い合わせ」などの見出しを配置します!


1.b  継承エリアの配置

継承エリアを配置します!

これは、実際にテキストを配置するためのものです。


1.c  枠を配置

任意の枠のクラス名を設定し配置します!

枠は、グルーピングを行うために配置します。


1.d  システムコンテンツを配置

先ほど配置した枠の中にシステムコンテンツを配置します!

システムコンテンツを設置した箇所にフォームが出力されます。

システムコンテンツがないと、OWLetの設定画面で設定したフォームが出力されないため必須のパーツです!


(1.e 作りたいフォームページに合わせて継承エリアなどを配置)


2. OWLetの管理画面での設定

ここでは、実際のページのURLや内容を決めます!


2.a  フォームページの設定

フォーム種別、レイアウト、URL、ページ名などをここで設定をします。

それぞれの用語については、ここでは割愛します!!


2.b  入力項目を設定

フォームページの設定が終わると入力項目を設定できます。

ここでは、入力してもらいたい項目を設定します。

一覧に表示するか、必須項目、入力例などもそれぞれの項目に対して設定を行えます!


(2.c 規約文書設定)

設定することで、個人情報保護などの規約を載せることができます!

(2.d 通知メール設定) 

自動返信や管理者通知などの設定を行うことができます!

とても便利な機能だと感じました!


これらのステップで、OWLetで簡単なフォームを作ることができます!!

もっとレイアウトを凝りたいなどがあれば適宜行う形になるのかなと思いました!!



-----------------------------------------------

G!FIT公式Instagram:https://www.instagram.com/gfit_gdn/
G!FIT公式Twitter:https://twitter.com/gfit_gdn
メンバー紹介ページ:https://guardian.jpn.com/member/tomoya_matsuki/


*COMMENT*

  • 石川 航

    石川 航

    更新日:2024-04-01 22:47

    *コメント*

    お疲れ様です
    通常のWebサイトでフォームを作ろうとすると、HTML以外にもプログラム知識も必要になり、最も手間・時間が掛かってしまいますが、
    OWLetならほとんどの操作を管理画面だけで完結させることができます

    入力項目の追加や変更程度なら、Webの知識のないようなお客様でも出来るようになっているし、
    凝ったデザインのものを作りたい場合でも、HTMLとCSSの知識があれば十分対応できます
    色々試行錯誤して、OWLetを使いこなしていってほしいです

    *コメント*

*コメント*

*ログイン*

メールアドレス
パスワード