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

Lightning(ライトニング):画像挿入方法と画像設定の効果まとめ

Lightning(ライトニング):画像挿入方法と画像設定の効果まとめ

この記事ではLightning(ライトニング)で記事に画像を挿入する方法と画像に設定できる効果について初心者向けに解説しています。

この記事がお勧めな方

  • Lightningで記事内に画像を挿入する方法を知りたい方
  • Lightningの画像表示がどんな感じか知りたい方

Lightning:画像の挿入方法

記事に画像を挿入するには「画像ブロック」を選択します。

Lightning:画像ブロック

画像設定

画像設定ではALTテキスト(代替テキスト)の設定や画像サイズの設定などを行うことができます。

Lightning:画像設定

ALTテキスト(代替テキスト)

ALTテキスト(代替テキスト)とは画像の説明分のことです。

入力する際には次の点に注意が必要です。

注意点

  • 記事の内容に関係のないデザイン的な画像のAltテキストは「空欄」にする
  • 記事の内容にそったAltテキストを簡潔に入力する

画像サイズ

画像サイズの変更が可能です。

画像の寸法に入力することで任意のサイズに変更することも可能です。

Lightning:画像サイズ(サムネイル)
Lightning:画像サイズ(中)
Lightning:画像サイズ(大)

フルサイズを選択すると用意した画像のもとのサイズが選択されますが、記事内に表示できる横サイズには限度があるので自動で調整されます。

Lightning:画像サイズ(フルサイズ)

画像スタイル

画像スタイルで挿入画像のスタイルを変更することができます。

また、枠線や角丸の設定をすることができます。

Lightning:画像スタイル
デフォルト角丸
角丸2枠線
フォトフレームフォトフレーム傾き右
フォトフレーム傾き左シャドウ
流体シェイプ1流体シェイプ2
流体シェイプ3流体シェイプ4

デフォルト

Lightning:画像スタイル(デフォルト)

角丸

Lightning:画像スタイル(角丸)

角丸2

Lightning:画像スタイル(角丸2)

枠線

わかりにくいですが、画像周囲に枠線が表示されます。

Lightning:画像スタイル(枠線)

フォトフレーム

Lightning:画像スタイル(フォトフレーム)

フォトフレーム傾き右

Lightning:画像スタイル(フォトフレーム傾き右)

フォトフレーム傾き左

Lightning:画像スタイル(フォトフレーム傾き左)

シャドウ

Lightning:画像スタイル(シャドウ)

流体シェイプ1

Lightning:画像スタイル(流体シェイプ1)

流体シェイプ2

Lightning:画像スタイル(流体シェイプ2)

流体シェイプ3

Lightning:画像スタイル(流体シェイプ3)

流体シェイプ4

Lightning:画像スタイル(流体シェイプ4)

Lightning(ライトニング)の画像挿入方法と画像設定に関しては以上になります。

画像は読んでいる方に飽きさせない為、見やすくする要素としても重要ですので画像を表示させる機能は重宝します。

Lightning(ライトニング)の画像に設定できる効果は豊富なので、利用すれば記事にデザイン性を与えることができます。

合わせて読みたい関連記事

【2026年最新版】初心者にお勧めのWordPress無料テーマ|厳選3テーマ

  • 初心者にお勧めする無料テーマを厳選して3つ紹介した記事です。

初心者にお勧めのWordPress有料テーマ|収益化に繋げる為の厳選2つ

  • 収益化を目指す初心者ならやはり有料テーマがお勧め!
  • 特にお勧めする人気有料テーマ2つについて解説した記事です。

稼げるブログにする為のブログの書き方|初心者向け16個のテクニック

  • 収益化を目指すなら戦略的なテクニックが必要です。
  • AIを活用する時代でも基本的な知識として初心者が知っておくべき内容を解説した記事です。

AIブログの始め方|ChatGPTを使ったブログ運営完全ガイド

  • 今やブログ運営でAIの活用は当たり前です。
  • Chatgpt以外のGeminiや他のAIツールを利用する場合にも役立つ基本を解説。

ChatGPTでブログ記事を書く方法|初心者でもできるAIライティング完全ガイド

  • Chatgptを利用して記事を書く方法を初心者向けに具体的に解説した記事です。