WING(AFFINGER5及びSTINGER PRO2)のマニュアルはコチラです※パスワードは商品フォルダ内テキストを確認

AFFINGER4 STINGER PRO クイックボタン

クリップメモの使い方

アイコンの大きさ、種類、色などが自由に変えれる簡単なメモボックスです。(ver20171226~)

これはダミーのテキストです

これはダミーのテキストです

これはダミーのテキストです

これはダミーのテキストです

これはダミーのテキストです

アイコンサイズも変えれます。複数行になるメモに便利です。これはダミーこれはダミーこれはダミー

アイコンサイズも変えれます。複数行になるメモに便利です。これはダミーこれはダミーこれはダミー

使用方法

①任意のテキストを選択して「タグ」>「クリップメモ」をクリック

上図のようにショートコードで囲まれればOKです。(※図はわかりやすいように太字・着色しています)

これはデフォルトのクリップメモ

カスタマイズ方法

ショートコード内の値を設定する事で表示するデザインを変更できます。

[ st-cmemo
fontawesome="①アイコン"
iconcolor="②アイコンの色"
bgcolor="③背景色"
color="④テキスト色"
iconsize="⑤アイコンのサイズ"
 ]

※わかりやすいように改行しています(実際は改行してはいけません)
※AMPページにカラー変更は適応されません

fontawesome="①アイコン"

アイコンはfontawesomeのものが使用できます。

変更したいアイコンの赤枠部分の英字を入力して下さい

例)fontawesome="fa-camera-retro"

アイコンを変更しました

iconcolor="②アイコンの色"

アイコンの色はHTMLカラーコード(#で始まる6桁のカラーコード)で変更できます。

例)iconcolor="#1e90ff

アイコンの色を変更しました

bgcolor="③背景色"

背景色もHTMLカラーコード(#で始まる6桁のカラーコード)で変更できます。

例)iconcolor="#FFFDE7

背景色を変更しました

color="④テキスト色"

テキスト色もHTMLカラーコード(#で始まる6桁のカラーコード)で変更できます。

例)iconcolor="#E91E63

テキスト色を変更しました

iconsize="⑤アイコンのサイズ"

アイコンサイズも「%」指定で変更できます。(デフォルトは100%)

複数行のテキスト時などに便利です。

例)iconsize="300"

※「%」は不要

アイコンサイズ3倍に変更しました

こだわり

実は「bordercolor="#カラーコード"」も用意しています。通常はアイコン横のボーダーはアイコン色と連動しますが細かく変更したい場合はbordercolorの値を追加して下さい。

AddQuicktagプラグイン(無料)を使用するとさらに便利

コードを登録できる「AddQuicktag」を使用すると作成したショートコードを登録できるので好きな時にいつでも作成したコードを呼び出せ便利です。

https://ja.wordpress.org/plugins/addquicktag/

NEW大幅に進化した新バージョンWING(AFFINGER5 / STINGER PRO2)好評発売中!

ユーザー様の声

ユーザーの声をさらに見る

新バージョン「WING」を見る

ご利用バージョンやテーマにより設定方法やキャプチャ画像が異なる場合がございます

※テーマアップデートにより情報が一部異なる場合がございます

-AFFINGER4, STINGER PRO, クイックボタン

Copyright© STINGER's MANUAL , 2020 All Rights Reserved Powered by AFFINGER5.