文字装飾の一覧は見られますか?

この記事は約5分で読めます。

テキスト装飾の一覧です。 文字の色や大きさを変えたり、アンダーラインを引いたり、見出しっぽく装飾したり、段落を色のついた四角で囲んだり、リスト形式に並べたり、別のページや外部のサイトへリンクを貼ったりと、いろんなことができます。 マニュアルを視覚的にもわかりやすく作成することができるので、参考にしてください。

タイトルh2

タイトルh3

タイトルh4

タイトルh5
タイトルh6

スタイル一覧

インライン

太字 赤字 赤太字 赤アンダーライン 青字 青太字 緑字 緑太字 打ち消し線 キーボードキー CommandShiftS 等のキー操作を書き記す時にお勧めです。

マーカー

黄色マーカー 赤色マーカー 青色マーカー 黄色アンダーラインマーカー 赤色アンダーラインマーカー 青色アンダーラインマーカー

ボックス(アイコン)

補足情報(!)
補足情報(?)
注意喚起(!)
メモ
コメント
OK
NG
GOOD
BAD
プロフィール

ボックス(案内)

プライマリー(濃い水色)
セカンダリー(濃い灰色)
サクセス(薄い緑)
インフォ(薄い青)
ワーニング(薄い黄色)
デンジャー(薄い赤色)
ライト(白色)
ダーク(暗い灰色)

ボックス(白抜き)

灰色
黄色
赤色
青色
緑色

ボックス(タブ)

※このスタイルは、全項目が灰色・黄色・赤色・青色・緑色の5色どの色にも設定することができます。全部載せると数が多くなるので、上から順に灰→黄→赤→青→緑の色を掲載しています。

チェック
コメント
ポイント
ティップス
ヒント
ピックアップ
ブックマーク
メモ
ダウンロード
ブレイク
Amazon
OK
NG
GOOD
BAD
プロフィール

ボックス(付箋風)

灰色
黄色
赤色
青色
緑色

バッジ

オレンジ レッド ピンク パープル ブルー グリーン イエロー ブラウン グレー

マイクロコピー

テキスト(上)左側
テキスト(上)中央
テキスト(上)右側
テキスト(下)左側
テキスト(下)中央
テキスト(下)右側
吹き出し(上)左側
吹き出し(上)中央
吹き出し(上)右側
吹き出し(下)左側
吹き出し(下)中央
吹き出し(下)右側

画像とセットで使うのもお勧めです

ボタン

※このスタイルは、全色が小・中・大のどのサイズにも設定することができます。全部載せると数が多くなるので、上から順に小→中→大のサイズで掲載しています。

レッド ピンク

パープル

ディープパープル インディゴ

ブルー

ライトブルー シアン

ティール

グリーン ライトグリーン

ライム

イエロー アンバー

オレンジ

ディープオレンジ ブラウン

グレー

囲みブログカードラベル

※リンク先は弊サイトとは関係ありません。

関連記事

参考記事

参考リンク

人気記事

あわせて読みたい

詳細はこちら

チェック

ピックアップ

公式サイト

ダウンロード

▼リストul

  • りんご
  • みかん
  • いちご

▼リストol

  1. きゅうり
  2. なす
  3. トマト

コードcode 追記more

pre

ふりがなふりがな ↓横ライン


「ツールボックス切り替え」クリックで出てくる機能

フォントサイズの変更

フォントサイズ10px
フォントサイズ12px
フォントサイズ14px
フォントサイズ16px
フォントサイズ18px(※通常サイズ)
フォントサイズ20px
フォントサイズ24px
フォントサイズ28px
フォントサイズ32px
フォントサイズ36px
フォントサイズ42px
フォントサイズ48px

吹き出し

「タグ」メニューから呼び出せる各種便利タグ

※注・カラムの幅がわかりやすいように、このページでは背景にわざと色をつけて表示しています。実際に「タグ」メニューから呼び出したとき、編集画面では背景色はついていますが、記事を投稿・公開すると色は付かない仕様になっています。

2カラム(1:1)

左側に入力する内容
右側に入力する内容

2カラム(1:2)

左側に入力する内容
右側に入力する内容

2カラム(2:1)

左側に入力する内容
右側に入力する内容

2カラム(1:3)

左側に入力する内容
右側に入力する内容

2カラム(3:1)

左側に入力する内容
右側に入力する内容

3カラム

左側に入力する内容
中央に入力する内容
右側に入力する内容

↑TOPページの新着記事のところで実際に使用しています。 また、左右2つに並んだカラムの部分はスマートフォンなどの幅の狭いデバイスでページを閲覧すると、縦1列に並んで表示されるようになります(レスポンシブ)

検索フォーム風

キーワード
検索

↑検索ボタンを押すと、実際に「キーワード」のところに入れた文字で検索ができます。

トグルボックス

トグルボックス内容
タイトルとURLをコピーしました