ブログ・お知らせなどを投稿する際のタグのデザイン一例をご紹介します。
マニュアルにあるタグをコピーすることで、簡単に使えて美しいデザインの記事が完成します。
SEO対策や記事を見やすくするための見出しも様々な種類をご用意しました。

Heading見出しスタイル1

見出しスタイル2

見出しスタイル3

見出しスタイル4

見出しスタイル5Heading

通常の見出し

よく使うタグのデザイン

よく使うタグのデザイン一例です。その他のタグはご購入後のマニュアルに記載があり、全てコピーして簡単にお使いいただけます。

tableタグ

スタンダードなtableタグです。PC・スマホ共に同じレイアウトになります。

tableタグ（スマホカラム落ち）

スマホ表示の場合、項目と内容が縦に分かれます。

youtubeのレスポンシブ表示

指定したclassで囲み、youtubeからコピーしたコードを貼り付けるだけで、簡単にレスポンシブ表示になります。

画像の横並び表示

画像の枚数に応じて自動でサイズを調整して表示します。

リスト表示

■ 通常リスト

• リスト項目1
• リスト項目2
• リスト項目3
  • リスト項目3_1
  • リスト項目3_2
  • リスト項目3_3
• リスト項目4

■ 数字

• リスト項目1
• リスト項目2
• リスト項目3
  • リスト項目3_1
  • リスト項目3_2
  • リスト項目3_3
• リスト項目4

■ 小文字のアルファベット

• リスト項目1
• リスト項目2
• リスト項目3
  • リスト項目3_1
  • リスト項目3_2
  • リスト項目3_3
• リスト項目4

■ 大文字のアルファベット

• リスト項目1
• リスト項目2
• リスト項目3
  • リスト項目3_1
  • リスト項目3_2
  • リスト項目3_3
• リスト項目4

囲み枠

引用文

過ちを改めるには、自分が間違いを犯したと自覚すれば、それでよい。そのことをさっぱり思いすてて、ただちに一歩を踏み出すことが大事である。

過ちを犯したことを悔やんで、あれこれと取りつくろおうと心配するのは、たとえば茶碗を割って、そのかけらを集めて合わせてみるようなもので、何の役にも立たぬことである。

西郷隆盛（幕末の薩摩藩士 / 1828～1877）： Wikipedia

ボタン

こちらのサンプルサイトで使われているアクセントカラーのベージュは、ご希望のカラーに変更可能です。