Lightning(ライトニング):見出しを作成する方法まとめ

この記事がお勧めな方

  • Lightning(ライトニング)の見出しブロックの使い方を知りたい方
  • Lightning(ライトニング)がどんな感じか知りたい方
  • 見出しについて知りたい初心者の方

Lightningでは「見出し」を作成する方法が2パターンあります。

※ Lightningインストール時に推奨プラグインであるVKBLOCKSをインストールしている場合

  • 「見出し」ブロックを使用する方法
  • VKBLOCKSの「見出し」を使用する方法

「見出し」ブロックでの作成

「見出し」はブロックツールの「見出し」から作成できます。

WordPress:見出しブロック
ハムタ
ハムタ

見出しって?

「見出し」についてよくわからない・・・って初心者の方はこちらの記事を参考にしてみてください。

テーマはAFFINGER6を利用して見出しについて説明していますが、初心者の方には参考になると思います。

AFFINGER6(アフィンガー6)の見出し作成方法【初心者向け】
AFFINGER6の見出し作成方法-初心者必見!見出しの基本

この記事がお勧めな方 AFFINGER6の見出し作成方法を知りたい方 見出しの作成について知りたい初心者の方 AFFINGER6の見出し表示がどんな感じか知りたい方 見出しとは? 見出しとは 記事の内 ...

Lightning(ライトニング)の見出しでは次のようなスタイルを設定できます。

Lightning:見出しスタイル
デフォルト装飾無し
背景塗り 灰色二重線 上下線 黒
二重線 下線 黒直線 上下 黒
直線 下線 黒点線 下線 黒
左右線括弧 黒

Lightning:見出しの表示例

Lightningの見出しは8種類のスタイルに変更することができます。

見出しレベルによって若干表示が違ってきます。

見出しレベルによる表示の違いを記載しておきますが、実際の見出し表示を確認したい方はLightningで作成したサンプルサイトを確認してみてください。

→ Lightningで作成したサンプルサイト(見出し)

Lightning:見出し(デフォルト)

Lightning:見出し(デフォルト)

Lightning:見出し(装飾無し)

Lightning:見出し(装飾無し)

Lightning:見出し(背景塗り 灰色)

Lightning:見出し(背景塗り 灰色)

Lightning:見出し(二重線 上下線 黒)

Lightning:見出し(二重線 上下線 黒)

Lightning:見出し(二重線 下線 黒)

Lightning:見出し(二重線 下線 黒)

Lightning:見出し(直線 上下 黒)

Lightning:見出し(直線 上下 黒)

Lightning:見出し(直線 下線 黒)

Lightning:見出し(直線 下線 黒)

Lightning:見出し(点線 下線 黒)

Lightning:見出し(点線 下線 黒)

Lightning:見出し(左右線)

Lightning:見出し(左右線)

Lightning:見出し(括弧 黒)

Lightning:見出し(括弧 黒)

Lightning:見出し(テキスト色・背景色)

見出しのテキスト色と背景色を変更することができます。

テキスト色を変更するとこんな感じです。

Lightning:見出し(テキスト色の変更)

背景色を変更するとこんな感じです。

Lightning:見出し(背景色の変更)

Lightning:見出し(タイポグラフィ設定)

タイポグラフィとは簡単に言えば、書かれた文字や文章を見やすくする技術のことです。

Lightning:見出し(タイポグラフィ設定)

VKBLOCKS「見出し」での作成

Lightningインストール時に推奨されているVKBLOCKSプラグインをインストールしている場合は、VKBLOCKSの「見出し」ブロックも利用することができます。

VKBLOCKSの「見出し」

VKBLOCKSを利用して見出しを作成するとこんな感じです。

VKBLOCKSの「見出し」の表示例

VKBLOCKS「見出し」で出来ること

VKBLOCKSの「見出し」設定
①:スタイル設定「標準」と「装飾無し」の2つのスタイルから変更可能
②:余白設定見出しとサブテキストの間の余白やブロック下の余白の設定
③:見出し設定見出しのサイズやテキスト色を変更可能
④:アイコン見出しの前後にアイコンを設定可能
⑤:サブテキスト設定見出し下にサブテキストを表示可能

①:スタイル設定

スタイル設定では「標準」と「装飾無し」の2種類から選択可能です。

②:余白設定

見出しとサブテキストの間の余白とブロック下の余白を設定できます。

VKBLOCKSの「見出し」(余白設定)

③:見出し設定

見出しの文字サイズと文字色を変更できます。

VKBLOCKSの「見出し」(見出し設定)

見出しの色やサイズを変更するとこんな感じです。

VKBLOCKSの「見出し」の色やサイズを変更した例

④:アイコン

見出しの前後にアイコンを設定可能です。

VKBLOCKSの「見出し」(アイコン設定)

見出しの前後にアイコンを設定するとこんな感じです。

VKBLOCKSの「見出し」前後にアイコンを表示した例

サブテキスト設定

見出しの下にサブテキストを表示することができます。

VKBLOCKSの「見出し」(サブテキスト設定)

見出しの下にサブテキストを表示するとこんな感じです。

VKBLOCKSの「見出し」(サブテキストを表示した例)

Lightningでの見出し作成については以上になりますが、実際に見出しを作成してみるのがより分かりやすいと思います。

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

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

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

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

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

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

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

2024/7/26    ,

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

LIGHTNING:記事一覧

 LIGHTNINGの設定関係

 LIGHTNINGの使い方