WINGカスタマイズ

AFFINGER5(WING)のクリップメモのカスタマイズ方法!

WING ( AFFINGER5 )の機能がたくさんあるのに

知らない機能はそのままにしたまま、使える機能だけで記事をかいていませんか?

 

 

例えるならば、

スマホに初めて替えたおかんが、電話とメールしか使っていないような感じです!

ひよこさん
機能はたくさんあるのに、いまいち使えてないのよ
アフィ主婦
ひよこさん!機能は使い倒してナンボよ!!

 

もちろん、細かいところにこだわりすぎて

記事が仕上がらないのでは困りますが

もうちょっと見やすくこだわっていきたいなら

レッツ・カスタマイズ♪

 

今回は、アイコンがかわいいクリップメモの幅広い使い方を紹介していきます。

 

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

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

続きを見る

WING(AFFINGER5)クリップメモとクリップメモ(テキスト)の違いは?

記事投稿画面から

タグ」→「テキストパーツ」→「クリップメモ」を選択します。

クリップメモ

 

テキストパーツには、クリップメモとクリップメモ(テキスト)があります。

この2つの違いは、表示すれば一目瞭然。

 

こちらがクリップメモです。

 

こちらがクリップメモ(テキスト)です。アイコンだけではなく「メモ」の文字が。

背景が淡い色なので、なんとなくわかればいいかなって感じ。(もちろん、色も変えることができますよ♪)

 

好みの問題かもしれませんが、私はクリップメモ(テキスト)の方がアイコンわかりやすくて好きかも。

 

クリップメモ一覧

メモ

外部リンク

ブックマーク

おしらせ

はてな

コメント

コード

ポイント

ユーザー

初心者

注意文

注意文(グレー)

 

クリップメモ(アイコン)一覧

メモ

参考

関連

注意

Check

次へ進む

前に戻る

質問

回答

クリップメモをカスタマイズ!

それでは、クリップメモ(メモ)を基本にショートコードの説明です。

クリップメモ

※本来は改行NGですので、ご注意を。

 

アイコンをカスタマイズ!

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

 

ショートコード

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

アイコン

アイコン

 

では、クリップメモのメモを選択して、アイコンの部分(””の中)を消します。

アフィ主婦
このとき、「””」は消さないようにね!

クリップメモ

 

そして、真ん中にカーソルを持ってきて「Webアイコン」でアイコンを選択します。

私は、ダイヤモンドを選択しました。

クリップメモ

このように表示されます。

 

もっとたくさんのアイコンから選びたい方は

AFFINGER5 管理」→「はじめに」の中の「素材・アイコン」のリンク集からどうぞ!

 

 

アイコンの大きさをカスタマイズ!

アイコンの大きさ iconsize="100"

iconsize="200"の場合

iconsize="50"の場合

ひよこさん
50だと、ちっちゃい!!

当たり前だけど、文字の大きさは変わらないのね。

 

カラーをカスタマイズ!

アイコン色、背景色、テキスト色を変更するには

タグ」→「ショートコード補助」→「HTMLカラーコード」から選ぶことができますよ。

 

こちらもアイコンの変更同様に、クリップメモのメモを選択して、カラーの変更の部分(””の中)を消します。

 

「””」の間にカーソルを持ってきて「タグ」→「HTMLカラーコード」でカラーを選択します。

カラーコード

 

カラーは17色から選択することができますよ。

 

これを使えば、オリジナルなクリップメモになりますね。

 

クリップメモ:コメント

アイコンカラーと文字色はHTMLカラーコードの赤を使用

クリップメモ:おしらせ

アイコンはギフト、アイコンカラーは橙、文字色は濃緑のHTMLカラーコードを使用

 

もっとたくさんのアイコンから選びたい方は

AFFINGER5 管理」→「はじめに」の中の「カラー」のリンク集からどうぞ!

 

WING(AFFINGER5)のクリップメモを使い倒すカスタマイズ方法!まとめ

WING(AFFINGER5)のクリップメモは、クリップメモとクリップメモ(テキスト)の2種類。

クリップメモは、Webアイコンやカラーの組み合わせで、たくさんの種類を簡単に作ることができますよ。

 

クリップメモ(テキスト)もアイコンや背景、文字の色を変えることができます。

 

WING( AFFINGER5)については、こちらもご覧ください。

 

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

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

続きを見る

人気の投稿とページ

-WINGカスタマイズ
-,

© 2021 あぶログ