広告

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

初心者でも使いやすいですしお勧めです。

また、このブログではAFFINGER6を利用しています。

AFFINGER6の画像挿入に関する機能も使いやすく初心者にお勧めです。

AFFINGER6(アフィンガー6)について、もっと詳しく知りたい方はこちらをご覧になってください。

AFFINGER6(アフィンガー6)の価格・特徴・使い方まとめ
AFFINGER6の始め方-初心者向けスタートアップガイド

2024/5/14  

AFFINGER6を使ってみたい!気になる!という方向けに AFFINGER6ってどんなテーマ? AFFINGER6でどんなことができるの? AFFINGER6を使うにはどうすればいいの? といった内 ...