ヘルプセンターをご利用いただき、ありがとうございます。現在英語のページが混在しております。ご不便をおかけしますが、翻訳完了まで今しばらくお待ちください。

コンテンツのカスタマイズや書式設定

Making your pages beautiful
この記事の内容

Notionでは、ブランドやチーム、スタイルなどのお好みに応じて、表示を自在にカスタマイズできます。Notionには、ページやワークスペースをカスタマイズするための各種機能が用意されているため、美しいページを簡単にデザインすることが可能です。🎨

よくあるご質問(FAQ)に移動

Notionは他の文書作成ソフトと同様に、文字の書式設定メニューが豊富に用意されています。
書式設定メニューを表示するには、まず対象の文字列を選択します。

太字cmd/ctrl + b や打消し線の cmd/ctrl + shift + s などの一般的なショートカットはもちろん、Notionオリジナルで以下のショートカットが利用可能です ✂️

  • cmd/ctrl + e:インラインコード形式に変更

  • cmd/ctrl shift + m:コメントの追加

  • @: ワークスペース内のページやユーザをメンション

マークダウン

Notionでは、デスクトップ版、ウェブ版、モバイル版共通でマークダウン形式の書式設定が利用可能です。代表的なショートカットを以下に記載します。

文中では:

  • 文字列を ** で囲む:太字

  • 文字列を *で囲む:イタリック(Alphabetのみ対応)

  • 文字列を ` で囲む:インラインコード` は英語配列キーボードで数字の1の左側にあるキー、日本語配列キーボードでは半角英数モードで shift + @、全角モードなら同様の入力後に変換で半角を選択)

  • 文字列を ~ で囲む:取り消し線

文頭では:

  • *-+スペース :箇条書きの「・」をつける

  • [] :チェックボックスを作る (カッコの間にスペースは不要)

  • 1.スペース :段落番号をつける

  • #スペース :H1見出しを作る

  • ##スペース :H2小見出しを作る

  • ### スペース :H3小見出しを作る

  • > スペース :トグルリストを作る

  • "スペース :引用のセクションを作る

備考: Notionのキーボードショートカット一覧はこちら

  • お好みに応じて、ページごとにフォントを3種類から選ぶことができます 😙 ページ右上の ••• から デフォルトSerifMonoのいずれかを選択可能で、ページ内のすべてのテキストが選択したフォントで表示されるようになります。

  • 同じ ••• メニューから フォントを縮小 することも可能です。このトグルをオンに設定すると、ページ全体の文字サイズを小さくすることができます。コンテンツを多く表示させたい場合や、小さい文字がお好みの場合にご利用ください ✨

文字色を変更したり、ハイライトを利用すればページを華やかにできます。色は複数から選択可能で、色の適用方法もいくつかあります。

  • 太字やイタリック、コメント追加などに用いるのと同じ書式設定メニューから、文字色の変更が可能です。対象の文字列をハイライトし、Aのドロップダウンからお好みの色を選択します。

  • 対象のブロック全体の文字色を変更することもできます。最も簡単なのは文中で / を入力し、その後ろに適用したい色を入力する方法です。(例: /red )

  • ブロックの中の任意の場所で cmd/ctrl + /カラー → 色を選択して enter キーでも同様にブロック全体の文字色を変更できます。

ヒント:ショートカット cmd/ctrl + shift + h で、最後に使った色を適用することが可能です。

ページ幅の設定

ページ右上の••• から 左右の余白を縮小 をオンに設定にすれば、ページコンテンツの幅を広げて余白を狭く設定することができます。(データベース形式以外のページで設定可能です)

バックリンクとページコメントの設定

Notionページの上部には必ずバックリンクとページコメントが表示できるようになっています。

  • バックリンクはそのページへのリンクを張っているすべてのページの一覧で、相互のページを行き来しやすくするための機能です。

  • ページコメントでは、他のユーザーとディスカッションしたり、ユーザーをメンションして質疑応答やフィードバックのやり取りをしたりできます。

Notionの他の項目と同様に、これらも表示方法をカスタマイズ可能になっています。設定方法は以下の通りです。

  • ページ右上の ••• ボタンから ページをカスタマイズ をクリックします。

  • クリックすると、メニュー画面がポップアップします。

  • バックリンクの表示方法は以下の3つから選択可能です。

    • 常に表示: 現在のページへリンクを張っているページの一覧を常に表示します。

    • クリックして展開: 常にすべてのページの一覧が表示されている必要がない場合、これを選択すると通常時はバックリンクの件数のみが表示され、クリックすると全件表示されます。

    • 非表示: バックリンクが表示されなくなります。

  • ページコメントの表示方法は以下の2つから選択可能です。

    • 常に表示: すべてのコメントをページ上部に表示します。

    • 非表示: ページコメントが表示されなくなります。

コールアウト形式のブロックは、特定のテキストをハイライトして目立たせるのに便利です。注意事項やまめ知識的なメモなどに活用できます。以下は一例です。

絵文字アイコンやブロックの色はお好みで変更いただけます。デフォルトはご自身が最後に利用したものです。

コールアウトの追加

  • 新しい行の左側で + マークをクリックし、表示されるメニューから コールアウト を選択します。

  • /callenter キーでも同様です。

  • ブロックの左側の ⋮⋮ でページ内のお好みの場所へドラッグアンドドロップでき、カラムに分けることもできます。

コールアウトの書式設定

  • コールアウトブロックには必ずアイコンがつきます。アイコンをクリックすればお好きなアイコンへ変更できます。

  • お手持ちのアイコン画像(280 x 280ピクセル推奨)をアップロードしたり、画像へのリンクを張り付けてアイコンにすることも可能です。

  • アイコンメニューの ランダム ボタンを押すとランダムにアイコンが選択されます。

  • コールアウトブロック全体の背景色や文字色は、ブロック左側の ⋮⋮ アイコンから変更できます。

  • 表示されるメニューの カラー からお好きな背景色を選択すると、ブロック全体の色が変更されます。デフォルト を選択すると、グレーの枠線に白の背景色になります。

  • 黒以外の文字色を選択しても同様に、グレーの枠線に白の背景色になります。

  • cmd/ctrl + / で色を選択する方法でも文字色・背景色の変更が可能です。

アイコンは、ページの特性に関わらず全てのページに対して個別に設定することができます。アイコンには既定の絵文字、またはご自身でアップロードした画像(ロゴデータ等)を設定可能です。アイコンはページの最上部に加えてサイドバー内にも表示されるため、よく使うページにアイコンをつけておけば探しやすくなります。

アイコンの設定方法:

  • ページ上部にカーソルを持っていき、 アイコンを追加 ボタンをクリックします。

  • サイドバーでアイコン部分をクリックします。

  • いずれの方法でも、絵文字の選択、画像アップロード、ウェブ上で参照したい画像のURLをペーストするメニューが表示されます。

  • また、ランダム ボタンでランダムな絵文字を設定することもできます。😉

  • アイコンを削除するには、アイコンをクリックして 削除 ボタンを押します。

  • 備考:アイコン画像のサイズ目安は280 x 280 ピクセルです。

ヒント: サイドバーからもアイコン変更が可能です。サイドバー上のアイコンをクリックすると、アイコン設定画面が開きます。

カバーはページ最上部に表示されるバナー画像で、ページに特色を持たせるのに最適です。(データベースページにも設定できます)🖌

カバーの設定方法:

  • ページ上部にカーソルを持っていき、 カバー画像を追加 ボタンをクリックします。

  • はじめに表示されたカバー画像の上にカーソルを持っていき、 カバー画像を変更 ボタンをクリックします。

  • 好きな画像を選択できる画像ギャラリーが開きます。

  • アップロード ボタンから任意の画像をアップロードしたり、URLリンク ボタンからウェブ上の好きな画像へのリンクを張ることもできます。

  • また、100万点以上のストックフォトからお好みの画像を検索できる

    も利用可能です。

ヒント: データベースのボード表示やギャラリー表示では、カバー画像を表示させることができます。データベースの ••• から、プロパティカードプレビューページカバー画像 で設定可能です。


よくあるご質問(FAQ)

デフォルトで「左右の余白を縮小」を適用することは可能ですか?すべてのページに対して適用するデフォルト書式を設定する方法はありますか?

現時点では、ページのスタイルや書式をデフォルト設定する方法はありません。同様の問合せを多くいただいているため、将来的に対応する可能性はあります。

文字列を中央揃えや右揃えにすることはできますか?

残念ながら現時点では、Notionには従来の配置のオプションはありません 😕 ただ、位置を整えるほかの方法があります。空白の行をテキストの隣の列にドラッグ&ドロップすることで、右か左に揃えることができます。

モバイル版ではなぜフォントサイズの変更ができないのか?

フォントサイズとページ幅の変更はデスクトップおよびウェブでのみご利用いただける機能であり、モバイル版ではご利用いただけません。

カバー画像に適したサイズ、縦横比は?

カバー画像はウィンドウのサイズに応じて変化しますので、最適なサイズはご利用の環境に応じて変わります。ただし画像の横幅は1,500ピクセル以上が推奨です。

テキスト内に絵文字を入力するにはどうすればよいですか 🤔 ?

テキストのどこでも構いませんので、 :の後に使用したい絵文字の名前を入力します。たとえば、🔥の場合は :fire 、👏の場合は :clappingです。

また、Notionのページや、コンピューター上のどこでも、お使いのシステムの絵文字ピッカーを使用して絵文字を入力できます。

Macの場合は、 ctrl + cmd + スペース

Windowsの場合は、 Windowsキー + .か、 Windowsキー + ;です。

さらにご質問がある場合は、メッセージを送信してください。

フィードバックを送信

このコンテンツは役に立ちましたか?


次へ

リンクとバックリンクを作成する

Notionを使用すると、特定の見出し、テキスト、または画像へのアンカーリンクのように、ページ全体またはページ内の個々のコンテンツブロックの両方へのリンクを簡単に作成およびコピーできます。これにより、人々を必要なものに直接導くリンクを作成して共有できます⚓️