WING/AFFINGER5

「アフィンガー5/WING」スタイルの種類一覧

2020年11月5日

wing

 

投稿画面のスタイル一覧。

あの装飾どこにあったっけな~て探すのに時間がかかるので並べました。

私がよく使うのは、見出し風と、マーカーと、ボックス。

揺れたり回転したりするアニメーションとか面白い装飾もあるよ。

 

 

スタイル

 

テキスト

テキストは簡単に装飾することが出来るよ。

赤字

太字

赤字(太字)

大文字

小文字

ドット線

参照リンク

参考

必須

打消し

code

code風

NotoSans(フォント)

RoundedM+1c(フォント)

最後のフォントはよく分からん。ごめん。

 

 

アニメーション

アニメーションは、文字や画像を揺らすことが出来るよ。

日傘ねこアイコン01 45°揺れ

日傘ねこアイコン02 ベル揺れ

日傘ねこアイコン04 横揺れ

日傘ねこ07ファイト 縦揺れ

日傘ねこアイコン01 点滅

日傘ねこ06ガーン バウンド

日傘ねこアイコン02 回転

日傘ねこ08旦那ネコ ふわふわ

日傘ねこ05ハテナ 大小

日傘ねこアイコン03 シェイク

日傘ねこアイコン04 シェイク(強)

日傘ねこ06ガーン 拡大(ゆれ)

日傘ねこアイコン01 過ぎる

日傘ねこ08旦那ネコ 戻る

日傘ねこアイコン06 バースト

日傘ねこアイコン05 落ちる

使ったこと無かったけどインパクトあっていいね。

 

 

アイコン

はてな

注意

人物

チェック

メモ

王冠

初心者マーク

アイコンの色は、「外観」→「カスタマイズ」→「[+]オプションカラー」→「記事内のWebアイコン」で変更できるよ。

アイコンもっと増やしてほしいね。

 

 

見出し

キャッチコピー

キャッチコピーあいうえお

あいうえお
キャッチコピー(+目次)

文字の上や下に小さい字でくっつけることが出来るよ。

キャッチコピー見出し

見出しと合体も可能。

記事タイトル・h2風~h5風・まとめ

記事タイトル

h2風

h3風

h4風

h5風

まとめ

「外観」→「カスタマイズ」→「[+]各テキストとhタグ(見出し)」と同じデザインのものが使われます。

「記事タイトル」と「h2風~h5風」は、使っても目次に入らないけど「まとめ」は入るみたい。

カウント

カウント

カウント

カウント

数字を簡単につけてくれます。

 

 

ランキング

王冠を付けれるよ。

1位

2位

3位

4位以下

 

ランキング書いたこと無いので、まだ使ったこと無いけど、目立つし分かりやすくていいね。

 

 

マーカー

黄マーカー

黄マーカー(細)

赤マーカー

赤マーカー(細)

青マーカー

青マーカー(細)

鼠マーカー

鼠マーカー(細)

私はこれ結構使ってる。強調する時に便利。

 

 

写真

枠線

pig

 

ポラロイド風

pig

 

ワイド

pig

 

画像大きくしても、端っこは隙間があるんだと思ってたけど、ワイドを使えばいいのね。

 

 

ボックス

黄色

 

薄赤

 

グレー

 

引用風

 

ワイド背景

 

ワイド背景(左寄せ)

 

ワイド背景(右寄せ)

 

 

引用風の背景色は、「外観」→「カスタマイズ」→「[+]各テキストとhタグ(見出し)」→「引用部分の背景色」で変更できるよ。

 

 

リスト

番号なしリストアフィンガー

「スタイル」→「リスト」をクリックして好きなリストを選ぶと、四角い枠が出て、その中に文字を入力して、リストにしたい文字を選んで「番号なしリスト」「番号付きリスト」をクリックすると出来るよ。

 

  • ドット下線(リスト)
  • ドット下線(リスト)
  • ドット下線(リスト)

 

  • マル(リスト)
  • マル(リスト)
  • マル(リスト)
  • マル+ドット下線(リスト)
  • マル+ドット下線(リスト)
  • マル+ドット下線(リスト)

アイコンの色は「外観」→「カスタマイズ」→「[+] オプションカラー」→「チェックリスト」→「チェック背景色」で変更可能。

 

  • 簡易チェックリスト
  • 簡易チェックリスト
  • 簡易チェックリスト
  • 簡易チェック+ドット下線(リスト)
  • 簡易チェック+ドット下線(リスト)
  • 簡易チェック+ドット下線(リスト)
  • チェックボックス(番号なしリスト)
  • チェックボックス(番号なしリスト)
  • チェックボックス(番号なしリスト)

アイコンの色は「外観」→「カスタマイズ」→「[+] オプションカラー」→「記事内のWebアイコン」→「[v] チェックボックス」と[v] チェックボックス(枠)」で変更可能。

 

  • チェックリスト(番号なしリスト)
  • チェックリスト(番号なしリスト)
  • チェックリスト(番号なしリスト)

アイコンの色や背景色は「外観」→「カスタマイズ」→「[+] オプションカラー」→「チェックリスト」で変更可能。

背景色の角を丸くすることも出来るよ。

 

  1. ナンバリング(番号付きリスト)
  2. ナンバリング(番号付きリスト)
  3. ナンバリング(番号付きリスト)
  • ナンバリング四角(リスト)
  • ナンバリング四角(リスト)
  • ナンバリング四角(リスト)
  • ナンバリング四角+ドット下線(リスト)
  • ナンバリング四角+ドット下線(リスト)
  • ナンバリング四角+ドット下線(リスト)

アイコンの色や背景色は「外観」→「カスタマイズ」→「[+] オプションカラー」→「数字リストのカラー」で変更可能。

ナンバリング(番号付きリスト)の背景色の角を丸くすることも出来るよ。

 

 

レイアウト

日傘ねこ07ファイト

回り込み解除

日傘ねこアイコン02
センター寄せ

日傘ねこアイコン01

下に余白

 

カードスタイル

 

カードスタイルB

「カード」ボタンクリックして、idに記事の番号を入れる。

カードが縦型になる、ノーマルとBの違いが何なのかはわからん。

 

ランキングボックス

「ランキング管理」→「CSS」→「ランキング一覧背景色」の色が出る。

 

width100%リセット

imgインラインボックス

この2つは意味が分からん。ごめん。

 

 

テーブル

 

横スクロール

横スクロール 横スクロール 横スクロール 横スクロール 横スクロール
横スクロール 横スクロール 横スクロール 横スクロール 横スクロール
横スクロール 横スクロール 横スクロール 横スクロール 横スクロール

スマホなどで、横幅がはみ出た時に、スクロールできるバーが出るよ。

 

中央配置

中央配置 中央配置 中央配置 中央配置 中央配置
中央配置 中央配置 中央配置 中央配置 中央配置
中央配置 中央配置 中央配置 中央配置 中央配置

 

装飾なし

装飾なし 装飾なし 装飾なし 装飾なし 装飾なし
装飾なし 装飾なし 装飾なし 装飾なし 装飾なし
装飾なし 装飾なし 装飾なし 装飾なし 装飾なし

 

 

表のデフォルト色を変えるのは「外観」→「カスタマイズ」→「[+]オプションカラー」→「table(表)」で変更できるよ。

 

使ったこと無いのが結構あった。アフィンガーはこういう事もできるんだ~というのが分かりました。

意味分からないのもあったけど…。

リスト作る時、自分で数字入力してたけど、これからはリスト便利機能を使って、時短だ!

 

 

-WING/AFFINGER5

Copyright© 日傘ねこ 便利グッズ&これいいな , 2020 All Rights Reserved.