トグル

Camille Ricketts
Aug 8 '19 · 1 min read · 182 views
トグルは新しいタイプの文書表現方法で、必要に応じて情報の表示/非表示を切り替えることができるます。そのため、トグル内にどれだけの情報を持たせたとしても、非表示にすればページをシンプルかつ整理された状態に保つことができます。
  • トグルの例です。左側の三角形をクリックすると開閉します。
    トグルの中は通常のブロックと同様の使い方で、画像やエンベッド等どんなコンテンツでも配置可能です。三角形をもう一度クリックすればトグルを閉じることができます。

なぜトグルを使うのか?

  • 長く複雑になりがちな文書でも、トグルでシンプルかつ簡潔に表現すると閲覧が容易
  • 閲覧者に一度に一つのコンテンツに集中してもらうことが可能
  • ハイレベル(トグル)の閲覧に留まるか、更に詳細(トグル内部)まで読み進めるかの選択を閲覧者に任せることが可能

トグルを作成する

ページにトグルを作成する方法は複数あります。
  • 新しい行の左側で + マークをクリックし、メニューから Toggle List を選択
  • /toggle と入力し enter
  • 既存のブロック(テキスト、箇条書き、チェックボックス)の上にカーソルを合わせた状態でcmd/ctrl + / を押し、表示されたメニューの検索欄("Filter Actions...")に toggle と入力
    • この時、トグルに変更したブロックにネストされたコンテンツは全てトグル内部に格納されます。
  • トグルは箇条書きやチェックボックスと同様に、enter を押した際にできる新しい行も同じくトグル形式となります。
  • トグルを開くには、対象のトグルの左端の三角形をクリックするか、すぐ下の行にカーソルを合わせて tab を押します。開いたトグルの中で入力された情報はすべてそのトグルにネストされます。
トグルにはあらゆる種類のコンテンツをネストできます。
  • テキスト
    Augusta Ada King, Countess of Lovelace (née Byron; 10 December 1815 – 27 November 1852) was an English mathematician and writer, chiefly known for her work on Charles Babbage's proposed mechanical general-purpose computer, the Analytical Engine. She was the first to recognize that the machine had applications beyond pure calculation, and published the first algorithm intended to be carried out by such a machine. As a result, she is sometimes regarded as the first to recognize the full potential of a "computing machine" and one of the first computer programmers.
  • In-line databases

ブロックをトグルにドラッグする

In-line page と同様に、トグルにネストさせたいコンテンツは直接トグルの上にドラッグアンドドロップするだけです。(トグルが閉じていても同様)

よくある質問

  • トグル内部でカラムを分けられますか?
    正式にはまだですが、鋭意開発中です。非公式ですがこんな方法もあります 😉 (リンクは英語ページです)
  • ページ内のすべてのトグルを一斉に開閉する方法はありますか?
    cmd/ctrl + option + t で可能です。このページでお試しください!
    対象のトグルをすべて選択して enter を押すと、選択したものだけを開くことができます。
  • 見出しをトグルとして使えるか?
    現時点ではできません。鋭意開発中です。

関連するページ

👉
原文はこちら
解決しなかったら? 右下の ? をクリックして、メッセージを送ってください! Eメールでも受け付けています。 team@makenotion.com ✌️

💡
Notionを導入/更に活用したい企業様向けにサポートサービスを開始しました。 詳細は こちら よりご確認ください。
本コンテンツは Northsand, Inc.の監修のもと翻訳しております。 note | Twitter | Facebook 記載事項の追記/修正の依頼は こちら より
Updating...

Share on