この記事ではWordPressテーマ：Lightning（ライトニング）の「カスタムボタンの作成方法」を初心者向けに解説しています。
WordPressのデフォルト機能を使用したボタン作成ではなく、推奨プラグインである「VKBLOCKS」のボタン作成機能の説明になります。
※ 解説に使用している画像はLightning（無料版）を利用しています。
Lightning：ボタンの作成方法
Lightning（ライトニング）インストール時に「VKBLOCKS」をインストールして有効化している方が大半だと思いますが、もしインストールしていない方はWordPressメニューの「プラグイン」→「新規追加」から「VKBLOCKS」と検索をしてインストールが可能です。
インストールが完了したら「有効化」すればOKです。
ボタンを作成するには「VKBLOCKS」の「ボタン」を選択します。
ボタンを表示するとこんな感じです。
ボタン設定で出来ること
| ①：サブテキスト | サブテキストを設定可能 |
| ②：ボタンサイズ | ボタンのサイズを変更可能 |
| ③：ボタンの位置 | ボタンの位置を変更可能 |
| ④：ボタンスタイル | ボタンのスタイルを変更可能 |
| ⑤：ボタンエフェクト | ボタンに光るエフェクトを追加可能 |
| ⑥：色 | ボタンの色を変更可能 |
| ⑦：アイコン | ボタンテキストの前後にアイコンを表示可能 |
①：サブテキスト
ボタンにサブテキストを表示させることができます。
ボタンにサブテキストを表示させるとこんな感じです。
②：ボタンサイズ
ボタンサイズを変更することができます。
ボタンサイズを変更するとこんな感じです。
③：ボタンの位置
ボタンの位置を変更することができます。
ボタンの位置を変更するとこんな感じです。
④：ボタンスタイル
ボタンのスタイルを変更することができます。
ボタンのスタイルを変更するとこんな感じです。
⑤：ボタンエフェクト
ボタンに光るエフェクトをつけることができます。
ボタンエフェクトを設定するとこんな感じです。
光るエフィエントの実際表示はLightning（ライトニング）で作成したサンプルサイトで確認できます。
→ Lightning（ライトニング）で作成したサンプルサイト（ボタン表示例）
⑥：色
ボタンの色を変更することができます。
ボタンの色を変更するとこんな感じです。
⑦：アイコン
ボタンのテキスト前後にアイコンを表示させることができます。
ボタンにアイコンを設定するとこんな感じです。
Lightning（ライトニング）で作成できるカスタムボタンはこんな感じです。
Lightning（ライトニング）ではデザインのあるカスタムボタンを簡単に作成することができます。