見出し画像

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

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

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

概要 copy2

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

埋め込みイメージ例

■ テキスト投稿


■ 画像投稿


■ つぶやき投稿


■ 音声投稿


■ 動画投稿


カイゼンの背景

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

画像1

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

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

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

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

画像2

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

記事を埋め込む方法

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

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

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

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

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

画像3


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

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

みんなにも読んでほしいですか?

オススメした記事はフォロワーのタイムラインに表示されます!