お知らせ

【表示確認用】記事本文の装飾・ブロック一覧

この投稿は表示確認専用です。以下は見出し・文字装飾・画像などのサンプルであり、正式なお知らせではありません。

大見出しを入れることができます。

通常の文章と太字の文章斜体の文章取り消し線本文中のリンクを確認できます。
明示的な改行にも対応しています。H2O、102sample-codeも表示します。

中見出しを入れることができます。

中見出しには下線を付けています。長い文章や画面幅に応じた自然な改行を確認できます。

小見出しを入れることができます。

小見出しの先頭にはピンク色の丸が表示されます。

見出し5のサンプル

補足を整理するための見出しです。

見出し6のサンプル

さらに細かい分類が必要な場合に使います。

箇条書き・番号付きリスト

  • 箇条書きの1項目目
  • 箇条書きの2項目目
    • 入れ子の項目
  1. 最初の手順
  2. 次の手順

引用・抜粋

引用文のサンプルです。背景と左側の線で本文と区別します。

表示確認用の出典

大きく取り上げたい言葉のサンプルです。

表示確認用

画像・キャプション・ギャラリー

資格手当
既存のイラストを使用したキャプションの表示確認です。

表・横幅の確認

項目内容備考
表示確認テーブルの本文です。補足
複数行長い説明が入った場合も自然に折り返します。PC・SPで確認
表のキャプション

ボタン・カラム

左のカラム

PCでは横並び、SPでは縦並びになることを確認します。

右のカラム

文章量が異なっても読みやすく配置します。

表示確認用イラスト

画像と文章を並べたメディアとテキストの表示確認です。

区切り線・コード・整形済みテキスト


const message = "表示確認";
console.log(message);
整形済みテキスト
字下げと改行を保持します。
詩のブロック
改行を保持する文章です。
クリックして詳細を開く

標準の詳細ブロックです。開閉して内容を確認できます。

動画・音声

既存動画のプレイヤー表示確認(自動再生しません)。
音声プレイヤーの表示確認(自動再生しません)。

Contact

ご質問やご相談など、
まずはお気軽にお問い合わせください。
お電話又はメールより受け付けております。

お電話からお問い合わせお電話でのお問い合わせ

052-459-32359:00~17:00 (土日、祝休業)

フォームからお問い合わせフォームからのお問い合わせ

問い合わせフォームへ