GRIDSLIDEの使い方
原稿を貼るだけで、デザインの整ったスライドが作れます。作ったスライドは、ブログにそのまま貼ってめくってもらえます。
できること
マス目に流しこむだけ
3×2のマス目にカードを入れていく形なので、デザインを考えなくても整います。
生成AIと相性がいい
専用の指示文をコピーしてAIに渡せば、そのまま読みこめる原稿が返ってきます。
ブログに貼れる
公開用HTMLをコピーして貼るだけ。WordPressならカスタムHTMLブロック1つで動きます。
スマホでも読みやすい
スワイプでめくれて、小さな文字は虫眼鏡ボタンでマスごとに大きく表示できます。
使い方
AI用プロンプトをコピーする
「AI用プロンプトをコピー」を押して、ChatGPTやClaudeなどに貼ります。テーマと枚数を書きこむのを忘れずに。
返ってきた原稿を貼る
AIの原稿を「原稿」の欄に貼ると、右側にスライドが表示されます。文字を直すと、すぐに反映されます。
チェックと画像を確認する
「原稿のチェック」に出たお知らせを見て直します。画像のマスがあれば、画像を選ぶかURLで指定します。
公開用HTMLを作ってコピー
「公開用HTMLを作る」を押して、「コピー」します。テキストで保存しておくこともできます。
ブログに貼る
WordPressなら、記事に「カスタムHTML」ブロックを置いて貼るだけ。公開すれば、読者がスライドをめくって読めます。
画面のイメージ
原稿
原稿の欄。AIの原稿を貼ったり、文字を直したりします。下には画像の欄と原稿のチェックがあります。
スライドの表示。上にステップ、その下にタイトル、マス目にカードが並びます。
めくる操作。ボタンのほか、←→キーやスライドの左右クリック、スマホならスワイプでもめくれます。
スライドの表示の下には「公開用HTML」の欄があり、ここでブログに貼るコードを作ります。
原稿の書き方のきほん
フリー版で使えるレイアウトは次の6つです。数字はマスの番号です。
6分割
上段連結＋下3枚
上3枚＋下段連結
大きな図＋右2枚
上下2段
全面
PRO版で増える型とレイアウト
PRO版では、次の12のレイアウトと8つの型が加わります。4×2は1マスが小さいので、文字は少なめにするときれいに収まります。
左縦連結＋2×2
右縦連結＋2×2
左2枚＋大きな図
互い違い
縦3列
4×2 8分割
4×2 上4枚＋下段連結
4×2 上段連結＋下4枚
4×2 縦4列
4×2 大きな図＋右4枚
4×2 左右2分割
4×2 上下2分割
アイコンカード
アイコン＋見出し＋本文。アイコンは30種類から名前で選びます
チェックリスト
「項目:」の次の行から「- 」で3〜5個並べます
NG／OKカード
判定にNGかOKを書くと、×と○で色分けされます
吹き出し
話者とセリフ。人が語りかける形で伝えます
丸図解
丸を / で区切って2〜3個。アイコンも付けられます
ベン図
円を2〜3個と、重なりの言葉。2マス以上に入れます
簡易表
「| 列1 | 列2 |」の形で2〜4列。2マス以上に入れます
メッセージ強調
いちばん伝えたい一文を大きく見せます
デッキに「テーマ:」（シンプル・やわらか・ビジネス・ポップ・ダーク）と「アクセント:」を書くと、見た目ががらりと変わります。つなぎ記号は → のほか、＝（結果）・＋（組み合わせ）・⇔（対比）・＞＜（大小）が使えます。画像には「重ね文字:」で言葉を乗せられます。
PREMIUM版でできること
自由連結
「レイアウト: 自由」と書き、マスを [A1-B2] のように座標で指定します。長方形ならどこでも連結できます。
自分のレイアウト
自由連結で作った配置に名前を付けて保存すると、次から「レイアウト: 名前」で呼び出せます。
グラフ
棒・円・折れ線の3種類。「- ラベル = 数値」を並べるだけで描けます。
階段図とピラミッド
成長の段階や優先順位を、段を並べるだけで図にします。
マトリクス
縦軸と横軸、4つの象限を書くと、2軸の図になります。右上が強調されます。
テーマとロゴ
ノート・ミニマルを加えた全7テーマ。好きな色をカラーコードで指定し、ロゴも表示できます。
JPG・PDFで書き出し
1920×1080のJPGをまとめてZIPで、または全スライドを1つのPDFで保存できます。
クレジットなし
スライドにも公開用HTMLにも、GRIDSLIDEのクレジットが入りません。
JPGやPDFにするとき、URLで指定した画像は相手のサイトの設定によって読み込めないことがあります。そのときは画像をアップロードして入れ直すと、確実に書き出せます。
ヒントと注意
目立たせたい情報は「枠: あり」、いちばん大事な1つは「枠: 強調」。それを説明するマスは枠を付けないと、主役がひと目で分かります。
WordPressのメディアに上げた画像は「URLで指定」がおすすめです。公開用HTMLが軽くなり、原稿を保存したときに画像の指定も残ります。
原稿と画像は、いま使っているブラウザだけに自動保存されます。別のパソコンで続けたいときは「原稿を保存」でファイルにしておきましょう。アップロードした画像はファイルに入らないので、URLで指定しておくと安心です。
よくある質問
WordPress以外のサイトにも貼れますか？
はい。HTMLを貼れる場所なら使えます。テーマのデザインに影響されない作りなので、どんなサイトでも同じ見た目で表示されます。
1つの記事に何枚も貼れますか？
貼れます。それぞれ独立して動くので、記事の中で章ごとにスライドを置くこともできます。
「PRO版で使えます」と表示されました
原稿の中に、上位版で使える型やレイアウトが入っています。フリー版の型に書きかえるか、PRO版を使ってください。公開用HTMLでは、そのマスは空欄になります。
文字に「！」マークが付きました
文字数が目安を超えています。表示はされますが、マスからはみ出すことがあります。短く言い切ると、ぐっと読みやすくなります。
URLで指定した画像が表示されません
URLが公開されている画像かを確かめてください。下書きや非公開の場所にある画像は、読者には表示されません。https:// で始まるURLがおすすめです。
料金はかかりますか？
フリー版・プロ版は無料で使えます。スライドの下に「Made with GRIDSLIDE」のクレジットが入ります。
もっと表現を広げたいときは
いま使っている版・だれでも無料
メール登録で使えるいま使っている版