### [WPForms 1.8.1 のご紹介 — フォームのスタイル設定オプションが登場](https://wpforms.com/introducing-wpforms-1-8-1-form-styling-options-are-here/)

**公開日:** 2023年4月6日
**著者:** ジャレッド・アチソン

**概要:** 皆様からのご要望にお応えして、ついに登場しました：WPFormsのフォームスタイリングオプションです！この機能を使えば、CSSを記述することなく、コードを一切使わずに簡単にフォームのデザインをカスタマイズできます。これで、WPFormsを使ってフォームをウェブサイトのテーマや配色に合わせるのが、これまで以上に簡単になりました。

**本文:**

皆様の時間を大幅に節約できる新機能を搭載した、WPForms 1.8.1のアップデートをリリースできることを大変嬉しく思います。

皆様からのご要望にお応えして、ついに登場しました：WPFormsのフォームスタイリングオプションです！

このフォームスタイリングオプションを使えば、CSSの知識がなくても、コードを一切書かずに簡単にフォームのスタイルを設定できます。これで、WPFormsを使ってフォームをウェブサイトのテーマや配色に合わせるのが、これまで以上に簡単になりました。

詳細を見ていきましょう。

### コード不要でフォームを簡単にスタイリング

今回のアップデートの主な目的は、CSSのコーディング知識がなくても、ユーザーがフォームのスタイリングを簡単に行えるようにすることです。これで、ウェブサイトのテーマやスタイルに合わせた美しいフォームを作成できるようになりました。

![WPFormsの新しい簡単なフォームスタイリングオプションを使用したフォーム](https://wpforms.com/wp-content/uploads/2023/03/Styled-Form.png)

サイトにWPForms 1.8.1をインストールしたばかりのユーザーの場合、WordPressフォームに対してモダンマークアップが自動的に有効になります。

WPForms 1.8.1へのアップデート前に、ウェブサイトに少なくとも1つのフォームを既に作成しているユーザーは、モダンマークアップを有効にする必要があります。そのためには、WPFormsの設定メニューにある**[一般]**タブに移動してください。

![WPFormsの「一般」設定タブへの移動](https://wpforms.com/wp-content/uploads/2023/03/WPForms-General-Settings.png)

そこで、**「モダンマークアップを使用する」**のチェックボックスにチェックを入れます。

![WPFormsで「モダンマークアップを使用」のチェックボックスをオンにする](https://wpforms.com/wp-content/uploads/2023/03/Use-Modern-Markup-1.png)

その後、一から作成する場合でも、数百種類あるテンプレートを使用する場合でも、通常通りフォームを作成します。

フォームを表示したいページに埋め込んだ後、ページのドラフトを表示すると、ブロックエディタでフォームのスタイルを編集できるようになっていることがわかります。

### フィールド、ラベル、ボタンのスタイル編集

この新しいアップデートでは、主に3つのフォームコンポーネントのスタイルを設定できます。

![ブロックエディタで利用可能なスタイル設定オプション](https://wpforms.com/wp-content/uploads/2023/03/Available-Styling-Options.png)

フィールドのスタイルを編集する際は、フィールドのサイズ、角丸、色を調整できます。これにより、サイト内の他のフォームと調和させ、統一感のある体験を簡単に作り出すことができます。

![角丸設定を使用してフィールドの角を丸くする](https://wpforms.com/wp-content/uploads/2023/03/Field-Border-Radius.png)

ラベルのスタイルでは、フォームラベルのサイズや色を調整し、サイト全体で統一感のある外観にすることができます。

![ラベルのスタイルオプション](https://wpforms.com/wp-content/uploads/2023/03/Label-Styles.png)

ボタンのスタイルを編集する際は、サイズ、角丸半径、色を変更することで、ボタンが常に目立ち、サイト内の他のボタンとスタイルが統一されるようにできます。

![ボタンのスタイルオプション](https://wpforms.com/wp-content/uploads/2023/03/Button-Styles-1.png)

さらに、高度なスタイル設定オプションも用意されており、フォームのスタイルをコピーして他のフォームの「追加のCSSクラス」フィールドに貼り付けるだけで、簡単にスタイルを統一できます。

![「追加のCSSクラス」フィールドに他のフォームのCSSを貼り付けることで、スタイルを統一できます](https://wpforms.com/wp-content/uploads/2023/03/Additional-CSS-Classes.png)

繰り返しになりますが、ここでCSSの知識は必要ありません。今回のアップデートの素晴らしい点は、コーディングの知識が不要だということです。CSSは自動的に生成されます。 フォームのスタイルを統一したい場合は、コピーして貼り付けるだけで完了です。

### 近日公開予定のその他のアップデート

今回のアップデートをリリースしたばかりですが、私たちのチームはすでに、皆様からご要望の多かった機能やアップデートを提供するために鋭意開発を進めています。

今年、皆様が本当に素晴らしいフォームを作成できるよう、さらに新しい機能をお届けしますので、どうぞご期待ください。

[WPForms Proを入手する](https://wpforms.com/pricing/)

サポートチームが皆様のご質問にお答えしますので、何かお困りのことがあれば、[お気軽にお問い合わせください](https://wpforms.com/contact/)！

*Jared*

**カテゴリー:** お知らせ

---