Notiondeskで効果的に記事を整形し、お客様にとってより読みやすいコンテンツを作成しましょう。Notionのブロックを使用することで、簡単にコンテンツを構造化できます。対応しているブロックとその最適な使用方法について説明します。
対応しているブロック
視覚的に魅力的で、ナビゲーションが容易なヘルプ記事を作成するために、さまざまなNotionブロックに対応しています。以下で、対応しているブロックとその活用方法について説明します。
基本的なブロック
テキスト
Notiondeskでは、あらゆる種類のテキストスタイリングに対応しています。例えば、テキストを太字にしたり、単語を斜体にしたり、特定のフレーズに取り消し線を引いたりすることができます。基本的な テキストブロックはHTML <p> タグと同様に考えることができます。テキストの力は、視覚的な魅力を保ちながら情報を伝達できることにあります。
見出し
見出しを使用することで、コンテンツをセクションに分割し、理解しやすくなります。
H1見出し
最も大きな見出しで、セクションタイトルに最適です。
H2見出し
サブセクションやトピックの分割に使用される中見出しです。
H3見出し
コンテンツをさらに具体的な領域に分割します。
画像
Notionページにアップロードした画像は、ヘルプセンターにそのまま反映されます。
引用
ポイントを強調したり、フィードバックを共有したりしたい場合は、引用ブロックを使用しましょう。重要な情報を強調するのに最適です。
"記事内での引用の表示例です。”
トグル（Toggle）
トグルは、FAQや追加情報を読者に負担をかけずに提供したいセクションに最適です。読者はトグルをクリックして内容を表示できます。
トグルの中身は
トグルを開くと、ここに隠れた内容が表示されます。
コールアウト（Callout）
コールアウトで読者の注意を引きましょう。他のコンテンツから際立つため、重要な注意事項やヒントに最適です。
区切り線
区切り線を使用して、記事内のさまざまなセクションやトピックを分けることができます。コンテンツを分割し、読みやすくするのに役立ちます。
👆 これは区切り線です
リストブロック
リストは、手順、機能、重要なポイントなど、情報を整理するのに最適です。
箇条書きリスト
順序のない項目に最適です。
- ポイントA
- ポイントB
- ポイントC
番号付きリスト
順序のある情報や手順に最適です。
- 第一のステップ
- 第二のステップ
- 第三のステップ
高度なブロック
目次
NotionでTable of Contentsブロックを追加すると、記事内のすべての見出しへのリンクが自動的に生成され、読者は特定のセクションに簡単にジャンプできます。
これが本記事の目次です 😉
ブックマーク
外部リソースや他の重要なページへのブックマークを記事に直接埋め込むことができます。
Notiondesk - Build a help center with Notion
Turn Notion documents into a powerful knowledge base with Notiondesk. Customize, optimize SEO, support multiple languages, and improve customer support in minutes.
外部リンク
他のウェブサイトやオンラインリソースへ読者を誘導します。新しいタブで開くように設定でき、参照用に記事を開いたままにすることができます。
チェックリスト
ステップバイステップのガイドやToDoリストに最適です。
画像ギャラリー
画像コレクションを構造化されたグリッド形式で表示します。製品画像、チュートリアルの手順、または視覚的なシーケンスに最適です。
画像1
画像2
画像3
画像4
動画
動画をアップロードするか、Youtube、Loom、Vimeoから直接動画を埋め込むことで、記事をマルチメディアコンテンツで強化できます。
オーディオ
オーディオブロックでは、アップロードしたファイルやSpotify、YouTubeなどの外部ソースからの様々な音声コンテンツを埋め込むことができます。
音声ファイル
Spotify
Youtube
ファイルダウンロード
リソース、テンプレート、追加の読み物を記事に直接添付できます。次のように添付ファイルとして表示されます：
カラムレイアウト
マルチカラム形式でコンテンツを整理できます。並べて比較する場合や、情報を並列に表示する場合に特に便利です。
カラム1
その1
カラム2
その2
テーブル
テーブルはデータを明確に整理して表示するのに役立ちます。わかりやすさを高めるために、さまざまな書式設定オプションと組み合わせることができます。
| 要素 | 説明 | 例 |
|---|---|---|
| 太字 | 強調のための太字テキスト | これは太字です |
| 斜体 | ニュアンスを付ける斜体テキスト | これは斜体です |
| 取り消し線 | 打ち消された文字 | これは取り消し線付きです |
コード | コード用の等幅フォント | これはコードです |
| リンク | ハイパーリンク付きテキスト | クリックしてください |
| 色付きテキスト | 特定の色のテキスト | これはオレンジ色です |
同期ブロック
複数のページ間でコンテンツを同期させることで一貫性を確保できます。一箇所を更新すると、ブロックが埋め込まれているすべての場所に変更が反映されます。
同期ブロック
このコンテンツは別のページと同期されています。
コードブロック
コードスニペットや技術的なコマンドを特別な形式で表示します。開発者や技術的なガイドに特に便利です
JavaScriptの例：
function sayHello() {
console.log("こんにちは、世界！");
}Markdownの例：
# 目次
* [はじめに](#introduction)
* [機能](#features)
* [インストール](#installation)
## はじめに
Notiondeskのドキュメントへようこそ。
> 注：これはmarkdownの例です。
## 機能
- 動的な更新
- リッチフォーマットのサポート
## インストール
[ガイド](https://notiondesk.so)に従って始めましょう。数式
数式をスムーズに記事に組み込むことができ、チュートリアル、技術文書、数学的な精度が必要なコンテンツに最適です。
ブロック数式の例：
\int_0^\infty e^{-x^2} \, dx = \frac{\sqrt{\pi}}{2}インライン数式の例：
円の面積を求める公式は C = \pi r^2
非対応のブロック
Notiondeskは包括的なドキュメント作成を容易にするために多くのNotionブロックをサポートしていますが、現在サポートされていないブロックもあります。以下がその一覧です：
- 埋め込み（Twitter、Google Drive、Airtable、Google Maps）
