PDF アドオン

フォームの入力からプロフェッショナルにフォーマットされたPDFを生成しますか？ WPForms PDFアドオンを使用すると、フォームの通知メールのPDFコピーを作成したり、独自のブランドスタイルで請求書、証明書、契約書などの完全にカスタマイズされたドキュメントを作成したりできます。

このチュートリアルでは、フォームのPDFを設定およびカスタマイズする方法を説明します。

---

コアWPFormsプラグインが設置され、 ライセンスが検証 されると、PDFアドオンを すばやくインストールしてアクティブ化 できるようになります。

新しいPDFの作成

まず、 新しいフォームを作成 するか、既存のフォームを編集してフォームビルダーにアクセスします。フォームビルダーに入ったら、フォームに含めたいフィールドを追加します。 WPForms AI を使用して、フォーム作成プロセスをすばやくスピードアップできます。

フォームにフィールドを追加した後、 設定 » PDF に移動し、 新しいPDFを追加 ボタンをクリックして新しいPDFを作成します。

表示されるオーバーレイで、PDFに名前を付けてから、 OK をクリックして続行します。

左側にライブプレビュー、右側にすべての設定とカスタマイズオプションが表示されるPDFエディターレイアウトが表示されます。

ここから、PDFの基本情報を設定することから始めることができます。

• ファイル名：デフォルトでは、ファイル名はフォーム名と.pdf拡張子を使用します。スマートタグアイコンをクリックして、手動で変更するか、スマートタグを挿入できます。
• 通知：このPDFを添付するメール通知を選択します。
• 条件付きロジック：特定の条件が満たされた場合にのみPDFを生成する場合は、このオプションを有効にします。詳細については、条件付きロジックに関するガイドを参照してください。

基本設定が完了したら、テンプレートの選択とカスタマイズに進むことができます。

テンプレートの選択

次に、PDFのレイアウトとスタイルを選択する必要があります。PDFアドオンには、4つのカテゴリに整理されたさまざまな既製のテンプレートが含まれています。

• 通知 – メール通知（クラシック、コンパクト、モダン、エレガント、テック）で利用可能なスタイルと一致します。
• ドキュメント – 契約書、申請書、カバーページ、テーブルなどの柔軟なレイアウト（基本、法律、申請書、カバーページ、テーブル、サイドバー）。
• 財務 – 請求書および同様のドキュメント用に特別に作成（クラシック、モダン、サイドバー）。
• 証明書 – 事前にデザインされた賞および証明書のレイアウト（クラシック、モダン、エレガント）。

テンプレートセクションで、まずドロップダウンからカテゴリを選択します。次に、スタイルドロップダウンを使用して、そのカテゴリ内のデザインを選択します。

ライブプレビューですべてのオプションを参照したい場合は、すべてのテンプレートを表示リンクをクリックします。これにより、各テンプレートをスクロールして使用したいものを選択できるモーダルが開きます。

テンプレートを選択すると、画面左側のライブPDFプレビューに表示されます。ここで選択するカテゴリとスタイルは、次のステップでカスタマイズできるフィールドも決定します。

テンプレートフィールドのカスタマイズ

テンプレートとスタイルを選択したら、ニーズに合わせてコンテンツの調整を開始できます。利用可能なオプションは選択したテンプレートによって異なりますが、編集プロセスはすべて同じです。

たとえば、法的文書スタイルには、ビジネス情報、署名、日付のフィールドが含まれる場合がありますが、モダン請求書スタイルには、請求書の詳細、請求情報、支払い条件のフィールドがあります。

フィールドテキストの編集

任意のフィールド内をクリックして、プレースホルダーテキストを独自の言葉に置き換えます。変更を行うとすぐにライブプレビューに表示され、PDFでどのように表示されるかが正確にわかります。

スマートタグの使用

PDFアドオンのすべてのフィールドはスマートタグをサポートしています。これにより、ユーザーの名前、メールアドレス、またはその他のフィールド値など、フォームエントリから動的なデータをプルできます。

スマートタグを挿入するには、フィールドの横にあるスマートタグアイコンをクリックし、ドロップダウンメニューから追加したいタグを選択します。

テキスト色の変更

任意のフィールドのテキストの色を変更できます。フィールドの横にあるカラーボックスをクリックしてカラーピッカーを開きます。テーマカラーから選択するか、ブランドに合わせてカスタムカラーを選択できます。

大きなコンテンツ領域のフォーマット

ドキュメントや証明書の本文など、大きなテキストセクションの場合は、組み込みのテキストエディターを使用して次のことができます。

• 太字や斜体などのヘッダーやテキストスタイルを適用する
• リンクを挿入し、箇条書きまたは番号付きリストを追加する
• コンテンツ内のどこにでもスマートタグを追加する
• HTMLを使用してコンテンツを追加および編集する

詳細については、コンテンツフィールドの使用方法に関するチュートリアルを確認してください。

オプション要素の切り替え

一部のテンプレートには、バッジ、署名ブロック、日付フィールドなどのオプション要素が含まれています。ニーズに応じて簡単にオンまたはオフを切り替えることができます。

外観のスタイリング

「外観」セクションでは、PDFの全体的なスタイルとブランドをカスタマイズできます。色やフォントからロゴや境界線まで、このセクションではドキュメントの外観を完全に制御できます。

テーマの選択

テーマドロップダウンを開いて、40以上の既製のテーマから選択します。各テーマにはメインカラーのプレビューが表示されるため、デザインに適したものをすばやく見つけることができます。

変更したい場合は、テーマカラーの編集をクリックしてテーマのカラーパレットを調整します。テーマを編集すると、そのカラーがヘッダー、境界線、テキストなど、PDF内の使用されている場所に即座に適用されます。

テーマまたは外観セクションの他の設定に変更を加えると、WPFormsは元のテーマを上書きするのではなく、テーマのコピーを自動的に作成します。これにより、カスタムバージョンで作業しながら、デフォルトのテーマをそのまま保持できます。

カスタムテーマが作成されると、テーマフィールドの下に名前の変更と削除オプションが表示され、保存されたテーマを簡単に整理または削除できます。

ロゴの追加と配置

画像のアップロードボタンをクリックして、メディアライブラリから画像を選択します。サポートされている形式は、.png、.gif、.jpg、.svgです。現時点では.webp形式はサポートされていません。

サイズドロップダウンを使用して小、中、大、または全体を選択し、配置ドロップダウンを使用してロゴをPDFの左、中央、または右に配置します。

ページ背景

以下のフィールドを使用して、PDFページの背景全体をカスタマイズできます。

• カラー：カラーボックスをクリックして、単色の背景色を選択します。
• 画像：ドロップダウンを使用して、リボン、トライアングル、ウェーブ、ウィング、フォーコーナー、ツコーナー、クラシック、ヴィンテージ、ハーフ​​トーン、レイヤー、ペーパー、コンフェッティ、およびさまざまなグラデーションスタイルなどの組み込み装飾背景から選択します。
  • ほとんどの背景はテーマカラーに適応しますが、一部（ヴィンテージやコンフェッティなど）は固定色を使用します。

テーマカラーを編集した場合、それらの変更はテーマカラーの適応をサポートする背景パターンにも適用されるため、デザインはPDF全体で一貫性を保ちます。

コンテナの背景と境界線

コンテナの背景は、コンテンツのすぐ後ろの領域です。これにより、パターン化されたまたは暗いページ背景を使用する際に、テキストの可読性を維持するのに役立ちます。

• カラー：カラーボックスをクリックして、コンテナの背景色を選択します。
• 角丸：ドロップダウンを使用して角の半径を調整し、より柔らかくまたはシャープな外観にします。

コンテナの周りに枠線を追加して、コンテンツをフレーム化することもできます。実線、破線、または点線などの枠線のスタイルを選択し、次にサイズドロップダウンから枠線の幅を選択します。最後に、カラーボックスを使用して枠線の色を選択します。すべての変更はライブプレビューに即座に表示されるため、見た目を微調整できます。

高度な設定の調整

詳細設定では、用紙サイズ、ページ方向、PDFへのアクセス制限を制御できます。

用紙サイズと方向

用紙サイズドロップダウンを使用して、A4、レター、リーガルなどの一般的なグローバルサイズから選択します。
また、必要なレイアウトに応じて、縦向きと横向きのどちらかの方向を選択することもできます。

アクセス制限を有効にする

PDFを誰が閲覧できるかを制御したい場合は、詳細セクションのアクセス制限を有効にするをオンにします。ログインユーザー、特定のユーザーロール、または個々のユーザーへのアクセスを制限したり、セキュリティを高めるためにパスワードを設定したりすることもできます。

これらの設定がどのように機能するかについての詳細は、アップロードされたファイルへのアクセスを制限するガイドをご覧ください。

生成されたPDFの表示

PDFの設定が完了し、フォームが送信されると、フォームエントリから生成されたドキュメントを直接表示およびダウンロードできます。

特定のエントリの生成されたPDFを表示するには、WordPressダッシュボードからWPForms » Entriesページを開き、PDFアドオンで設定したフォームを選択します。

次に、表示したいエントリの横にある表示をクリックします。

個々のエントリページでは、PDFセクションの下に、その送信のために作成されたPDFをダウンロードするためのリンクがあります。

フォームビルダー内では、PDFプレビューにはドキュメントの最初のページのみが表示されます。完全なPDFを表示するには、テストエントリを送信し、エントリページからファイルを開いてください。

これで完了です！WPFormsでPDFアドオンをインストールして使用する方法を学びました。

次に、カスタムCSSを記述せずにフォームの外観を強化したいですか？詳細については、フォームテーマの使用に関するチュートリアルをご覧ください。