Notiondesk で記事を効果的にフォーマットして、読者の読みやすさを向上させましょう。Notion ブロックを使用すると、コンテンツを簡単に構造化できます。サポートされているブロックと、それらを最適に活用する方法をご覧ください。
サポートされているブロック
視覚的に魅力的で分かりやすいヘルプ記事を作成するために、Notionのさまざまなブロックをサポートしています。以下に、サポートされているブロックとその活用方法を説明します。
基本ブロック
文章
Notiondeskを使用すると、あらゆる種類のテキストスタイルがサポートされます。たとえば、テキストを太字にしたり、単語を斜体にしたり、特定のフレーズに取り消し線を引いたりできます。基本的な text ブロックは、HTML の <p> タグに似ていると考えることができます。テキストの力は、視覚的な魅力を維持しながら情報を伝える能力にあります。
見出し
見出しはコンテンツをセクションごとに分けるのに役立ち、理解しやすく、読みやすくします。
H1見出し
これは最も大きな見出しであり、セクションタイトルに最適です。
H2見出し
小見出しは、小項目を示す場合や、トピックを細分化する場合などによく使用されます。
H3見出し
コンテンツをさらに細分化して、より具体的な分野に分けます。
画像
Notionページに画像をアップロードすると、ヘルプセンターにも反映されます。
引用
要点を強調したい、あるいはフィードバックを伝えたいですか？引用ブロックを使ってみてください。重要な情報を強調するのに最適です。
「記事内での引用文は、このように表示されます。」
トグル
トグルボタンは、よくある質問（FAQ）や、読者に情報過多にならない程度に補足情報を提供したいセクションに最適です。読者はトグルボタンをクリックすることで、その中のコンテンツを表示できます。
トグルの中身は？
トグルが開いている場合、ここに非表示コンテンツが表示されます。
叫ぶ
コールアウトを使って読者の注意を引きつけましょう。他のコンテンツから際立つため、重要なメモやヒントを伝えるのに最適です。
区切り線
記事内の異なるセクションやトピックは、区切り線を使って区切ってください。そうすることで、コンテンツが整理され、読みやすくなります。
👆 これは区切り線です
リストブロック
リストは、手順、機能、重要なポイントなどを書き留めるなど、情報を整理するのに非常に役立ちます。
箇条書き
連続しないアイテムに最適です。
- ポイントA
- ポイントB
- ポイントC
番号付きリスト
順序立てた情報や手順を示すのに最適です。
- ステップ1
- ステップ２
- ステップ３
高度なブロック
目次
Notionで目次ブロックを追加すると、記事内のすべての見出しへのリンクが自動的に作成されるため、読者は特定のセクションに簡単に移動できます。
この記事の目次はこちらです😉
ブックマーク
記事にブックマークを直接埋め込むことで、外部リソースやその他の重要なページにワンクリックでアクセスできるようになります。
Notiondesk - Notion でヘルプセンターを構築
Notion ドキュメントを強力なナレッジベースに変換します。カスタマイズ、SEO の最適化、多言語対応、顧客サポートの改善を数分で実現できます。
外部リンク
読者を他のウェブサイトやオンラインリソースに誘導しましょう。それらを新しいタブで開くように設定すれば、記事を開いたままにして参照することができます。
内部リンク
ヘルプセンター内の他の記事へのリンクを掲載することで、ユーザーを誘導し、ナビゲーションを改善できます。
チェックリスト
手順書やToDoリストに最適です。
画像ギャラリー
複数の画像を構造化されたグリッド形式で表示します。商品画像、チュートリアル手順、その他あらゆる視覚的なシーケンスに最適です。
画像1
画像2
画像3
画像4
ビデオ
動画をアップロードしたり、YouTube、Loom、Vimeoから直接動画を埋め込んだりすることで、記事にマルチメディアコンテンツを追加して内容を充実させましょう。
オーディオ
オーディオブロックは、さまざまなオーディオコンテンツを埋め込み、ファイルアップロードやSpotify、YouTubeなどの外部ソースを使用して記事を充実させます。
音声ファイル
Spotify
YouTube
ファイルダウンロード
記事にリソース、テンプレート、または追加の参考資料を直接添付できます。これらは以下のように添付ファイルとして表示されます。
列レイアウト
コンテンツを複数列形式で整理しましょう。これは、情報を並べて比較したり、情報を並行して表示したりする場合特に便利です。
1列目
1つ
2列目
二
テーブル
表はデータを整理し、分かりやすく提示するのに役立ちます。また、さまざまな書式設定オプションと組み合わせることで、より見やすくすることも可能です。
| 要素 | 説明 | 例 |
|---|---|---|
| 大胆な | 強調のために太字にしています | これは大胆だ |
| 斜体 | ニュアンスを表現するために斜めのテキストを使用 | これはイタリック体です |
| 取り消し線 | 取り消し線が引かれたテキスト | これは打たれた |
Code | コード用の等幅フォント | This is code |
| リンク | ハイパーリンクされたテキスト | ここをクリック |
| 色付きテキスト | 特定の色のテキスト | これはオレンジ色です |
同期されたブロック
複数のページ間でコンテンツを同期することで、一貫性を確保できます。1箇所で更新すれば、その変更はブロックが埋め込まれているすべての場所に反映されます。
同期ブロック
このコンテンツは別のページと同期されています。
コードブロック
コードスニペットや技術コマンドは、明確な形式で提示してください。これは、開発者や技術ガイドにとって特に役立ちます。
JavaScriptの例：
Markdownの例：
数学の方程式
これにより、数式を記事にシームレスに組み込むことができ、チュートリアル、技術文書、または数学的な精度が求められるあらゆるコンテンツに最適です。
ブロック方程式の例：
\int_0^\infty e^{-x^2} \, dx = \frac{\sqrt{\pi}}{2}インライン数式の例：
円の面積の公式はC = πr² です。
サポートされていないブロック
Notiondesk は包括的なドキュメント作成を容易にするために、Notion のさまざまなブロックをサポートしていますが、現在サポートされていないブロックがいくつかあります。以下にそのリストを示します。
function sayHello() {
console.log("Hello, world!");
}# Table of Contents
* [Introduction](#introduction)
* [Features](#features)
* [Installation](#installation)
## Introduction
Welcome to Notiondesk's documentation.
> Note: This is a markdown example.
## Features
- Dynamic updating
- Rich formatting support
## Installation
Follow our [guide](https://notiondesk.so) to get started.- 埋め込み機能（Twitter、Googleドライブ、Airtable、Googleマップ）
