18:I[605500,["/_next/static/chunks/ba66d0dfa4fc81a7.js?dpl=dpl_5Kdp76uZ2aCSH636LKgyPrfJW4XW","/_next/static/chunks/fbd8c0570b9e5343.js?dpl=dpl_5Kdp76uZ2aCSH636LKgyPrfJW4XW","/_next/static/chunks/a3d253dfca5c102a.js?dpl=dpl_5Kdp76uZ2aCSH636LKgyPrfJW4XW","/_next/static/chunks/1e9f4c2f775e4c2b.js?dpl=dpl_5Kdp76uZ2aCSH636LKgyPrfJW4XW","/_next/static/chunks/182f859c3fef3e8f.js?dpl=dpl_5Kdp76uZ2aCSH636LKgyPrfJW4XW","/_next/static/chunks/f36927c7d15ca868.js?dpl=dpl_5Kdp76uZ2aCSH636LKgyPrfJW4XW","/_next/static/chunks/d405ed074dc68bb8.js?dpl=dpl_5Kdp76uZ2aCSH636LKgyPrfJW4XW","/_next/static/chunks/5907a621dc140c6b.js?dpl=dpl_5Kdp76uZ2aCSH636LKgyPrfJW4XW"],"Image"] 19:I[338894,["/_next/static/chunks/ba66d0dfa4fc81a7.js?dpl=dpl_5Kdp76uZ2aCSH636LKgyPrfJW4XW","/_next/static/chunks/fbd8c0570b9e5343.js?dpl=dpl_5Kdp76uZ2aCSH636LKgyPrfJW4XW","/_next/static/chunks/a3d253dfca5c102a.js?dpl=dpl_5Kdp76uZ2aCSH636LKgyPrfJW4XW","/_next/static/chunks/1e9f4c2f775e4c2b.js?dpl=dpl_5Kdp76uZ2aCSH636LKgyPrfJW4XW","/_next/static/chunks/182f859c3fef3e8f.js?dpl=dpl_5Kdp76uZ2aCSH636LKgyPrfJW4XW","/_next/static/chunks/f36927c7d15ca868.js?dpl=dpl_5Kdp76uZ2aCSH636LKgyPrfJW4XW","/_next/static/chunks/d405ed074dc68bb8.js?dpl=dpl_5Kdp76uZ2aCSH636LKgyPrfJW4XW","/_next/static/chunks/5907a621dc140c6b.js?dpl=dpl_5Kdp76uZ2aCSH636LKgyPrfJW4XW"],"default"] 1a:I[42324,["/_next/static/chunks/ba66d0dfa4fc81a7.js?dpl=dpl_5Kdp76uZ2aCSH636LKgyPrfJW4XW","/_next/static/chunks/fbd8c0570b9e5343.js?dpl=dpl_5Kdp76uZ2aCSH636LKgyPrfJW4XW","/_next/static/chunks/a3d253dfca5c102a.js?dpl=dpl_5Kdp76uZ2aCSH636LKgyPrfJW4XW","/_next/static/chunks/1e9f4c2f775e4c2b.js?dpl=dpl_5Kdp76uZ2aCSH636LKgyPrfJW4XW","/_next/static/chunks/182f859c3fef3e8f.js?dpl=dpl_5Kdp76uZ2aCSH636LKgyPrfJW4XW","/_next/static/chunks/f36927c7d15ca868.js?dpl=dpl_5Kdp76uZ2aCSH636LKgyPrfJW4XW","/_next/static/chunks/d405ed074dc68bb8.js?dpl=dpl_5Kdp76uZ2aCSH636LKgyPrfJW4XW","/_next/static/chunks/5907a621dc140c6b.js?dpl=dpl_5Kdp76uZ2aCSH636LKgyPrfJW4XW"],"ArticleTableOfContents"] 1e:I[27201,["/_next/static/chunks/d96012bcfc98706a.js?dpl=dpl_5Kdp76uZ2aCSH636LKgyPrfJW4XW","/_next/static/chunks/db9b03b78b6ccb8c.js?dpl=dpl_5Kdp76uZ2aCSH636LKgyPrfJW4XW"],"IconMark"] 1b:T7ec,

vibelyでは、受講生がブログ記事を書いてURLをSlackやXなどで共有した際に、
下記のように記事タイトルやユーザー名が入った画像（=OGP画像）が表示されるようになっています。

この度、この画像のデザインをカスタマイズできる機能の提供を開始しました。

設定方法

サイドバーの「ブログ」→「設定」→「OGP画像」の項目で設定ができます。

カスタマイズできる項目は以下の通りです。

背景画像：1200:630pxの任意の画像をアップロードすることで、デザインを変更できます。
文字色：デフォルトは #333333 ですが、暗い色の背景の場合などは、明るい文字色に変更することも可能です。
フォント：デフォルトはゴシック体ですが、明朝体にも変更可能です。

※ 記事タイトルと、執筆者のアイコンと名前が入る位置は変更できません。こちらに寸法がまとまっていますので、参考に画像のデザインをいただければと存じます。

表示のされ方

このような形で、デザインした画像を背景に、OGP画像が表示されるようになります。