各設定について
| タイトル設定 | |
| テキスト | ボタンに表示するテキスト ※ver20230312よりブロックに直接入力へ仕様変更 |
| アイコン (前) | テキスト前に表示するアイコンをリストから選択します |
| アイコンクラス | テキスト前に表示する任意のアイコンをCSSクラスで指定します |
| アイコン (後) | テキスト後に表示するアイコンをリストから選択します |
| アイコンクラス | テキスト後に表示する任意のアイコンをCSSクラスで指定します |
| テキストサイズ | テキストのサイズを指定します（％） ※オリジナルブロックのカスタムフォント設定の仕様変更について |
| 太字 | 見出しを太字にします |
| リンク設定 | |
| リンク先 URL | リンクしたいURLを記載します（※原則としてhttp(S)から記載） |
| nofollow | リンクに nofollow を追加するようにします。 |
| 新しいページで開く | リンク先を新しいページとして開くようにします。 |
| Google Analytics のイベントラベル | onclickイベントラベルを設定します |
| レイアウト・デザイン設定 | |
| 幅 (%) | 上下左右のマージを指定します |
| 影 | 影付きにします。 |
| 光る演出 | 枠線の太さを指定します |
| ボーダー | ボーダーの太さ、丸みを設定します |
| 色設定 | |
| タイトル色 | 見出しの色を指定します |
| ボーダー色 | 枠線の色を指定します |
| 背景色 | 背景色を指定します |
背景のグラデーション対応
ver20220722より背景色をグラデーションパレット対応にしました。
ショートコードでの実装
ショートコードでの実装は旧マニュアルをご参照ください。
カスタムボタン（ショートコード）（閲覧パスワード：winguser）
ボタンに透過シャドウを適応する
AFFINGER管理の「全体設定」＞”ボタンに透過シャドウを適応する（一括強制）”を有効にすると、ボタン全てにやわらかなドロップシャドウが適応されます（※個別の設定は無視されます。）
テキストについて
ver20230312より直接ブロックに入力するように仕様変更を行いました。
※連続する半角空白は1つの半角空白に置換されます
コピペする
-
-
ボタン - Affinger library
コピペできるデザイン集
affinger.com
インラインボタン
ver20260817以上の機能です
カスタムボタンブロックに「インラインにする」設定を追加しました。
有効化するとボタンを横並びで表示するなどが可能になります。
- エディター上の見た目は変わりません
アフィリエイトリンクを作成する
例えば以下のようなアフィリエイトコードがあったとします。
<a href="https://example.com/svt/ejp?affiliate=4B1XDZ+5CWJV6+5OI8+631SX" rel="nofollow">
<img border="0" width="400" height="209" alt="" src="https://example.com/svt/bgt?aid=260430407324&wid=005&eno=01&mid=s00000026504001022000&mc=1"></a>
<img border="0" width="1" height="1" src="https://example.com/0.gif?mat=4B1XDZ+5CWJV6+5OI8+631SX" alt="">一般的に a href="(URL)" のURL（上の例では黄色マーカー部分）がアフィリエイトリンクであり、img border="0" width="1" height="1" が計測タグ（上の例では青色マーカー部分）になります。
ボタンの設定では「リンク先URL」にアフィリエイトリンクを、「追加HTML」に計測タグを設定します。
- 実際の動作や成果発生の有無は実際のサービスで確認してください
- ASPによってはタグの改変不可の場合がございますので利用サービスに確認するか自己責任してご利用ください
