こんにちは。mado.です。
私は、スクエアのクレジット決済システムを使っているのですが、請求書決済のマニュアルをcraftで作成しました。
ここでスクエアってなに?という疑問が出てきた方は今度記事にするのでとりあえずググってみてください。
11/21スクエアの請求書決済のやり方について書きました
![](https://blog-garden.com/wp-content/uploads/2021/11/IMG_5152-300x169.jpg)
craftでマニュアルをつくった理由
マニュアルをつくったのは、関わっている団体様の決済方法でクレジットカード決済を入れることになり、私が使っているスクエアをご紹介したのが始まりです。
マニュアルがあれば、団体に所属されている方全員が決済する際困ったときに見られると思い、つくりました。
PDFなどで共有しても良いのですが、せっかくcraftを使っているのでリンクをつくって共有しようと思ったのです。
こんな風に、共有したいものはcraftを使って共有ができるので便利ですよね。
craftでわかりやすいマニュアル作りの方法
それでは、早速つくり方を解説していきます。
マニュアルで意識することは、誰が読んでもわかるように作成することです。
画像や文字の装飾を適度に行いながら作成していきます。
手順に見出しをつける
![](https://blog-garden.com/wp-content/uploads/2021/11/IMG_5001-1024x696.jpg)
テキストを入力して選択
![](https://blog-garden.com/wp-content/uploads/2021/11/IMG_5002-1024x686.jpg)
スタイル
↓
「見出し」+「フォーカス」
![](https://blog-garden.com/wp-content/uploads/2021/08/IMG_2500-300x171.jpg)
画像を入れる
![](https://blog-garden.com/wp-content/uploads/2021/11/IMG_5003-1024x715.jpg)
テキストだけではわかりづらいので、画像を入れます。
![](https://blog-garden.com/wp-content/uploads/2021/11/IMG_5005-1024x696.jpg)
画面下「+」
↓
ライブラリ
画像を挿入
![](https://blog-garden.com/wp-content/uploads/2021/11/IMG_5008-1024x692.jpg)
画像は見えやすいように設定します。
イメージフィット | 合わせる |
画像サイズ | 大 |
説明文で大事なところは装飾
![](https://blog-garden.com/wp-content/uploads/2021/11/IMG_5006-1024x715.jpg)
テキストに装飾をします。
![](https://blog-garden.com/wp-content/uploads/2021/11/IMG_5011-1024x696.jpg)
装飾したい文を選択
太字にしたりマーカーを使って大事なところは装飾しましょう。
![](https://blog-garden.com/wp-content/uploads/2021/11/IMG_5012-1024x694.jpg)
マーカーや文字色は種類があるので好きな色に変えましょう。
次の工程にいくときはラインを引く
![](https://blog-garden.com/wp-content/uploads/2021/11/IMG_5013-1024x715.jpg)
ラインは「-」×3です。
![](https://blog-garden.com/wp-content/uploads/2021/11/IMG_5014-1024x715.jpg)
ラインの種類を変更するときは、ラインを選択
↓
スタイル
↓
任意のラインを選択
![](https://blog-garden.com/wp-content/uploads/2022/01/pin_craft-for-web-300x169.jpg)
大事なところや補足はブロックを使う
![](https://blog-garden.com/wp-content/uploads/2021/11/IMG_5016-1024x697.jpg)
テキストを選択
![](https://blog-garden.com/wp-content/uploads/2021/11/IMG_5018-1024x690.jpg)
スタイル
↓
ブロック
↓
色を変更するときはブロックの隣カラーアイコンから
関連したページを途中に入れたいときはカードを使う
![](https://blog-garden.com/wp-content/uploads/2021/11/IMG_5021-1024x715.jpg)
ページやグループになっているブロックを選択
![](https://blog-garden.com/wp-content/uploads/2021/11/IMG_5022-1024x693.jpg)
スタイル
↓
もっと…
↓
カード
好きな形のカードを選択
ブログで内部リンクを貼るみたいなイメージです!
トグルリストを使ってわかりやすく
![](https://blog-garden.com/wp-content/uploads/2021/11/IMG_5023-1024x695.jpg)
Notionではトグルリストと言いますがcraftではなんというのでしょう…
この▼のリストを使って、テキストのグループをわかりやすくしてもいいと思います。
テキストを選択
↓
スタイル
↓
▶︎アイコン
こんな感じのマニュアルが出来上がります
共有リンクをつくる
最後に共有リンクをつくります。
![](https://blog-garden.com/wp-content/uploads/2021/11/IMG_5024-1024x696.jpg)
3つ丸アイコン
↓
共有とエクスポート
![](https://blog-garden.com/wp-content/uploads/2021/11/IMG_5027-1024x699.jpg)
共有シークレットリンク
URLをコピーして共有したい人に送りましょう。
まとめ
こんな感じでつくっていくとわかりやすいマニュアルができます。
ぜひいろいろなマニュアルをつくってみてください!
▼craft関連の記事▼
![](https://blog-garden.com/wp-content/uploads/2021/10/IMG_4117-300x169.jpg)
![](https://blog-garden.com/wp-content/uploads/2021/10/IMG_4249-300x169.jpg)
![](https://blog-garden.com/wp-content/uploads/2022/02/My-project-11-300x169.jpg)
コメント