Gutenberg

段落ブロック

テキストテキストテキストテキストテキストテキストテキスト

テキストテキストテキストテキストテキストテキストテキスト

画像ブロック

見出しブロック

h2

h3

h4

引用ブロック

Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit

ギャラリーブロック

• 

• 

• 

• 

リストブロック

• みかん
• バナナ
• キウイ

1. あ
2. い
3. う

音声ブロック

カバーブロック

ファイルブロック

動画ブロック

ソースコードブロック

.c-map {
  background: linear-gradient(-45deg, transparent 25%, rgba(#333, .6) 25%, rgba(#333, .6) 50%, transparent 50%, transparent 75%, rgba(#333, .6) 75%, rgba(#333, .6)) repeat;
  background-size: 4px 4px;
  overflow: hidden;
  position: relative;

  &::after {
    content: '';
    display: block;
    padding-top: 61.8%;
  }

  iframe {
    filter: grayscale(50%);
    height: 100%;
    left: 0;
    opacity: .9;
    position: absolute;
    top: 0;
    width: 100%;
  }
}

プルクオートブロック

relative

absolute

テーブルブロック

見出し	見出し	見出し
1	１	１
２	２	２

ボタンブロック

カラムブロック

区切りブロック

---

---

---

見出し

カレンダーブロック

カテゴリー

• お知らせ
• スタッフブログ

最新の記事

• Gutenberg
• リフレクソロジーって何？その効果と注意点を徹底解説！
• 年末年始休業のお知らせ
• 腰痛を改善していくために今できること
• ホームページリニューアルしました

RSS

• 坂上忍の森田知事批判に「無責任」 被災者を煽って劇場化か
• KOC審査員バナナマン設楽に絶賛の嵐「この人しか信用できない」
• なぜ男性にも乳首があるのか 一説では「特に害がないから」
• 池袋暴走事故で遺族男性が署名提出「こんなに優しい人が多く…」
• 東大准教授は「進学校より高専」から東大へ 専門知識が深まる意味

Twitter

YouTube