記事にレンジやポーカーテーブルを埋め込む方法
作成済みのレンジやポーカーテーブルを記事へ差し込み、プレビューで確認するまでの流れを整理します。
埋め込みの入口が分かるレンジとテーブルの差し込み方をイメージできるプレビューで確認すべき点が分かる
どんな時に埋め込むか
レンジやポーカーテーブルは、局面説明を文章だけで済ませにくい時に効果を発揮します。本文の流れを補強する素材として使う考え方が基本です。
- レンジはハンド分布を見せたい時に使う
- テーブルは状況や進行を見せたい時に使う
- 文章と埋め込みを補完関係で考える
ここに「埋め込み前の本文構成が分かる画面」部分が映るスクショを貼り付け
実スクリーンショット取得後、この仮枠を差し替える
ここに「埋め込みを使う場面の例」部分が映るスクショを貼り付け
実スクリーンショット取得後、この仮枠を差し替える
レンジを埋め込む
記事エディタ内の埋め込み導線から、保存済みレンジを差し込みます。埋め込み後は、本文との位置関係や前後の説明も一緒に確認します。
- 埋め込み導線を開く
- 保存済みレンジを選ぶ
- 本文の流れの中で位置を調整する
ここに「レンジ埋め込み導線が分かる画面」部分が映るスクショを貼り付け
実スクリーンショット取得後、この仮枠を差し替える
ここに「レンジを差し込んだ本文画面」部分が映るスクショを貼り付け
実スクリーンショット取得後、この仮枠を差し替える
ポーカーテーブルを埋め込む
ポーカーテーブルも同様に、保存済みのものを記事へ差し込みます。レンジよりも状況説明寄りなので、前後の文章で何を見せたいかをはっきりさせると伝わりやすくなります。
- 保存済みポーカーテーブルを選ぶ
- 前後の文章とセットで配置する
- レンジとの役割差を意識する
ここに「ポーカーテーブル埋め込み導線が分かる画面」部分が映るスクショを貼り付け
実スクリーンショット取得後、この仮枠を差し替える
ここに「ポーカーテーブルを差し込んだ本文画面」部分が映るスクショを貼り付け
実スクリーンショット取得後、この仮枠を差し替える
プレビューで確認する
埋め込み要素は、編集画面だけでなくプレビューでも確認します。サイズ感、前後の文章とのつながり、読み手の視線の流れを見ておくと公開後の違和感を減らせます。
- プレビューでサイズ感を確認する
- 前後の文章とのつながりを見る
- 必要なら本文側に戻って位置を直す
ここに「埋め込みを含むプレビュー画面」部分が映るスクショを貼り付け
実スクリーンショット取得後、この仮枠を差し替える