Canvaのルーラー表示方法とガイド線の使い方

こんにちは、ミンビズ運営のミナトです。
Canvaのルーラーは、編集画面のファイルから定規とガイドを表示するか、Shift+Rで出せます。Canvaでルーラーを出すにはどうすればいいか迷っているなら、まず見る場所はメニューとショートカットです。場所が分かれば、文字や画像のズレをそろえる作業もかなりラクですよ。
あわせて気になるのが、Canvaのルーラーの単位や、スマホ版で同じように使えるのかという点かなと思います。表示できない時やCanvaが真っ白になる時は、操作ミスではなく環境側を確認したほうが早いケースもあります。あなたがレイアウト調整でつまずかないように、基本から確認点までまとめます。
この記事のポイント
- Canvaでルーラーを表示する基本手順
- Shift+Rで素早く出す方法
- ルーラーの単位やスマホ版の注意点
- ガイド線の引き方と表示トラブルの確認点
Canvaのルーラーを表示する方法

この章の主な見出し
- ファイルから表示する手順
- Shift+Rで出す方法
- スマホ版で使えるか
- ルーラーの単位と見方
- 表示できない時の確認点
Canvaのルーラーは、編集画面の上と左に目盛りを出して、文字・画像・図形の位置をそろえやすくする機能です。見た目で「だいたい中央かな」と置くより、ルーラーとガイド線を使ったほうが、ズレに気づきやすくなります。
特に、SNS画像、バナー、資料、印刷物のように、余白や高さをそろえたいデザインではかなり便利です。まずは表示方法、ショートカット、スマホ版での扱い、単位の見方、表示できない時の確認点を順番に押さえていきます。
ファイルから表示する手順

Canvaでルーラーを出す基本手順は、編集画面の上部メニューから操作します。多くの画面では、ファイルを開いて、表示設定の中から定規とガイドを表示する流れです。メニュー名はCanva側の更新で少し変わることがあるため、近い名前の項目もあわせて探すのがコツです。
🧭 表示手順の早見表
| 手順 | 操作する場所 | 見るポイント |
|---|---|---|
| 最初 | Canvaの編集画面 | デザインを開いた状態にする |
| 次 | 上部メニューのファイル | 画面左上付近にあるメニュー |
| 次 | 設定またはページ表示を設定 | 表示関連の項目を探す |
| 次 | 定規とガイドを表示 | チェックを入れる |
| 完了 | 画面上部と左側 | 目盛りが出ればOK |
調べた範囲では、古い解説では「定規を表示」と「ガイドを表示」が別々に説明されているケースもあります。一方で、現在の案内では定規とガイドを表示のように、まとめて扱われる説明も見られます。あなたの画面で文言が少し違っても、表示設定まわりを見れば近い項目が見つかるはずです。
表示できると、編集画面の上側と左側に目盛りが出ます。この状態で、上の定規や左の定規からドラッグすると、ガイド線を引けるようになります。つまり、ルーラーは単体で見るだけでなく、ガイド線を使うための入口として考えると分かりやすいです。
非表示にしたい時も、基本は同じ場所から操作します。もう一度、定規とガイドの表示項目をクリックしてチェックを外せば、画面上のルーラーやガイド線を隠せます。作業中は表示、全体の見た目を確認する時は非表示、という使い分けがしやすいですよ。
Shift+Rで出す方法

Canvaのルーラーは、メニューから出すだけでなく、Shift+Rのショートカットでも表示できます。毎回ファイルメニューを開くのが面倒な時は、このショートカットを覚えておくとかなり時短になります。
⌨️ ショートカット操作の早見表
| やりたいこと | 操作 | 反応 |
|---|---|---|
| ルーラーを表示 | Shift+R | 上と左に目盛りが出る |
| ルーラーを非表示 | もう一度Shift+R | 目盛りが消える |
| 作業中に切り替え | Shift+Rを繰り返す | 表示と非表示を切り替え |
ショートカットは、ルーラーを何度も出し入れする人ほど便利です。たとえば、画像やテキストの位置をそろえる時だけ表示し、デザイン全体の雰囲気を見る時は非表示にする、という使い方ができます。画面がごちゃつくのが苦手な人にも合っています。
反応しない場合は、まずCanvaの編集画面が選択された状態かを見てください。テキスト入力中だったり、ブラウザの別部分にカーソルが当たっていたりすると、ショートカットがうまく効かないことがあります。いったんキャンバスの空いているところをクリックしてから、もう一度試すとよいです。
また、Canvaの画面仕様やショートカットは更新される可能性があります。もしShift+Rで反応しない場合は、ファイルメニューから表示する方法に戻って確認してください。正確な情報は公式サイトをご確認ください、という前提で見ておくと安心です。
スマホ版で使えるか

Canvaのルーラーやガイド線は、調べた範囲ではPC版の編集画面で使う機能として説明されています。スマホ版Canvaでは、同じように定規からガイド線を引く機能が見当たらない、という案内が多くあります。
📱 PC版とスマホ版の違い
| 利用環境 | ルーラー表示 | ガイド線の操作 | 向いている作業 |
|---|---|---|---|
| PC版Canva | 使える説明が多い | 定規からドラッグしやすい | 位置合わせ、余白調整 |
| スマホ版Canva | 使えない可能性が高い | PC版ほど細かく扱いにくい | 簡単な修正、確認 |
| タブレット | 画面やアプリ次第 | 操作感に差が出やすい | 軽い編集、確認 |
スマホでもCanvaの編集自体はできますが、細かい余白合わせや複数素材の整列は、どうしてもPCのほうがやりやすいです。特に、名刺、チラシ、資料、複数ページのデザインでは、最終調整だけでもPCで確認するほうが安心かなと思います。
スマホ版でルーラーが見つからない時に、無理に探し続ける必要はありません。機能がない、またはPC版と表示が違う可能性があるためです。その場合は、スマホでは文字修正や画像差し替えまでにして、配置の調整はPCで行うほうがスムーズです。
どうしてもスマホで整えたい場合は、Canva側の整列機能や配置ガイドのような補助表示を使う方法もあります。ただし、ルーラーで数値を見ながら合わせる作業とは別物です。きっちり整えたいデザインほど、PC版のルーラーを前提にしたほうが迷いにくいですよ。
ルーラーの単位と見方

Canvaのルーラーは、上側と左側に目盛りが表示され、素材の位置を確認するために使います。画面上の見え方としては、Web画像やSNS画像ではピクセル単位の感覚で扱われることが多く、印刷系のデザインではミリやセンチの感覚が重要になります。
📏 単位の見方と使い分け
| 作るもの | 意識したい単位 | 見るポイント |
|---|---|---|
| SNS画像 | ピクセル | 画像や文字の位置、余白 |
| バナー | ピクセル | 左右中央、上下のズレ |
| チラシや名刺 | mm・cmの感覚 | 余白、裁断位置、見切れ |
| 複数ページ資料 | 同じ位置の再現 | ページごとの高さや左位置 |
ここで大事なのは、ルーラーだけで完璧に測ろうとしすぎないことです。Canvaでは、選択した素材の位置やサイズを画面上で調整できる場合もあります。ルーラーは目安を見ながら配置をそろえる道具として使うと、かなり扱いやすくなります。
印刷物を作る場合は、ルーラーで見た位置だけで判断せず、印刷会社が示す安全な余白や入稿ルールも確認してください。たとえば、文字を端に寄せすぎると、仕上がりで見切れる可能性があります。これはCanvaの問題というより、印刷物全般で気をつけたいポイントです。
複数ページの資料を作る時は、ルーラーとガイド線の組み合わせが便利です。1ページ目でタイトル位置、本文開始位置、画像の左端などを決めておくと、次のページでも同じ位置にそろえやすくなります。同じ数字・同じ線に合わせるという意識を持つだけで、見た目の統一感が出ます。
表示できない時の確認点

Canvaのルーラーが表示できない時は、まず操作場所を見直します。ファイルメニューの中にある表示設定を開き、定規とガイドに関する項目がオンになっているか確認してください。古い解説を見ている場合、メニュー名が今の画面と違っていることもあります。
🔎 表示できない時の確認リスト
- ✅ Canvaの編集画面を開いているか確認する
- ✅ ファイル内の表示設定を見直す
- ✅ Shift+Rで切り替わるか試す
- ✅ ブラウザを更新して再読み込みする
- ✅ 別ブラウザやデスクトップアプリも検討する
- ✅ スマホ版ではなくPC版で確認する
Canvaが真っ白になる、画面がうまく読み込まれない、メニューが表示されない場合は、ルーラー以前に環境側の問題かもしれません。Canvaの案内では、古いブラウザや未対応の環境では利用に支障が出る場合があるとされています。Chrome、Firefox、Safari、Edgeなど、対応しているブラウザの新しいバージョンで確認するとよいです。
🧯 トラブル別の見直しポイント
| 状況 | 見直すところ | 次に試すこと |
|---|---|---|
| ルーラー項目が見つからない | メニュー名の違い | 設定やページ表示を確認 |
| Shift+Rが効かない | 画面の選択状態 | キャンバスをクリックして再実行 |
| スマホで出ない | 利用環境 | PC版で確認 |
| 画面が真っ白 | ブラウザや通信 | 更新、再読み込み、別ブラウザ |
| サポート外表示が出る | ブラウザの古さ | 最新版やアプリを確認 |
それでも表示できない時は、Canva側の一時的な不具合や、アカウント・デザイン・ブラウザ拡張機能の影響も考えられます。まずは別のデザインを開く、シークレットウィンドウで試す、拡張機能を一時的に止めるなど、原因を切り分けると判断しやすいです。
作業を急いでいる場合は、いったんルーラーなしで進めるより、表示できる環境を整えるほうが結果的に早いこともあります。特に、仕事用の画像や資料でズレを減らしたいなら、PC版Canvaでルーラーとガイド線を使える状態にしてから調整するのがおすすめです。
Canvaのルーラーとガイド活用

この章の主な見出し
- ガイド線を引く手順
- ガイド線を動かす方法
- ガイド線を削除する方法
- ガイドをロックする確認点
- Canvaが真っ白な時の確認点
- Canvaのルーラーまとめ
Canvaのルーラーは、表示しただけで終わりではなく、ガイド線とセットで使うとかなり便利です。ガイド線は、文字や画像をそろえるための目印になる線で、デザインの余白や高さを整える時に役立ちます。
ここでは、ガイド線の引き方、動かし方、削除方法、ロックの確認、画面が真っ白になる時の見直しポイントまで整理します。仕事用の資料や副業用のバナーを作る時にも、ズレを減らしやすくなりますよ。
ガイド線を引く手順

ガイド線を引くには、先にCanvaのルーラーを表示しておきます。上と左に定規が出ている状態で、定規部分からキャンバス側へドラッグすると、縦または横のガイド線を置けます。難しい設定はなく、マウス操作だけで作れるのがポイントです。
🧭 ガイド線を引く操作の早見表
| 引きたい線 | 操作する場所 | ドラッグ方向 | 使いどころ |
|---|---|---|---|
| 縦のガイド線 | 左側のルーラー | 右へドラッグ | 左右位置、余白、列の基準 |
| 横のガイド線 | 上側のルーラー | 下へドラッグ | 高さ、見出し位置、画像位置 |
| 複数の線 | ルーラーを再度ドラッグ | 必要な方向へ移動 | 複数列、余白、中央合わせ |
たとえば、左端から同じ余白で文字を始めたい時は、左のルーラーから縦ガイドを引きます。見出しの高さをそろえたい時は、上のルーラーから横ガイドを引くと分かりやすいです。縦は左右の基準、横は上下の基準と考えると迷いにくいかなと思います。
ガイド線は、1本だけでなく複数本置けます。左右の余白、中央線、タイトル位置、本文開始位置のように、目的ごとに線を置くと、レイアウト全体を整えやすくなります。特に複数ページの資料では、各ページで同じ位置に素材を置きたい時に便利です。
ただし、ガイド線を増やしすぎると画面が見づらくなります。最初は、左余白・右余白・見出し位置など、本当にそろえたい場所だけに絞るのがおすすめです。慣れてきたら、画像の端や中央位置にもガイドを追加すると作業しやすくなります。
ガイド線を動かす方法

置いたガイド線は、あとから動かせます。ガイド線の上にカーソルを合わせ、ドラッグして好きな位置に移動するだけです。縦のガイド線なら左右へ、横のガイド線なら上下へ動かすイメージです。
🛠️ ガイド線の調整ポイント
| 調整したい内容 | 動かす線 | 見るポイント |
|---|---|---|
| 文字の左端をそろえる | 縦のガイド線 | テキストボックスの左側 |
| 画像の高さをそろえる | 横のガイド線 | 画像の上端または下端 |
| 余白をそろえる | 縦・横のガイド線 | キャンバス端からの距離 |
| 複数ページを統一する | 同じ位置のガイド線 | ページごとのズレ |
ガイド線を動かす時は、いきなり細かく合わせようとしなくても大丈夫です。まず大まかな位置に置き、文字や画像を並べながら少しずつ調整すると、作業しやすくなります。素材を動かすたびにガイドへ吸い付くようにそろう場合もあり、ズレに気づきやすくなります。
仕事用の資料やバナーでは、見た目の整い方が読みやすさに直結します。タイトルの高さ、本文の開始位置、画像の横幅がバラバラだと、内容が良くても少し雑に見えやすいです。ガイド線を動かしながら基準を作ることで、見た目の信頼感を上げやすくなります。
一方で、ガイド線そのものを動かしすぎると、最初に決めた基準が分からなくなることもあります。重要な線はむやみに触らず、調整用の線と基準用の線を分けて考えると安心です。慣れないうちは、ガイド線の本数を少なめにして管理するといいですよ。
ガイド線を削除する方法

不要になったガイド線は、定規の位置までドラッグすると削除できます。縦のガイド線なら左側のルーラーへ戻す、横のガイド線なら上側のルーラーへ戻す、という流れです。置く時と逆の操作だと考えると分かりやすいです。
🗑️ 削除と非表示の違い
| 操作 | 何が起きるか | 向いている場面 |
|---|---|---|
| ガイド線を削除 | 線そのものを消す | もう使わない線を整理したい時 |
| ルーラーを非表示 | 画面上から隠す | 完成イメージを確認したい時 |
| 再表示 | 隠した線をまた見せる | 作業に戻りたい時 |
| 削除後に必要になる | 再度引き直す | 位置を作り直す時 |
ここで大事なのは、削除と非表示は別物という点です。非表示は、作業用の線をいったん隠すだけです。削除は、そのガイド線自体を消す操作なので、後から同じ線を使いたい場合はもう一度引き直す必要があります。
デザインの途中では、削除より非表示を使ったほうが安心な場面もあります。たとえば、仕上がりの見た目だけ確認したい時は、ルーラーやガイドを非表示にすれば十分です。ガイド線を消してしまうと、再調整の時にまた位置を作る手間が出ます。
一方で、作業が進んで不要な線が増えてきたら、削除して整理したほうが画面は見やすくなります。目安としては、まだ使う線は非表示、もう使わない線は削除です。この分け方だけ覚えておくと、迷いにくいですよ。
ガイドをロックする確認点

Canvaのガイド線は、作業中にうっかり触ると動いてしまうことがあります。そのため、画面内にガイドをロックのような項目がある場合は、必要に応じてオンにしておくと安心です。調べた範囲では、ファイル内の設定からガイドのロックを行う説明があります。
🔒 ガイドロック確認表
| 状況 | 確認する場所 | 考え方 |
|---|---|---|
| ロック項目がある | ファイル内の設定 | チェックを入れて固定する |
| ロック項目が見つからない | 表示設定まわり | 画面仕様が変わっている可能性 |
| ガイドが動いてしまう | ガイド線付近の操作 | 素材だけを選ぶように注意 |
| 複数人で編集する | 共有前の設定 | 位置ズレ防止を意識する |
ただし、Canvaは画面仕様が変わることがあります。古い案内ではロック項目がある一方で、別の解説ではロック機能が見当たらないとされる説明もあります。あなたの画面に表示されている項目を優先して確認してください。
ロック項目がない場合は、無理に探し続けるより、作業手順でカバーするほうが早いです。たとえば、ガイド線を引いた後に不要なドラッグ操作を減らす、素材を選ぶ時にガイド線の近くを避ける、仕上げ確認の時はガイドを非表示にする、といった方法です。
共同編集する場合は、ガイド線が動くと全体の基準がズレることがあります。共有前に、どの線が余白用で、どの線が見出し位置なのかを簡単に伝えておくと安心です。正確な情報は公式サイトをご確認ください、という前提で、今の画面にある設定を見ながら進めるのが現実的です。
Canvaが真っ白な時の確認点

Canvaが真っ白になる時は、ルーラーやガイド線の設定以前に、画面の読み込みやブラウザ環境でつまずいている可能性があります。まずはページを再読み込みし、しばらく待っても表示されないか確認してください。
🧯 真っ白な時の見直し表
| 症状 | 確認すること | 試したい対応 |
|---|---|---|
| 画面全体が白い | 読み込み状態 | 再読み込みする |
| 一部だけ表示されない | 通信やブラウザ | 別ブラウザで開く |
| サポート外表示が出る | ブラウザの古さ | 最新版に更新する |
| 何度も固まる | 拡張機能やキャッシュ | 一時停止や削除を試す |
| スマホで崩れる | 利用環境 | PC版で確認する |
Canva側の案内では、古いブラウザやサポート外の環境だと、利用を続けるためにブラウザ更新やデスクトップアプリの利用を促される場合があります。Chrome、Firefox、Safari、Edgeなど、一般的に対応しやすいブラウザで確認するとよいです。
ブラウザ拡張機能が影響することもあります。広告ブロック、翻訳、セキュリティ系の拡張機能が画面表示に干渉している場合は、シークレットウィンドウや別ブラウザで開くと切り分けやすいです。ここは少し面倒ですが、原因を分けて見ると早いですよ。
作業中のデザインだけが開かない場合は、別のデザインを開いてみるのも手です。別デザインが開くなら、そのファイルだけが重い、または一時的に読み込みに失敗している可能性があります。どの画面でも真っ白なら、通信環境やブラウザ側を優先して見直しましょう。
Canvaのルーラーまとめ

Canvaのルーラーは、デザインの見た目を整えるための基本機能です。単に目盛りを見るだけでなく、ガイド線を引いて、文字・画像・図形の位置をそろえるところまで使うと効果が出ます。
🧩 Canvaのルーラー要点整理
-
✅ ルーラーはファイル内の表示設定から出す
Canvaの編集画面で、定規とガイドを表示する設定を探します。Shift+Rでも切り替えられる場合があります。 -
✅ ガイド線はルーラーからドラッグして引く
左のルーラーから縦線、上のルーラーから横線を作れます。余白や高さをそろえたい時に便利です。 -
✅ 削除と非表示は分けて考える
もう使わない線は削除、あとで使う可能性がある線は非表示にすると作業しやすいです。 -
✅ スマホよりPC版のほうが調整しやすい
細かいレイアウト調整や複数ページの統一には、PC版Canvaのほうが向いています。 -
✅ 表示トラブルは環境も確認する
Canvaが真っ白な時は、ブラウザ更新、再読み込み、別ブラウザ、PC版での確認を試すと原因を切り分けやすいです。
私としては、Canvaのルーラーは「きれいに見せるための補助線」として使うのが一番分かりやすいかなと思います。デザインに慣れていないうちは、感覚だけで配置すると少しずつズレが出やすいです。ルーラーとガイド線を使えば、そのズレを見つけやすくなります。
仕事用の資料、副業のバナー、SNS投稿、印刷物など、見た目の整い方が印象に関わる場面では、ルーラーを使う価値があります。まずは1本だけガイド線を引いて、文字の左端や画像の高さをそろえるところから始めると、無理なく使いこなせますよ。
記事作成にあたり参考にさせて頂いたサイト- このクライアントはサポートされていません – Canva
- 定規表示とガイド線の出し方|ご利用ガイド
- 【Canva】「定規・ガイド」の使い方 | hirokiblog
- Reddit – Please wait for verification
- Canvaã§ã«ã¼ã©ã¼ã使ããæ¹æ³ â ç°¡åãªãã¶ã¤ã³ã®ãã³ã
- Canvaでのレイアウトは「ガイド線」が決め手! 便利な機能と活用法を紹介|お役立ち記事
- 中身からデザインまでひとりでZINEを作った方法と、気がついた注意点を紹介してみる。|みきてぃ(福島未貴)¦ライター・カメラマン・作家
- Canvaの定規機能の使い方とは? 素材をバランスよく配置して、すっきり美しく!|お役立ち記事
- Unsupported client
- Canvaでのグリッド線の出し方と消し方|スマホ対応も解説 | 生き方・働き方・日本デザイン
各サイト運営者様へ
有益な情報をご公開いただき、誠にありがとうございます。
感謝の意を込め、このリンクはSEO効果がある形で設置させていただいております。
※リンクには nofollow 属性を付与しておりませんので、一定のSEO効果が見込まれるなど、サイト運営者様にとってもメリットとなれば幸いです。
当サイトは、インターネット上に散在する有益な情報を収集し、要約・編集してわかりやすくお届けすることを目的としたメディアです。
引用や参照の方法に不備、あるいはご不快に感じられる点がございましたら、お問い合わせフォームよりご連絡ください。
今後とも、どうぞよろしくお願いいたします。
各サイト運営者様へ
有益な情報をご公開いただき、誠にありがとうございます。
感謝の意を込め、このリンクはSEO効果がある形で設置させていただいております。
※リンクには nofollow 属性を付与しておりませんので、一定のSEO効果が見込まれるなど、サイト運営者様にとってもメリットとなれば幸いです。
当サイトは、インターネット上に散在する有益な情報を収集し、要約・編集してわかりやすくお届けすることを目的としたメディアです。
引用や参照の方法に不備、あるいはご不快に感じられる点がございましたら、お問い合わせフォームよりご連絡ください。
今後とも、どうぞよろしくお願いいたします。


