ブログ

【初心者向け】Affingerタグ機能一覧 ②ボックスデザイン

HAYATO
Affingerのタグ機能の「ボックスデザイン」を一覧表にまとめてみました。本記事を参考に是非自分の好みに合ったタグを見つけて下さい。

 

1.バナー風ボックス

(1)基本

test

test

 

(2)背景なし(高さ400px)

test

test

(3)左寄せ

test

test

 

2.マイボックス

「マイボックス」は以下の画像のように、注意喚起や補足説明をしたい時に役立ちます。

 

基本

ポイント

test

まるみ

test

関連

関連

test

ポイント

ポイント

test

はてな

はてな

test

 

しかく(枠のみ)

test

参考

参考

test

メモ

メモ

test

注意ポイント

注意ポイント

test

ミニふきだし

test

test

 

 

3.マイボックス(+CCCクラス)

「マイボックス(+CCCクラス)」は以下の画像のように、箇条書きで列挙する時 や 何かを順序立てて説明する時に役立ちます。

 

メモ

メモ

test

メモ(下線あり)

メモ

test

メモ(枠のみ)

メモ

test

メモ(枠・下線あり)

メモ

test

注意(下線あり)

ここに注意

test

 

必要なモノ

必要なモノ

  • test
  • test
  • test

必要なモノ(ドット下線)

必要なモノ

  • test
  • test
  • test

チェックリスト

チェックリスト

  • test
  • test
  • test

チェックリスト(ドット下線)

チェックリスト

  • test
  • test
  • test

簡単な流れ

簡単な流れ

  • test
  • test
  • test

簡単な流れ(ドット下線)

簡単な流れ

  • test
  • test
  • test

 

 

4.見出し付きフリーボックス

基本

見出し(全角15文字)

test

注意

注意

test

はてな

はてな

test

ポイント

ポイント

test

メモ

メモ

test

基本(タイトル幅100%)

見出し(全角15文字)

test

注意(タイトル幅100%)

注意

test

はてな(タイトル幅100%)

はてな

test

ポイント

ポイント

test

メモ

メモ

test

 

5.メモボックス

メモ

 

 

6.スライドボックス

「+ クリックして下さい」をクリックすると全文が出てきます。補足説明を詳しくするような時に便利です。

+ クリックして下さい

test

 

7.チェックボックス(番号リストなし)

test

 

8.こんな方におすすめ(v)

こんな方におすすめ

  • test
  • test

 

9.こんな方におすすめ [v]

こんな方におすすめ

  • test
  • test

 

 

10.ガイドマップメニュー

ガイドマップメニュー」は目次のようにリンクで目当ての文章まで飛ばすことができます。

 

 

11.pre

者がコピーできるようにURLやプログラミングコードを表示する時に便利です!!

 html
https://evolvenote.com

 

12.pre : terminal

pre」をターミナルのようなデザインに変更することができます。

 command
test

 

13.pre : shortcode

[/] shortcode
test

 

 

 

スポンサーリンク

-ブログ

© 2021 Evolvenote Powered by AFFINGER5