WINGカスタマイズ

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

投稿日:2018年8月1日 更新日:

 

こんにちは!momoです。

 

続々とWING(AFFINGER5)のアップデートがあり

嬉しい限りではございますが

こんな機能あったの?いつから?

みたいなこと、ありませんか?(;´∀`)私だけ?

 

今回は、WINGver20180724マイナーアップデートで新しくできた

「ミニふきだし」×「クリップメモ」「ミニふきだし」×「マイボックス」

複合デザイン」機能について、ご紹介したいと思います!

 

複合デザイン機能の使い方!

使い方の前に、ver20180724にアップデートされていることを

確認してくださいね。

 

まだアップデートしていない方は、こちらから♪

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

複合機能

記事投稿画面から「タグ」→「複合」で

8種類の中から選ぶことができます。

自由なメモ

ココがポイント

ココがおすすめ

ココがダメ

ココに注意

さらに詳しく

◯才女性

◯才男性

複合(アイコンなし)

こちらも記事投稿画面から「タグ」→「複合(アイコンなし)」で7種類から。

自由なメモ

ココがポイント

ココがおすすめ

ココがダメ

ココに注意

もっと詳しく

つまづきポイント

 

複合デザイン機能をカスタマイズ!

それでは、いろいろと使えそうな

複合デザイン機能をカスタマイズしていきましょう。

 

こちらは、「複合」のものです。

 

上のショートコードを見ると、2列になっているのがわかります。

上のサイズが大きい文字列は、「ミニふきだし

下の文字列は「クリップメモ」部分の設定です。

ミニふきだし部分

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="" 文字前のアイコン

注意ポイント

この2つをいれると、ミニふきだしにかぶってしまうので

どうしても入れたい場合は、ミニふきだしの位置をずらすか、

枠線の太さを太くしてください。

 

color="#757575" 文字色

bordercolor="" (橙に変更)

bgcolor="#E1F5FE"  背景色

borderwidth="0" 枠線の太さ(10に変更)

borderradius="5" 枠の丸み

つまづきポイント

おためし

 

複合デザイン、嬉しいですね。

ただ、設定する箇所が多いので、自分の好きなようにカスタマイズしたら

ステ子に記憶させて、すぐに出せるようにしておくと便利かもしれません。

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

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.