AI要約
WPForms 1.8.1 のアップデートをリリースできることを大変嬉しく思います。このアップデートでは、皆様の時間を大幅に節約できる機能が追加されました。
皆様からのご要望にお応えして、ついに WPForms のフォームスタイリングオプションが登場しました！
フォームスタイリングオプションを使用すると、CSS を必要とせずに、コード不要で簡単にフォームをスタイリングできます。WPForms を使用すれば、これまで以上に簡単に、ウェブサイトのテーマや色に合わせてフォームをカスタマイズできるようになりました。
詳しく見ていきましょう。
コードなしで簡単にフォームをスタイリング
このアップデートの主な目標は、ユーザーが CSS コーディングの知識なしでフォームをスタイリングしやすくすることでした。これで、ウェブサイトのテーマやスタイルに合わせて美しいフォームを作成できます。
WPForms 1.8.1 をサイトにインストールした初めてのユーザーの場合、WordPress フォームのモダンマークアップは自動的に有効になります。
WPForms 1.8.1 にアップデートする前にウェブサイトに少なくとも 1 つのフォームがあったユーザーは、モダンマークアップを有効にする必要があります。これを行うには、WPForms の設定メニューの 一般 タブに移動する必要があります。
そこから、モダンマークアップを使用する のチェックボックスをオンにします。
その後、ゼロから作成する場合でも、何百ものテンプレートのいずれかを使用する場合でも、通常どおりフォームを作成します。
ページに埋め込むと、ページの下書きを表示したときに、ブロックエディターでフォームスタイルを編集できるようになります。
フィールド、ラベル、ボタンのスタイルの編集
この新しいアップデートでスタイリングできる主なフォームコンポーネントは 3 つあります。
フィールドスタイルを編集すると、フィールドサイズ、境界線の半径、色を調整できます。これにより、サイトの他のフォームに合わせて、一貫性のあるエクスペリエンスを作成できます。
ラベルスタイルを使用すると、フォームラベルのサイズと色を調整して、サイト全体でより一貫性のある外観にすることができます。
ボタンのスタイルを編集すると、サイズ、境界線の半径、色を変更して、ボタンが常に目立ち、サイトの他のボタンとスタイルが一致するようにすることができます。
また、高度なスタイリングオプションもあり、フォームスタイルをコピーして、他のフォームの [追加 CSS クラス] フィールドに貼り付けて一致させるのが非常に簡単です。
繰り返しますが、ここで CSS を知る必要はありません。このアップデートの優れた点は、コーディングの知識が不要なことです。これは自動的に生成されます。スタイルを一致させたい場合は、コピーして貼り付けるだけです。
まもなくさらに多くのアップデートが公開されます
このアップデートをリリースしながらも、私たちのチームは、皆様がリクエストしたさらに多くの機能やアップデートをお届けするために、すでに懸命に取り組んでいます。
今年、皆様が本当に素晴らしいフォームを作成できるよう、さらに多くの新しい方法をリリースしていく予定ですので、ご期待ください。
サポートチームがご質問にお答えしますので、何かお手伝いできることがあれば、お気軽にお問い合わせください！
ジャレッド
こんにちは。
これらの新しいスタイリング機能は素晴らしいですが、WordPress のブロックビルダーでのみ使用できるという制限があり、ビルダーはたくさんあります。
より良い選択肢は、WPFormsのフォーム作成から直接スタイルを適用することです。そうすれば、より便利になり、どのビルダーにも適用できます。
こんにちは、Alaidさん。現在、フォームスタイルはWordPressブロックエディターまたはフルサイト編集に対応したテーマで使用できます。他のビルダーへの対応や、フォームからスタイルを適用するオプションがあれば素晴らしいと思います。開発者の皆様に認識していただけるよう、この件を機能リクエストトラッカーに登録します。
素晴らしいですね！私はWPブロックエディターは使用せず、代わりにAvadaテーマを使用し、フォームのショートコードをページに貼り付けています。フォームのスタイルオプションにはどのようにアクセスできますか？
よろしくお願いします！
こんにちは、Valerieさん。現在、フォームスタイルはWordPressブロックエディターまたはフルサイト編集に対応したテーマで使用できます。現時点では、フォームを埋め込むためにショートコードを使用している場合、フォームスタイル機能は利用できません。便利な機能だと思いますので、開発者の皆様に認識していただけるよう、この件を機能リクエストトラッカーに登録します。
素晴らしいです。これは私がWpFormsでずっと欲しかった機能の一つです。例えば、カスタムコードを書かなくてもボタンの色を変更できるなど。本当にありがとうございます！
素晴らしい機能ですが、最初にインストールするプラグインが「Disable Gutenberg」なのは残念です。
フォームビルダーにこの機能があれば素晴らしいですし、フォームごと、またはすべてのフォーム（テーマ）に対して異なるスタイルがあればさらに良いでしょう。
こんにちは、Georgさん。現在、フォームスタイルはWordPressブロックエディターまたはフルサイト編集に対応したテーマと互換性があります。フォームごとにビルダー内でスタイルオプションを設定できる機能があれば素晴らしいという点に同意します。開発者の皆様にこの機能リクエストを認識していただけるよう、機能リクエストトラッカーに追加します。
Diviテーマを使用しながら、この機能にどのようにアクセスできるか、ご提案いただけますか？
こんにちは、Daveさん。
混乱させてしまい申し訳ありません。ブロックエディターでフォームをスタイル設定するには、以下の設定が必要です。
– WordPressバージョン6.0以上
– ブロックエディターまたはフルサイト編集に対応したテーマ
参考までに、フォームのスタイル設定に関する完全なガイドはこちらです。
WPFormsには、ブロックエディターに依存しない統合スタイルエディターの開発に力を入れてほしいと強く思います。上記の他のコメントで述べられている理由に加えて、ブロックエディターは使いにくいと感じています。また、WordPressチームによって常に変更されています。一方、WPFormsチームはUI/UXで素晴らしい仕事をしているので、それを独自のスタイルエディターに適用してみてはどうでしょうか？ぜひそうしてください。
こんにちは、Johnさん！
フィードバックとご提案ありがとうございます。承知いたしました。今後の機能強化のために、あなたの投票を追加しました。
敬具、
こんにちは、すべてのページビルダーで動作するのはいつですか？ライセンスを更新できるので、現時点では本当のニュースはありません。
こんにちは、
まだ作業中です。今後の機能強化のために、機能リクエストリストにあなたの投票を追加しました。
ありがとう