こんにちは！あぶこです。
続々とWING(AFFINGER５）のアップデートがあり
嬉しい限りではございますが
こんな機能あったの？いつから？
みたいなこと、ありませんか？(;´∀｀)私だけ？
今回は、WINGver20180724マイナーアップデートで新しくできた
「ミニふきだし」×「クリップメモ」と「ミニふきだし」×「マイボックス」の
「複合デザイン」機能について、ご紹介したいと思います！
AFIINGER５の機能まとめ記事はこちら↓
-
AFFINGER5(WING)の機能カスタマイズまとめ！
続きを見る
複合デザイン機能の使い方とアップデートの方法！
使い方の前に、ver20180724以上にアップデートされていることを
確認してくださいね。
まだアップデートしていない方は、こちらから♪
複合機能
記事投稿画面から「タグ」→「複合」で
８種類の中から選ぶことができます。
自由なメモ
ココがポイント
ココがおすすめ
ココがダメ
ココに注意
さらに詳しく
◯才女性
◯才男性
複合（アイコンなし）
こちらも記事投稿画面から「タグ」→「複合（アイコンなし）」で７種類から。
自由なメモ
ココがポイント
ココがおすすめ
ココがダメ
ココに注意
もっと詳しく
つまづきポイント
複合デザイン機能をカスタマイズ！
それでは、いろいろと使えそうな
複合デザイン機能をカスタマイズしていきましょう。
こちらは、「複合」のものです。
上のショートコードを見ると、２列になっているのがわかります。
上のサイズが大きい文字列は、「ミニふきだし」
下の文字列は「クリップメモ」部分の設定です。
ミニふきだし部分
fontawesome="" 文字の前に表示するアイコン（電球マークに変更）
fontsize="80" フォントサイズ
fontweight="" 文字の太さ（100に変更）
bgcolor="#FFC107" ミニふきだしの背景色（青濃に変更）
color="#fff" ミニふきだしの文字色
margin="0 0 0 -6px" 位置の変更 上 右 下 左 の位置を変更できます。
クリップメモ部分
fontawesome="fa-file-text-o" クリップメモのアイコン
iconcolor="#FFC107" アイコンの色
bgcolor="#FFFDE7" 背景色（橙薄に変更）
color="#000000" 文字色
iconsize="200" アイコンの大きさ
ミニふきだし
クリップメモ部分
複合（アイコンなし）は
fontsize="90"になっており、ミニふきだしの文字は太め。
ミニふきだしの設定は、同じです。
「マイボックス」部分
title="" タイトル
fontawesome="" 文字前のアイコン
注意ポイント
この２つをいれると、ミニふきだしにかぶってしまうので
どうしても入れたい場合は、ミニふきだしの位置をずらすか、
枠線の太さを太くしてください。
color="#757575" 文字色
bordercolor="" （橙に変更）
bgcolor="#E1F5FE" 背景色
borderwidth="0" 枠線の太さ（10に変更）
borderradius="5" 枠の丸み
つまづきポイント
おためし
複合デザイン、嬉しいですね。
ただ、設定する箇所が多いので、自分の好きなようにカスタマイズしたら
ステ子に記憶させて、すぐに出せるようにしておくと便利かもしれません。
-
AFFINGER5(WING)の機能カスタマイズまとめ！
続きを見る