ユーザーガイド

カスタムテンプレートエディタ

25種類のギャラリー用テンプレートまたはゼロから独自の請求書レイアウトを作成し、各要素をスタイリングし、特定のプロフィールに限定して、請求書に適用します。

更新日: 2026-09-09

12種類の組み込みデザインでほとんどの請求書はカバーできますが、ロゴ、日付、クライアント住所の配置はあらかじめ決まっています。カスタムテンプレートエディタを使うと、それらの要素を自分で組み立てられます。固定された本文の周りにある6つの枠に要素を配置し、それぞれをスタイリングして、独自のテンプレートとして保存します。それ以降はどの請求書でも2回タップするだけでそのテンプレートに切り替えられ、PDFは12種類のデザインとは別のカスタムレンダラーによって描画されます。

このガイドでは、オレゴン州ポートランドで Fern & Petal Floral Design Studio を営む Nadia Okafor の例を追います。彼女はホテルやレストラン向けのクライアントに、静かで白を基調としたページを求めています。左側にワイドロゴと2行の連絡先、右側に請求書情報とクライアント住所、フッターには緑色のお礼の一文です。最終的なPDFには、Alder Street Hotel宛ての請求書FP-2026-0218が使われます。彼女はもう1つ Fern & Petal Weddings という2つ目のビジネスプロフィールも運営しており、そのため途中でプロフィール範囲指定の機能が登場します。

画面に表示されるもの

カスタムテンプレートは 設定(Settings) の PDFテンプレート(PDF templates) 行にあります(サブタイトルは「独自レイアウトを作成・管理」)。この画面には3つのタブがあります。マイテンプレート(Mine) は保存済みのテンプレートを2列のカードグリッドで一覧表示します。ギャラリー(Gallery) には6つのカテゴリに分かれた25種類のスターターレイアウトがあり、開くとエディタに事前入力された状態で開きます。パレット(Palettes) はカスタムカラーセットを作る場所で、パレットガイドで扱っています。ここでは、保存済みテンプレートが使用パレットを記憶しているという点でのみ関係します。

マイテンプレート(Mine) の各カードには、レイアウトから描かれたスキーマ的なサムネイル(実際のPDFレンダリングではなく色の付いたバー)、太字のテンプレート名、そして すべてのプロフィール(All profiles) または 特定のプロフィールに限定(Restricted to specific profiles) のいずれかを示すスコープの行が表示されます。サムネイル隅の白い3点ボタンをタップすると、複製(Duplicate) と 削除(Delete) のメニューが開きます。カードの他の部分をタップするとエディタが開きます。右下の + ボタンで空白のテンプレートを開始できます。リストが空の場合は「カスタムテンプレートはまだありません。+をタップして作成してください」と表示されます。

エディタ自体は1つのスクロールページです。タイトルバーは テンプレート名(Template name) というヒント付きの編集可能な名前フィールドで、その後に3つのコントロール、目のアイコン(プレビュー(Preview))、スライダーのアイコン(スコープとオプション(Scope & options))、保存(Save) ボタンが続きます。バーの下には ヘッダー(Header) の見出しがあり、左(Left)、中央(Center)、右(Right) とラベル付けされた3つの枠があります。その下に「明細テーブル、合計、署名」と書かれたグレーのブロック 本文(固定)(Body (fixed)) があり、続いて フッター(Footer) の見出しと、同じく左・中央・右の行、最後に可用性設定を繰り返すサブタイトルを持つ スコープ(Scope) カードがあります。

配置したすべての要素は、その列内で丸みを帯びたチップとして表示され、名前と小さな3点ボタンが付きます。非表示の要素には目に斜線が入ったアイコンが付きます。各列の末尾には要素カタログを開く + ボタンがあります。

このページで最も重要なのは、何が「ない」かということです。ページサイズの選択肢、余白フィールド、列幅のスライダー、明細テーブル・合計欄・署名欄への操作は一切ありません。本文は常にヘッダー行とフッター行の間に、テンプレート作成時のパレットを使って同じ順序で印刷されます。制御できるのは、その上下にあるものすべてです。

テンプレートを開始する方法

ギャラリーのスターターから始めるか、空白のページから始めるかを選べます。ギャラリー経由の方が早く済みます。レイアウトがすでにまとまっているので、不要な要素を削除・再スタイリングするだけで済むからです。

1. 設定(Settings)を開き、PDFテンプレート(PDF templates)をタップします。
2. ギャラリー(Gallery)タブに切り替え、Minimalのようなカテゴリチップを選びます。パレットの帯をスクロールし、スターターの色を変えたい場合はパレット名をタップします。Defaultのままにすれば各スターター独自のパレットが維持されます。
3. カードをタップします。エディタがスターターのレイアウトを反映した状態で開き、名前は既にタイトルフィールドに入力されています。
4. ゼロから始めるには、代わりにマイテンプレート(Mine)タブのまま+をタップします。空白のエディタは実際には完全に空ではありません。ヘッダーのLeft列にはWide logo、Company name、Address、Phone、Emailが、Right列には太字のInvoice title、Invoice number、Issue date、Due dateが右揃えで、フッターのLeft列にはPayment termsとNotesが入っています。
5. タイトルフィールドの名前を自分の名前に置き換えます。例えばFern & Petal minimalのように。テンプレートは名前なしでは保存できません。

ギャラリーの帯で選んだパレットは新しいテンプレートに書き込まれます。これがカスタムテンプレートのパレットを設定できる唯一のタイミングで、エディタ自体には独自のパレット選択機能はありません。同じレイアウトを別のパレットで使いたい場合は、再度ギャラリーから別のチップを選んで開いてください。

要素を配置してスタイリングする方法

Nadiaのミニマルなページは、空白のスターターからいくつか変更を加えて作られています。ヘッダーからAddressとPhoneを削除し、Websiteを追加、クライアントブロックを日付の下の右列に移動し、フッターにお礼の一文を入れています。

1. 要素を配置したい列の下部にある+をタップします。シートには利用可能なすべての要素が固定順で並びます。Square logo、Wide logo、Company name、Contact name、Address、Phone、Email、Website、Tax IDs、Links、Invoice title、Invoice number、Issue date、Due date、Client block、Client name、Payment terms、Notes、Custom text、Spacer、Dividerです。いずれかをタップすると、その列の末尾に追加されます。
2. 順序を変えるには、チップの3点ボタンをタップして上へ移動(Move up)または下へ移動(Move down)を選びます。先頭のチップにはMove upが、末尾のチップにはMove downがありません。同じメニューに削除(Delete)があります。
3. 要素を別の列に移動するには、削除してからその列の+から追加し直します。ドラッグ&ドロップや、列をまたいだ切り取り&貼り付けはありません。
4. チップの本体をタップすると要素設定(Element settings)が開きます。表示(Visible)をオフにすると、要素は配置されたままPDFには出力されなくなります。
5. フォントサイズ(空欄=デフォルト)(Font size (blank = default))に数字を入力するとデフォルトサイズを上書きでき、空欄のままでも構いません。Weightで標準(Normal)または太字(Bold)、Alignで左(Left)・中央(Center)・右(Right)、Colorでデフォルト(Default)・プライマリ(Primary)・アクセント(Accent)・ミュート(Muted)を選びます。
6. Custom text要素の場合はテキスト(Text)ボックスに文言を入力します(表示できるのは3行まで。長いテキストはスクロールします)。Spacerの場合は高さ(px)(Height (px))を入力します。デフォルトは8です。
7. その要素の変更を保持するには適用(Apply)、破棄するにはキャンセル(Cancel)をタップします。

Nadiaのフッターの一文は、フッターのCenter列に配置された Custom text 要素で、Bold・Center・Accentが選択されています。Accentはパレットのアクセントカラーに解決されるため、彼女のForestパレットではこの一文は緑色で印刷され、別のパレットでテンプレートを作り直せばローズ色や青色になります。

4つのカラー選択肢は固定色ではなくトークンです。デフォルト(Default) は黒、ミュート(Muted) は中間のグレー、プライマリ(Primary) はパレットのヘッダー色、アクセント(Accent) はそのアクセント色を使います。SpacerとDividerにはフォント・太さ・配置・色の制御はありません。スペーサーは高さだけを持ち、区切り線は常に細いグレーの罫線で、わずかな余白が付きます。

Client block はクライアントの名前・住所・メール・電話を1つの列にまとめて表示し、Client name は名前のみを印刷します。Nadiaは日付の下に収まるよう、右揃え・9ポイントでClient blockを使っています。

テンプレートを特定のプロフィールに限定して保存する方法

デフォルトでは、保存されたテンプレートはすべてのビジネスプロフィールで提供されます。Nadiaのウェディング用レイアウトはWeddingsプロフィールでのみ表示させたいため、範囲を制限します。

1. エディタでスライダーのアイコンスコープとオプション(Scope & options)をタップするか、ページ下部のスコープ(Scope)カードをタップします。
2. テンプレートの利用可否(Template availability)シートで特定のプロフィールに限定(Restrict to specific profiles)を選びます。
3. テンプレートを表示させたいプロフィールのチップにチェックを入れます。各ビジネスプロフィールは名前で表示されます。制限をかけない場合はすべてのビジネスプロフィールで利用可能(Available on every business profile)のままにしておきます。
4. 完了(Done)をタップします。Scopeカードのサブタイトルが1件のプロフィールに限定(Restricted to 1 profile(s))など、チェックした件数に応じて変わります。
5. タイトルバーの保存(Save)をタップします。テンプレートが書き込まれている間、ボタンに小さなスピナーが表示され、その後エディタが閉じてカードがマイテンプレート(Mine)タブの先頭に表示されます。

保存前に目のアイコンをタップすると プレビュー(Preview) が開きます。実際のPDFレンダラーで、デフォルトプロフィールのデータを使ってレイアウトを描画し、空のフィールドには「[example: acme.com]」のようなグレーの斜体プレースホルダーが表示されます。パレットの帯もあり、同じレイアウトを他の色で確認できます。この帯は表示専用で、プレビューを閉じてもテンプレートのパレットは変わりません。

カスタムテンプレートを請求書に適用する方法

カスタムテンプレートはグローバル設定ではありません。各請求書が独自の選択を保持し、書類に保存されている組み込みデザインとパレットはその下にそのまま残るため、いつでも元に戻せます。

1. 請求書をエディタで開き、支払いカードを過ぎてテンプレートを選択(Select Template)カードまでスクロールします。
2. その直下にあるカスタムテンプレート(Custom template)カードの展開矢印をタップします。このカードは、その請求書のビジネスプロフィールで利用可能な保存済みテンプレートが1件以上ある場合にのみ表示されます。
3. メニューからテンプレートを名前で選びます。カードのサブタイトルが組み込みテンプレートを使用中(Using built-in template)からテンプレート名に変わり、その上にあるSelect Templateのサブタイトルもカスタムテンプレート(Custom template)に変わります。
4. 請求書を保存します。以降のプレビュー、共有、書き出しはすべてカスタムレンダラーを通ります。
5. 組み込みデザインに戻すには、同じメニューを開いて組み込みを使用(Use built-in)を選びます。以前選んでいたデザインとパレットはそのまま残っています。

Wedding proposalテンプレートがNadiaのメニューに表示されないのは、この請求書がスタジオのプロフィールに属していて、そのテンプレートはWeddingsプロフィールに限定されているためです。ここでは、FP-2026-0218がミニマルテンプレートでレンダリングされています。

ルールと詳細

• テンプレートの作成、開く、複製、保存にはすべてProまたは有効なトライアルが必要です。それ以外の場合はアプリが有料画面を開きます。MineタブとGalleryタブの閲覧は無料で、すでにカスタムテンプレートが割り当てられている請求書はそのままレンダリングされ続けます。
• 名前は必須です。タイトルフィールドが空のまま 保存(Save) をタップすると「テンプレート名が必要です」と表示され、何も書き込まれません。
• ページは常にA4、余白は32ポイントです。アプリ内ではどちらも変更できません。
• 6つの列がキャンバスのすべてです。Header LeftとCenterとRightはそれぞれ均等幅の3列として左揃え・中央揃え・右揃えで印刷され、フッター行も同様です。表示可能な要素がない列は幅の3分の1を占めますが何も印刷せず、行全体が空の場合はその行自体がスキップされます。
• 本文は常に明細テーブル、合計、請求書に署名があれば署名、そして請求書番号・会社名・ページ数を含むページフッターの順に印刷されます。カスタムテンプレートは支払いQRコードや支払いボタン、分割払いスケジュール、遅延損害金の行、早期支払割引の注記は印刷しません。これらは12種類の組み込みデザインの機能です。
• データが空の要素は、実際のPDFでは単に省略されます。ウェブサイトが未登録のプロフィールのWebsite要素は何も印刷せず、スペースも取りません。プレースホルダーが表示されるのはエディタのプレビューだけです。
• 1つの列に配置できる要素数に制限はなく、同じ要素を複数回追加することもできます。
• 並べ替えは1つの列内でのMove upとMove downに限られます。要素をドラッグしたり、列をまたいで移動したりすることはできません。
• フォントサイズが0または空欄の場合は、レンダラーのデフォルトである10ポイントになります。Company nameは適用サイズより4ポイント大きく、Invoice titleは6ポイント大きく大文字で印刷されます。
• テキストのスタイリング(サイズ、太さ、配置、色)はSpacerとDividerでは利用できません。
• パレットはテンプレート作成時(ギャラリーの帯から、または空白テンプレートの場合はOcean)に固定され、後でエディタ内から変更することはできません。Palettesタブのカスタムパレットはギャラリーの帯から選択できるため、カスタムテンプレートを通してのみPDFに反映されます。
• Mineタブの 複製(Duplicate) は、同じレイアウトとスコープで「名前 (copy)」という名前のコピーを作成します。削除(Delete) は確認を求めます。まだ請求書がそのテンプレートを参照している状態で削除しても壊れることはなく、次回のプレビューはその請求書の組み込みデザインに静かにフォールバックします。
• スコープのリンクは保存のたびに書き換えられます。制限付きテンプレートを すべてのビジネスプロフィールで利用可能(Available on every business profile) に戻すと、そのプロフィールリストはクリアされます。
• 請求書画面の 複製(Duplicate) で請求書を複製すると、組み込みデザインとパレットはコピーされますが、カスタムテンプレートはコピーされません。コピーは 組み込みテンプレートを使用中(Using built-in template) の状態で開き、カスタムテンプレートは改めて割り当てる必要があります。
• バックアップにはカスタムテンプレートも含まれ、別の端末で復元すると各請求書は復元されたテンプレートのコピーに再リンクされます。

ヒント

関連ガイド

• PDFテンプレート、カラーパレット、フォント - 12種類の組み込みデザイン、10種類のパレット、カスタムパレットの作成方法について。
• 請求書エディタ - Custom templateピッカーの周りにある他のカードについて。
• ロゴ:スクエア版とワイド版 - Wide logoとSquare logo要素がプロフィールにアップロードしたバリエーションを印刷する仕組みについて。