この記事には広告が含まれています。

Lightning(ライトニング):カスタムボタンの作成方法

Lightning(ライトニング):カスタムボタンの作成方法

この記事がお勧めな方

  • Lightning(ライトニング)のボタン作成について知りたい方
  • Lightning(ライトニング)がどんな感じか知りたい方

この記事ではWordPressテーマ:Lightning(ライトニング)の「カスタムボタンの作成方法」を初心者向けに解説しています。

WordPressのデフォルト機能を使用したボタン作成ではなく、推奨プラグインである「VKBLOCKS」のボタン作成機能の説明になります。

※ 解説に使用している画像はLightning(無料版)を利用しています。

Lightning:ボタンの作成方法

Lightning(ライトニング)インストール時に「VKBLOCKS」をインストールして有効化している方が大半だと思いますが、もしインストールしていない方はWordPressメニューの「プラグイン」→「新規追加」から「VKBLOCKS」と検索をしてインストールが可能です。

「VKBLOCKS」のインストール

インストールが完了したら「有効化」すればOKです。

ボタンを作成するには「VKBLOCKS」の「ボタン」を選択します。

「VKBLOCKS」:ボタン

ボタンを表示するとこんな感じです。

Lightning(ライトニング):ボタン表示

ボタン設定で出来ること

Lightning(ライトニング):ボタン設定
Lightning(ライトニング):ボタン設定
Lightning(ライトニング):ボタン設定
①:サブテキストサブテキストを設定可能
②:ボタンサイズボタンのサイズを変更可能
③:ボタンの位置ボタンの位置を変更可能
④:ボタンスタイルボタンのスタイルを変更可能
⑤:ボタンエフェクトボタンに光るエフェクトを追加可能
⑥:色ボタンの色を変更可能
⑦:アイコンボタンテキストの前後にアイコンを表示可能

①:サブテキスト

ボタンにサブテキストを表示させることができます。

ボタンにサブテキストを表示させるとこんな感じです。

Lightning:ボタン設定(サブテキスト)

②:ボタンサイズ

ボタンサイズを変更することができます。

ボタンサイズを変更するとこんな感じです。

Lightning:ボタン設定(ボタンサイズ)

③:ボタンの位置

ボタンの位置を変更することができます。

ボタンの位置を変更するとこんな感じです。

Lightning:ボタン設定(ボタンの位置)

④:ボタンスタイル

ボタンのスタイルを変更することができます。

ボタンのスタイルを変更するとこんな感じです。

Lightning:ボタン設定(ボタンスタイル)

⑤:ボタンエフェクト

ボタンに光るエフェクトをつけることができます。

ボタンエフェクトを設定するとこんな感じです。

Lightning:ボタン設定(ボタンエフェクト)

光るエフィエントの実際表示はLightning(ライトニング)で作成したサンプルサイトで確認できます。

→ Lightning(ライトニング)で作成したサンプルサイト(ボタン表示例)

⑥:色

ボタンの色を変更することができます。

ボタンの色を変更するとこんな感じです。

Lightning:ボタン設定(色設定)

⑦:アイコン

ボタンのテキスト前後にアイコンを表示させることができます。

ボタンにアイコンを設定するとこんな感じです。

Lightning:ボタン設定(アイコン設定)

Lightning(ライトニング)で作成できるカスタムボタンはこんな感じです。

Lightning(ライトニング)ではデザインのあるカスタムボタンを簡単に作成することができます。

ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。

ハムタ
ハムタ
パパくま
パパくま

現在は多くのAIライティングツールがあります。

そのほとんどが無料お試しでの利用が可能です。

お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。

無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。

無料お試しがずっと可能なAI記事作成ツール
無料お試しがずっと可能なAIライティングツール

2024/10/12    ,

「記事作成にAIを活用してみたいなぁ」 「でも料金はかけたくないなぁ」 そんな方に無料お試しがずっと可能なAIライティングツールをいくつか紹介します。 もちろん無料お試しなので、機能をフルに使用するこ ...

LIGHTNING:記事一覧

 LIGHTNINGの設定関係

 LIGHTNINGの使い方