WINGカスタマイズ

WING(AFFINGER5)のマイボックスのカスタマイズ方法!クリップメモとの違いは?

投稿日:2018年7月15日 更新日:

マイボックス

こんにちは!momoです。

 

今まで曖昧に使ってきたマイボックスとクリップメモ。

どちらも中に文字を入力できるけれど、やっぱり違いを知っておいて損はないですよね?

今回は、マイボックスについてです。

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

マイボックス

記事投稿画面から「タグ」→「デザイン」→「マイボックス」から

マイボックスの種類を選択し、クリックします。

マイボックス

 

ポイント

基本

しかく(枠のみ)

まるみ

ポイント

ポイント

注意ポイント

注意ポイント

はてな

はてな

 

マイボックスをカスタマイズ!

それではマイボックスの基本を使って、ショートコードの説明です。

マイボックス

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

 

マイボックスのアイコンをカスタマイズ

ポイント

アイコンを王冠に変更しました。

アイコンの変更は

タグ」→「Webアイコン」から選択できます。

Webアイコンについての詳しい記事はこちら♪

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

 

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

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

 

 

マイボックスのカラーをカスタマイズ!

おすすめ!

タイトルを「おすすめ!」に、タイトル色をHTMLカラーコードを使用し緑濃にしました。

 

カラーの変更は、「タグ」→「HTMLカラーコード」から選ぶことができます。

こちらで「ボーダー色」「背景色」も変更できます。

おすすめ!


ボーダー色を青に、背景色を黄薄に変更しました。

 

HTMLカラーコードについての詳しい記事はこちら♪

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

 

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

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

 

ボーダーの太さと丸み

マイボックス(基本)では、

borderwidth(ボーダーの太さ)="2"となっていますが

borderwidth="5"にしてみます。

おすすめ!


borderwidth="5"の太さ
ひよこさん
2→5にしただけでも、かなり太くなるね

 

続いて、マイボックス(基本)では、

borderradius(ボーダーの丸み)="5" となっていますが

borderradius="30" にしてみます。

おすすめ!


borderradius="30" の丸み

 

さらに、マイボックス(基本)では、

titleweight(タイトルの太さ)="bold"となっていて、太字の状態です。

titleweight="" このように、「””」の中の文字を消すと、タイトルの太さが細くなります。

おすすめ!


タイトルの太さ変更。

 

マイボックスとクリップメモの違いは?

どちらも枠の中に文章を入力できるのは同じ。

  マイボックス クリップメモ
アイコンの変更 あり あり
アイコンの色変更 あり(タイトルと一緒に) あり
背景色の変更 あり あり
テキスト色の変更 無し あり
ボーダーの有無 あり 無し
アイコンの大きさ変更 無し あり
丸みの変更 あり 無し

 

マイボックスとクリップメモにツイートを入れてみた!

マイボックスとクリップメモの本文に

Twitterの埋め込みコードを入れてみました。

 

マイボックス

ポイント

クリップメモ

こちらは、アイコンのサイズを100→300に変更しました。


アフィ主婦
好みはあるかもしれないけど、情報量が多いならマイボックスかな?

 

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.