WINGカスタマイズ

AFFINGER5(WING)まるもじとWebアイコンをカスタマイズ!位置変更も

WING ( AFFINGER5)の「まるもじ」を使えば、いつもの見出しが、少しだけかわいくなりますね。

 

まるもじ

アフィ主婦
まるもじを使うと、見出しにインパクトが出ていいわね
ひよこさん
確かに。より目立つね!

 

今回は「まるもじ」をお好きにカスタマイズする方法を紹介していきます。

 

かわいいまるもじが使えるWING(AFFINGER5)の詳しいページはこちらから。

 

AFIINGER5の機能まとめ記事はこちら↓

AFFINGER5(WING)の機能カスタマイズまとめ!

続きを見る

 

WING(AFFINGER5)でまるもじをつかってみよう!

記事作成画面から「タグ」→「テキストパーツ」→「まるもじ」の大小を選択し、クリックします。

 

まるもじ

まるもじ(小)では、6種類

まるもじ

基本 オレンジ ピンク ブルー うすい注意 注意

 

 

まるもじ(大)では、「はてな」と「チェック」を加えた8種類

まるもじ

基本

オレンジ

ピンク

ブルー

 

はてな

チェック

うすい注意

注意

 

「まるもじ」をカスタマイズ!

基本のまるもじのショートコードはこちら。

まるもじ

Webアイコンをつかって、より簡単に。より分かりやすく。

フォントアイコンをつけると、よりかわいく、伝わりやすくなりますよ。

 

そんなフォントアイコンを簡単に入れることができるのが、WING(AFFINGER5)の「Webアイコン」です。

アイコンは、「タグ」→「ショートコード補助」→「Webアイコン」で30種類のアイコンの中から選ぶことができますよ。

 

ショートコード

「Webアイコン」で選択できるアイコン一覧

アイコン

まるもじ(大)を使った表示例です。

メモ

チェック

注意

 

はてな

矢印右

ハート

 

アイコン

まるもじ(小)を使った表示例です。

コメント 電球 お知らせ

 

メール ダイヤモンド 初心者

 

まるもじ(大)の文字は、太字になっています。

アイコンの太さはかわっていません。

 

15種類のカラーが一発できまる「HTMLカラーコード」の使い方はこちら

AFFINGER5(WING)ミニふきだしカスタマイズとポラロイド風写真!カラーコードも一発!

 

ちなみに、文字色を変更すると、アイコンの色も同じように変わります。

フォントカラー薄青

アフィ主婦
ミニふきだしでは、アイコンを入れられないから

アイコンを入れたいなら断然「まるもじ」ね。

 

丸みの変更

こちらが基本の丸み。radius="30"

radius=30のとき

radius=10のとき

radius=50のとき

ひよこさん
30から10は四角くなっているけれど、

30から50はあまり変わらないような?

 

まるもじの位置を変更方法

カスタマイズ見出し+まるもじの位置変更

 

カスタマイズ見出し+まるもじの位置変更

 

それでは、上記のように「まるもじ」の位置を変更してみましょう。

ポイント

基本は margin="0 10px 0 0" 上 右 下 左 の位置を変更できます。

まるもじ

上下の見出しの違いはこちら。

-30px; です。

アフィ主婦
-50px; にしたら、もっとはみ出た感じになったよ。

色々試してみてね。

 

WING(AFFINGER5)まるもじとWebアイコンをカスタマイズ!位置変更も

今回は、まるもじのカスタマイズを紹介しました。

Webアイコンと合わせると、また一段とかわいくなりますね。

 

大小で違いがあるので、お好きな方を使ってみてくださいね。

 

かわいいまるもじが使えるWING(AFFINGER5)の詳しいページはこちらから。

 

AFIINGER5の機能まとめ記事はこちら↓

AFFINGER5(WING)の機能カスタマイズまとめ!

続きを見る

人気の投稿とページ

-WINGカスタマイズ
-, ,

© 2021 あぶログ