WINGカスタマイズ

WING(AFFINGER5)まるもじとWebアイコンを使ってカスタマイズする方法!

投稿日:2018年6月25日 更新日:

まるもじ

こんにちは!momoです。

 

WING(AFFINGER5)のページにあった、「まるもじ」。

いつもの見出しが、少しだけかわいくなりますね。

まるもじ

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

 

と、いうことで今回は「まるもじ」についてです。

 

まるもじをつかってみよう!

記事作成画面から「タグ」→「デザイン」→「まるもじ」の

大小を選択し、クリックします。

 

まるもじ

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

まるもじ

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

 

 

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

まるもじ

基本

オレンジ

ピンク

ブルー

 

はてな

チェック

うすい注意

注意

 

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

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

まるもじ

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

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

そんなフォントアイコンを簡単に入れることができるのが

WING(AFFINGER5)の「Webアイコン

Webアイコン

なんと15種類のアイコンを入れることができます。

Webアイコン

メモ

チェック

注意

 

はてな

矢印右

矢印下

 

ユーザー

コメント

電球

 

おしらせ

ギフト

ダイヤモンド

 

ダウンロード

王冠

初心者

 

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

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

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

フォントカラー赤濃

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

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

 

丸みの変更

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

radius=30のとき

radius=10のとき

radius=50のとき

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

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

 

まるもじを

見出しにつかってみる!

それでは、WING(AFFINGER5)のページのように

見出しにまるもじを入れていきましょう。

 

step
1
見出しをつける

段落」から「見出し3」を選択し、見出しをつけます。

(見出しなら何でも大丈夫です)

このとき、テキストモードでは、このように表示されます。

まるもじ

 

step
2
まるもじをつける

再びビジュアルモードにもどって

見出しの最初の文字にカーソルを合わせて

「まるもじ」をつくります。

 

まるもじ

「まるもじ」は、「まるもじ(大)」の「うすい注意」を使用。

フォントアイコン部分は消してあります。カラー、丸みはそのままです。

テキスト部分は、「まるもじを」と入力しました。

ひよこさん
いきなりでかいショートコードはびびるw

これで、上記のような見出しに「まるもじ」を入れることができます。

 

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

 

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

それでは、カスタマイズということで

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

ポイント

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

まるもじ

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

-30px; です。

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

色々試してみてね。

 

2018/9/3

WING(AFFINGER5)の機能カスタマイズまとめ!面倒くさがりのあなたへ

  こんにちは、momoです。   WING(AFFINGER5)を購入し、意気揚々といろいろな機能を試してみたいと思いつつ いちいち調べるのが面倒くさくて、なぁなぁに過ごしてきました。   アフィ主婦でも、せっかく機能に惚れてWING(AFFINGER5)を手にしたのに 使い倒さないなんて、もったいないと思わない?

ReadMore

2018/8/1

WING(AFFINGER5)複合デザインのカスタマイズ!ミニふきだしとクリップメモ・ミニふきだしとマイボックス

  こんにちは!momoです。   続々とWING(AFFINGER5)のアップデートがあり 嬉しい限りではございますが こんな機能あったの?いつから? みたいなこと、ありませんか?(;´∀`)私だけ?   今回は、WINGver20180724マイナーアップデートで新しくできた 「ミニふきだし」×「クリップメモ」と「ミニふきだし」×「マイボックス」の 「複合デザイン」機能について、ご紹介したいと思います!   複合デザイン機能の使い方! 使い方の前に、ver201 ...

ReadMore

2018/7/31

WING(AFFINGER5)で記事中にスライドショーを出す方法!

  こんにちは!momoです。   毎日びっくりするような暑さで体調崩しがちですが WING(AFFINGER5)もアップデートがあり、かなりアツイ!!ので 負けてはいられないと感じる今日この頃。   アップデートの際、「タグ」の表示も随分変わってしまったので 少しずつ画像を差し替えようと思っています。   では、今回のアップデートで WINGの機能紹介ページで真似してみたいと思っていた 「カテゴリ一覧スライドショー」機能ができるようになったので ご紹介したいと思い ...

ReadMore

ステ子

2018/7/26

神プラグイン「ステ子」8月末までの期間限定!ダウンロードと使い方をご紹介

  こんにちは!momoです。   うちにもようやく神プラグイン「ステ子」ちゃんを お迎えすることができましたー!!   いやー、WINGがver.20180717に更新できなかったときは 絶望的な気持ちになりましたが 他のブログでは更新できたので、おかしいなーと思って放置していましたw   それでは、「ステ子」ちゃんはどのようにお迎えするのか ダウンロードの方法や使い方をまとめていきたいと思います。   「ステ子」のダウンロード方法 まずは、プラグイン「 ...

ReadMore

2018/7/19

WING(AFFINGER5)を最新版にアップデートする方法!

こんにちは!momoです。   ふと、AFFINGER5管理のお知らせを見ていると 期間限定で、プラグイン「ステ子」がダウンロードできるではないですか!! 【期間限定】新プラグイン「ステ子」を今すぐゲットしよう! https://t.co/D6Qf8YrLbP #AFFINGER @WPSTINGERさんから — ステ子@STINGER公式 (@WPSTINGER) 2018年7月19日 ひよこさんWING(AFFINGER5)はアップデートが多くて 機能が増えるのはありがたいけれど いつアップ ...

ReadMore

-WINGカスタマイズ
-, ,

Copyright© 群れない世界で生きてみたい , 2018 All Rights Reserved.