WP Simple Pay ドキュメント

WP Simple Pay のドキュメント、参考資料、チュートリアル

フォームスタイル設定リファレンス

概要

これは、WP Simple Pay で利用可能なすべてのフォームスタイル設定の完全なリファレンスです。詳細なセットアップ手順については、メインのフォームスタイルガイドと併せてご使用ください。

前提条件

  • Plusライセンス以上のWP Simple Pay Pro
  • オンサイトフォームタイプ(埋め込みまたはオーバーレイ)を使用する支払いフォーム

テーマプリセット

テーマID名前プライマリセカンダリテキスト背景
デフォルトデフォルト#0f8569#0e7c62#32325d#ffffff
サンセットサンセット#e74c3c#c0392b#2c3e50#ecf0f1
#27ae60#219955#2c3e50#f9f9f9
#3498db#2980b9#2c3e50#ecf0f1
白黒白黒#333333#555555#333333#ffffff
太陽光太陽光#f1c40f#f39c12#34495e#ffffff
サンゴサンゴ#e67e22#d35400#2c3e50#f9f9f9
ミニマルミニマル#bdc3c7#95a5a6#2c3e50#ffffff

テーマを選択すると、プライマリカラーはボタンの背景とアクセントカラーに、セカンダリカラーはボタンのホバー状態に、テキストカラーは一般的なテキストとラベルの色に、背景色はフォームと入力フィールドの両方の背景にマッピングされます。

色の設定

すべての色の設定で受け入れられる形式:

  • 16進数カラー:#0f8569#fff
  • RGB/RGBA:rgba(15, 133, 105, 0.8)
  • HSL/HSLA:hsl(160, 80%, 29%)
  • 空の値(デフォルトを継承するか、親の設定にフォールバックします)
設定説明フォールバック動作
フォームの背景フォームコンテナの背景透明(ページの背景を継承)
入力フィールドの背景入力フィールドの背景透明
一般的なテキストの色すべてのテキスト要素ブラウザのデフォルト
ラベルテキストの色フィールドラベルのみ一般的なテキストの色にフォールバック
入力フィールドのテキストの色入力フィールド内のテキスト一般的なテキストの色にフォールバック
タイトルの色フォームのタイトル一般的なテキストの色にフォールバック
説明の色フォームの説明一般的なテキストの色にフォールバック
プライマリ(アクセント)カラーフォーカス状態、ハイライトテーマデフォルト
境界線の色入力および要素の境界線テーマデフォルト
エラー境界線の色検証エラーの境界線デフォルトのエラー
エラーテキストの色エラーメッセージテキストデフォルトのエラー
ボタンの背景送信ボタンの背景プライマリカラー
ボタンテキスト送信ボタンテキスト
ボタンのホバー時の背景送信ボタンのホバー時の状態より暗いプライマリ

タイポグラフィ設定

設定説明受け入れ可能な値デフォルト
ラベルのフォントサイズフィールドラベルのサイズ正の整数(ピクセル)14
ラベルのフォントウェイトフィールドラベルのウェイトnormalbold100900
入力フォントサイズ入力テキストサイズ正の整数(ピクセル)16
タイトルのフォントサイズフォームタイトルのサイズ正の整数(ピクセル)24
タイトルのフォントウェイトフォームタイトルの太さnormalbold100900
説明フォントサイズフォーム説明サイズ正の整数(ピクセル)16
説明フォントの太さフォーム説明の太さnormalbold100900

デザインとレイアウト設定

設定説明受け入れ可能な値デフォルト
フォームの角丸半径フォームコンテナの角丸加工正の整数(ピクセル)0
入力欄とボタンの角丸半径入力欄/ボタンの角丸加工正の整数(ピクセル)4
フォームのパディングフォームコンテナの内部余白正の整数(ピクセル)0

適用対象

フォームタイプスタイルが適用されていますか?
サイト埋め込みはい
サイトオーバーレイ(モーダル)はい
Stripe Checkout(サイト外)いいえ
支払いページ(サイト内)はい

次にやること

ご不明な点はまだありますか?喜んでお手伝いさせていただきます!

最終更新日:

今日から決済を受け付けましょう

WordPressウェブサイトで、単発および定期的な支払いまたは寄付の受け付けを開始しましょう。