top of page

CMSガイド_NEWS_スタイルガイド

2023年1月1日

覚書

  • 本記事のスタイルガイドは「お知らせ」記事に対してのみ有効。

  • 原稿はできるだけプレーンテキストの状態にしてペーストする。

  • ブラウザ上からコピーしたテキストをそのまま貼り付けた場合、スタイル(見た目)の設定を継承することがある。

  • 画像は「メディア」にアップロードしてからニュース記事に読み込む。


見出し

見出し4の使用例ABCDefgh

見出し5の使用例ABCDefgh
見出し6の使用例ABCDefgh


テキスト

段落(通常テキスト)の使用サンプル。通常左寄せ。太字サンプル。下線サンプル。

テキストリンク

段落(通常テキスト)の使用サンプル。中央寄せ。太字サンプル。下線サンプル。

テキストリンク

段落(通常テキスト)の使用サンプル。右寄せ。太字サンプル。下線サンプル。

テキストリンク


  • リスト表示

  • リスト表示

  • リスト表示


  1. 数字リスト表示

  2. 数字リスト表示

  3. 数字リスト表示


このように引用される わたしたちNHN Studio comico株式会社は、 comicoから派生したWEBTOONスタジオです。

色を変える色を変える色を変える色を変える色を変える


▼ぼかしをテキストに適用してみる(いつ使う?)

ぼかしのテスト


テキストの途中にハイライトをいれる

テキストの途中にハイライトをいれる

テキストの途中にハイライトをいれる

テキストの途中にハイライトをいれる

テキストの途中にハイライトをいれる

ハイライトの途中で文字色を変える

ハイライトの途中で文字色を変える

ハイライトの途中で文字色を変える

ハイライトの途中で文字色を変える

ハイライトの途中で文字色を変える


行間1の表示テスト

行間1の表示テスト

行間1の表示テスト


行間1.5の表示テスト

行間1.5の表示テスト

行間1.5の表示テスト


行間2の表示テスト

行間2の表示テスト

行間2の表示テスト


行間2.5の表示テスト

行間2.5の表示テスト

行間2.5の表示テスト


行間3の表示テスト

行間3の表示テスト

行間3の表示テスト


画像

画像表示サンプル(200px * 50px のPNGでテスト)

「コンパクト」を選択
「コンパクト」を選択
「標準」を選択
「標準」を選択
「拡張」を選択
「拡張」を選択
「元のサイズ」を選択
「元のサイズ」を選択


レイアウトアレンジ


「コンパクト」を選択
「コンパクト」を選択

画像を左寄せにすると、このようにテキストを回り込ませることができる。画像を左寄せにすると、このようにテキストを回り込ませることができる。画像を左寄せにすると、このようにテキストを回り込ませることができる。画像を左寄せにすると、このようにテキストを回り込ませることができる。画像を左寄せにすると、このようにテキストを回り込ませることができる。画像を左寄せにすると、このようにテキストを回り込ませることができる。画像を左寄せにすると、このようにテキストを回り込ませることができる。



「コンパクト」を選択
「コンパクト」を選択

画像を右寄せにすると、このようにテキストを回り込ませることができる。画像を右寄せにすると、このようにテキストを回り込ませることができる。画像を右寄せにすると、このようにテキストを回り込ませることができる。画像を右寄せにすると、このようにテキストを回り込ませることができる。画像を右寄せにすると、このようにテキストを回り込ませることができる。画像を右寄せにすると、このようにテキストを回り込ませることができる。画像を右寄せにすると、このようにテキストを回り込ませることができる。画像を右寄せにすると、このようにテキストを回り込ませることができる。




NEWS

お知らせ

bottom of page