SPWFormTemplatesアドオン公開

WEB関連
Wordpress

SPWFormを公開してからもう1ヶ月ほど経ちます。あっというまでした。

というのも、Wordpressのメールフォームプラグインを作れないかな?と構想を練っていた段階で
「これはやりたい!」と思っていた機能は色々あるのですが、
その中でも絶対欲しかった機能、「フォームをテンプレート化して簡単実装できる機能」。
プラグインを公開したからには出来るだけ早くこの機能を実装したいと日々格闘しておりました。

SPWFormTemplatesアドオン もちろん無料です。

上記は初回のフォームデザインのセット。色味のバリエーションです。
構成としては以下、

初回盤は3種類。テーブルタイプ2種とシンプルタイプ1種。
シンプルタイプは開発者が自分でデザインを加えやすい様に極力シンプルにしたものです。

セットの仕方は簡単で、
アドオンをWPにインストールすると、SPWFormのフォーム作成画面にテンプレートのアイコンが現れるので、「構成テンプレート」と「フォームCSS」を選んで反映させるだけ。

そうすると、

こんなフォームが出来上がる。
という感じです。

※使ってるテーマによって画面幅などは影響は受けると思います

さらにテーマ側からcssを上書きすれば自由にデザイン変更可能です。
SPWFormの「独自css」内に反映されたテンプレートのCSSをいじっても反映されます。ただ、別のテンプレートを選ぶと上書きされちゃうので注意です。


ここからは開発時の苦労話w

CSSをどう実装するのか?の切り分けが難しい。そりゃCSSはひとつにまとまってた方が良いけど、
レイアウトのためのCSSと、各フォームパーツのそれぞれの枠線、背景色、色味などのCSSは1つのCSSにまとめてしまうと、つまり

レイアウトの種類✖️パーツの特徴

の数だけテンプレートが必要になっちゃう。
これも開発初めて徐々に気がついた感じで、行ったりきたりの実装。でも、最初の漠然としたビジョンではこういう細かいことってやっぱり気づかないんですよね。
逆に実際に開発を進めてみて気付いた事をどれだけ実際に実装出来るか?これがすごい大事だなと思うしAIには多分出来ない事な気がしてます。

ただ、気づくことが多すぎて実装が辛い(笑)
そして、時には割と根本的なところから直す必要が出て来た時、その根本から変える勇気とめんどくさいという気持ちを乗り越えるのがしんどい。

でもこれが出来ないと結果良いものにならないのよね。

とはいえこのアドオンも公開したばっかりなので、まだまだ見直さなきゃならないところがたくさんあります。日々精進でバージョン積み上げていきましょう〜。

というわけで是非是非、SPWFormとともに使っていただければ幸いです。

SPWFormTemplatesアドオン  しつこいけど無料です(笑)

本体の SPWForm も無料です。