ページのスタイル設定とカスタマイズ

Notionは、ワープロに備えられている書式設定に加えて、その他の機能も備えています。 書式設定メニューを表示するには、まず対象の文字列を選択します。

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

• cmd/ctrl ＋ E： コードをインラインで表示

• cmd/ctrl ＋ shift ＋ M： 任意のテキストにコメントを追加

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

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

以下のショートカットは、テキストのどの部分でも使用できます。

• テキストの両側に**を入力すると、太字になります。

• テキストの両側に*を入力すると、斜体になります。

• テキストの両側に ` を入力すると、 インラインコード が作成されます。（日本語配列キーボードでは半角入力の Shift + @ で入力します。英語配列キーボードでは「1」のキーの左側にあるマークです。）

• テキストの両側に ~ を入力すると、取り消し線になります。

文頭では、以下のショートカットが私用できます。

• *、-、+のいずれかを入力してスペースを押すと、箇条書きリストを作成できます。

• [] と入力すると、ToDoチェックボックスが作成できます（ スペース は必要ありません）。

• 1. ＋ スペース で番号付きリストを作成します。

• # ＋ スペース で大見出し（見出し1）を作成します。

• ## ＋ スペース で中見出し（見出し2）を作成します。

• ### ＋ スペース で小見出し（見出し3）を作成します。

• > と入力して スペース を押すと、トグルリストが作成できます。

• " ＋ スペース で引用ブロックを作成します。

• ページを作成する際に、気分に合わせて3種類のフォントから選択できます。ページ右上の ••• をクリックして、 デフォルト 、 Serif 、 Mono から選んでください。ページ内のすべてのテキストが選択したフォントで表示されるようになります。

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

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

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

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

• ブロックの中の任意の場所で cmd/ctrl ＋ /と入力してから色の名前を入力し、Enter キーを押す方法でも、同様にテキストブロックの色を変更できます。

ページの余白を縮小してコンテンツエリアを広げるには、Notionウィンドウの右上にある ••• から 左右の余白を縮小 をオンにします。

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

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

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

データベース以外のページのバックリンクやコメントをカスタマイズする方法：

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

2. ウィンドウが開いたら、バックリンクの表示/非表示を切り替えます。

3. ページディスカッションのオンとオフを切り替えます。

データベースページのバックリンクやコメントをカスタマイズする方法：

1. ページの右上にある•••をクリックし、レイアウトをカスタマイズを選択します。

2. 見出しモジュールをクリックし、バックリンクの表示/非表示を切り替えます。

3. ページ上部にあるデータベース名の横にある設定ボタンをクリックします。ページにインラインコメントをデフォルトで表示する（コメントがコメント投稿者のプロフィール写真の横に表示される）か、最小限の方法で表示する（コメントの数のみが表示され、クリックして展開できる）かを選択します。

4. また、ページのディスカッションやページレベルで追加されたコメントを展開する（すべてのコメントが表示される）か、オフにする（非表示にする）かを選択することもできます。

5. これらの設定を完了したら、ページの上部にあるすべてのページに適用を選択します。バックリンクとコメントのカスタマイズは、アクセスしているデータベース内のすべてのページに適用されます。

データベースの全ページに適用されるカスタムレイアウトを作成できます。詳しくは、こちらの記事→をお読みください。

コールアウト形式のブロックは、特定のテキストを強調表示したり、ドキュメントの他の部分から切り離したりするのに便利です。注意事項やヒントに注目してもらうために活用できます。

ページにコールアウトを追加する方法は複数あります。

• 新規ブロックにポインターを合わせて、ブロックの左側にある ＋ → コールアウト をクリックします。

• ページ内で /callout と入力し、Enter キーを押します。

コールアウトブロックをページ内で移動させるには、ポインターを当てると表示される ⋮⋮ をハンドルとして使用してドラッグ&ドロップします。コールアウトは列に配置することもできます。

• コールアウトブロックには、箇条書きや見出しなど、ほかのブロックタイプを含めることができます。これらのブロックはドラッグしてコールアウト内で並べ替えることができます。

  • コールアウト内で見出しを使用した場合、これらの見出しはページの目次に表示される点にご留意ください。

• コールアウトブロックには必ずアイコンが付きます。アイコンを変更するには、アイコンをクリックして新しいものを選択します。アイコンを削除するには、アイコンをクリックして 削除 を選択します。

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

• 🔀 をクリックするたびにアイコンがランダムに表示され、そこから気に入ったものを見つけることができます。

• コールアウトブロック自体の色や文字色は、ブロック左側の ⋮⋮ アイコンをクリックして変更できます。

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

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

• ショートカット cmd/ctrl ＋ / と入力してから色の名前を入力する方法でも、文字色・背景色の変更が可能です。

ページごとに個別のアイコンを設定できます。アイコンには既定の絵文字、またはアップロードした画像を設定できます。アイコンはページの最上部に加えてサイドバー内にも表示されるため、よく使うページが記憶に残り、見つけやすくなります。

ページアイコンを追加または変更するには：

1. ページ上部にカーソルを持っていき、アイコンを追加をクリックするか、既存のアイコンをクリックします。

2. 🔀を選択すると、気に入ったものが見つかるまで絵文字がランダムに表示されます。絵文字タブから絵文字を選択したり、アイコンタブからアイコンを選択したり、アップロードタブを使用して独自の画像または画像URLを選択したりできます。アップロードされるアイコンのサイズの目安は280 x 280ピクセルです。

3. ページアイコンにするファイルをアップロードすると、ワークスペースの絵文字ライブラリでカスタム絵文字にすることもできます。ファイルのアップロード中にワークスペースの絵文字ライブラリに追加の横にあるチェックボックスをオンにします。カスタム絵文字を、ページアイコン、リアクション、またはページ内のインラインとして使用できるようになります。

ページのアイコンを削除するには、ページをクリックして 削除を選択します。

ページ全体で絵文字をインラインとして使用することもできます。絵文字を挿入するには、:の後に絵文字の名前を入力します。たとえば、: fireと入力すると🔥を、: clappingと入力すると👏を挿入できます。また、カスタム絵文字をアップロードして使用できます。手順は次のとおりです：

1. 絵文字メニューを開くには、ページに/emojiと入力します。

2. ページ下部の＋を選択します。

3. 画像をアップロードして名前をつけ、保存を選択します。ワークスペース内の誰もが、カスタム絵文字を、ページアイコン、リアクション、またはページ内のインラインとして使用できるようになります。

カバー画像はページ最上部にバナーとして表示され、ページに特色を持たせることができます。（データベースページにも設定できます。）

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

• 表示されたカバー画像の上にカーソルを持っていき、 カバー画像を変更 を選択します。

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

• アップロード をクリックして任意の画像をアップロードしたり、 URLリンク をクリックしてWeb上にある好きな画像のURLを貼り付けることもできます。

• また、100万点以上のストックフォトからお好みの画像を検索できるUnsplashも利用可能です。