メインコンテンツへスキップ
見出し画像

noteに記事を埋め込んだときのデザインを、より見やすく一新しました

    「自分の記事に他のnote記事を埋め込んだときのサイズが大きい」という意見を受けて、コンパクトに表示するデザインに一新しました!

    埋め込み部分の縦幅はコンパクトに、横幅は本文と同じになったことで、埋め込みによって記事が分断されることなく、スムーズに読みすすめることができます。

    概要 copy2

    すでに埋め込み対応しているサービス一覧は こちら 。

    埋め込みイメージ例

    ■ テキスト投稿


    ■ 画像投稿


    ■ つぶやき投稿


    ■ 音声投稿


    ■ 動画投稿


    カイゼンの背景

    今回のカイゼン、きっかけはクリエイターから寄せられた「カイゼン目安箱」への要望でした。同感を示すSlackスタンプが複数付き、CEOがすぐに反応。十数分後には、デザイナーからデザイン案が届きました!

    画像1

    担当デザイナーに経緯を聞いたところ、

    「0.5人日くらいで調整できると判断して、すぐにとりかかりました。デザインを変更することで、①本文が分断されないこと ②記事の埋め込みをたくさんしても縦に伸びすぎないこと を目的として調整しました」と語ってくれました。

    noteは、写真やイラスト、漫画など、さまざまな種類の画像がアップされます。どんな画像の組み合わせが来ても違和感のないよう、クリエイターの意図しない画像の切り取りを減らせるよう、調整を重ねました。

    その後、画像の比率や、note全体のデザインとの調和などの細かい点を詰めていきました。

    画像2

    これからもnoteでは、デザインの細かい点でもカイゼンを行っていきます。

    記事を埋め込む方法

    URLは、各種サービスで「共有」などから取得するか、ブラウザの検索バーからコピーしてください。

    1. テキストエディタで埋め込みたい段落にカーソルをあわせ、コピーしておいたURLをペーストする
    2. Enterキーで段落を変える

    以上で埋め込みは完了です。表示されるまで時間がかかる場合がありますので、表示されるまでしばらくお待ちください。

    ■ PCの場合
    ・段落を変える:Enter
    ・改行:Shift+Enter

    ■ スマートフォンの場合
    ・段落を変える:スマートフォンの改行ボタン
    ・改行:テキストエディタのかぎ矢印マーク(以下の画像を参照)

    画像3


    私たちは、クリエイターのみなさんのご意見・ご要望を受けてカイゼン事項を検討しています。引き続き、創作活動がしやすい環境づくりを進めていきますので、ぜひご意見をお聞かせください。

    機能に関するカイゼン・ご要望は こちら
    その他のお問い合わせは こちら

     
    ミッションは「だれもが創作をはじめ、続けられるようにする」。noteの最新情報や新機能(カイゼン)を紹介します。 編集部アカウント : https://note.com/notemag || イベントアカウント : https://note.com/events