![見出し画像](https://assets.st-note.com/production/uploads/images/22100553/rectangle_large_type_2_cfcaeea66302dad610d0deb35298fe91.png?width=1200)
noteの記事編集画面(エディタ)でできることまとめ
2021年7月7日追記 :
noteの投稿画面が、2021年秋にフルリニューアルします。現在、noteプレミアム会員限定でベータ版を公開中です!詳しくは、noteカイゼン記事をご覧ください!
noteの投稿画面は、書くことに集中してもらいたいという思いから、極力シンプルで直感的に使えるようになっています。投稿画面で書いたままの見え方で公開されるので、公開後のレイアウト確認なども不要です。
この記事では、投稿画面でできることをできるだけわかりやすくまとめてみました。
(1) 見出し
文字のサイズを大きくできます。見出しに設定することで、(6)目次 で表示させることもできます。
![画像15](https://assets.st-note.com/production/uploads/images/25672799/picture_pc_35d52430d262e2c1fb662cc99804d347.gif?width=1200)
(2) 強調
文字の一部を 太字 に変えることができます。
![画像15](https://assets.st-note.com/production/uploads/images/25672956/picture_pc_f98d8a267d939828a9883388c1acbc84.gif?width=1200)
(3) 中央寄せ
文字を真ん中に寄せることができます。(1)見出し との併用も可能。
![中央寄せ](https://assets.st-note.com/production/uploads/images/25673199/picture_pc_75fd4a73948db539ddd85ae41471bec1.gif?width=1200)
(4) リンク
URLをテキストに埋め込むことができます。
![リンク](https://assets.st-note.com/production/uploads/images/25673368/picture_pc_ec9527db9ad0c2ec44c25a7fea8d0f0a.gif?width=1200)
(5) 引用
文字の背景色を薄グレーに変えることができます。
![引用2](https://assets.st-note.com/production/uploads/images/25679634/picture_pc_6ee1fb54babb66f05e2d1e9cfd9d1cbf.gif?width=1200)
(6) 画像挿入
好きな画像をアップロードできます。1ファイル10MB以内で、形式はJPG、PNGに対応しています。
① +ボタンから挿入する
![画像14](https://assets.st-note.com/production/uploads/images/24444153/picture_pc_b89cf427f6a67028c91602f200823075.gif?width=1200)
② ドラッグ&ドロップで挿入する
![画像15](https://assets.st-note.com/production/uploads/images/24444479/picture_pc_17f1f54326a3d0bcadd7263ecaaf1138.gif?width=1200)
(7) 目次
公開設定で、[目次設定] に ☑️ をすると設定できます。
※ (1)見出し にしておく必要があります。
![目次](https://assets.st-note.com/production/uploads/images/25678581/picture_pc_09b4ace0b04509f0ba7f051198995e25.png?width=1200)
![スクリーンショット 2020-04-03 12.25.32](https://assets.st-note.com/production/uploads/images/22104776/picture_pc_0e50440768e0eba50893927d7baac699.png?width=1200)
(8) 下書き共有
画面右上の [・・・] をクリックすると、共有用リンクを出すことができます。そのURLを共有することで、今書いている記事を、下書き状態で見せることができます。
![下書き共有](https://assets.st-note.com/production/uploads/images/25678628/picture_pc_1fe55800c89cc79918643a6aa71018a7.png?width=1200)
そのURLをコピー&ペーストすると、記事上部にオレンジ色のバナーが表示されます(これが公開されていないことの目印です)。
![スクリーンショット 2020-04-03 12.24.09](https://assets.st-note.com/production/uploads/images/22104722/picture_pc_7a9b06c9b4e11db2f86cc31eec43eff9.png?width=1200)
(9) 改行
noteには、改行のパターンが2つあります。
① 大きく間を空けるパターン(Enter)
![スクリーンショット 2020-04-03 17.29.40](https://assets.st-note.com/production/uploads/images/22120598/picture_pc_664a73eac7fdb23ccacfe003ce305a0f.png?width=1200)
② 小さく間を空けるパターン(Shift + Enter)
![スクリーンショット 2020-04-03 17.32.20](https://assets.st-note.com/production/uploads/images/22120608/picture_pc_56004e85963a443ae2e21ae024fe0bb8.png?width=1200)
スマホ版のWebブラウザで小さく間を空けたい場合は、赤枠で囲んだ箇所をタップすればできます。
![画像12](https://assets.st-note.com/production/uploads/images/22121653/picture_pc_10ed9d48c72a1a6d6defc3210458547a.png?width=1200)
(10) ファイルアップロード
psd、zip形式などのファイルを投稿画面にアップロードできます。
(6)画像挿入 同様、2つの方法があります。
① +ボタンから挿入する
② ドラッグ&ドロップで挿入する
アップロードすると、以下のようにダウンロードできるようになります。
【諸注意】
・現在はPC、スマートフォンのWEBブラウザに対応
・1日にアップロードできるファイルは10回まで
・1ファイルにつき最大50MBまで
・利用規約に反するファイルは運営側で削除対応をする
(11) 埋め込み
URLを貼り付けた後、Enterすると自動的に埋め込まれます。
![埋め込み3](https://assets.st-note.com/production/uploads/images/25678955/picture_pc_d63287110e82300f9b7d4ac1dd6fec37.gif?width=1200)
① note記事
noteの記事は通常よりも大きく表示され、公開時にはその記事の投稿者に通知されます。
② YouTube
YouTubeなどの動画サービスは、URLを貼り付けるとYouTubeに飛ぶことなくそのまま閲覧できます。Vimeoも埋め込みに対応しています。
③ Spotify
Spotifyなどの音楽サービス(ex. Apple Music)は、URLを貼り付けるとSpotifyに飛ぶことなくそのまま視聴できます。
④ Amazon
Amazonを含むECサービスは、URLを貼り付けると「商品名・商品画像・値段・購入先リンク」が表示されます。
⑤ その他URL
通常URLは、OGPとタイトル、概要文が表示されます。
埋め込みに対応しているサービスは、以下に記載しています。
ヘルプページの「投稿画面でできること」は、こちらに記載しています。
この記事が参加している募集
よろしければサポートお願いします! いただいたサポートは新しいサブスクを試すための資金にさせていただきます!