Wardpress+Lightning 初心者ウェブ講座

Wardpress+Lightning(テーマ)でウェブ制作をする初心者向けのウェブ講座です。

Wardpress+Lightning 初心者ウェブ講座
第44回 Lightning PRコンテンツブロックの設定方法を解説

WordPressテーマLightningのVKブロック(VK Blocks)の一つ「PR Contentブロック」の設定方法を解説しています。画像とテキストの組み合わせのブロックです。テキスト部分には、見出しとボタンの表示もできます。画像の位置を左右変えられます。ボタンにはアイコン(FontAwesome)の表示も可能です。

続きを読む
Wardpress+Lightning 初心者ウェブ講座
第43回 WordPress メディアとテキストブロックの使い方(設定方法)を解説

WordPress標準の「メディアとテキストブロック」の設定方法について解説しています。画像とテキストを左右に並べて表示させるブロックです。使い勝手がありデザイン性も演出できるブロックですので、多くのウェブサイトで使われているのをご覧になっていると思います。スマホでは縦に並ぶように設定もできます。

続きを読む
Wardpress+Lightning 初心者ウェブ講座
第42回 Lightning グループブロックの作り方と枠線(囲み枠)の付け方を解説

WordPressのテーマLightningでグループブロックを作り、スタイルで枠線を付ける方法を解説しています。まずは、複数ブロックをグループブロック化する方法、そして、そのグループブロックに枠線(囲み枠)を付けます。Lightning VKブロック(VK Blocks)のグループブロックに付けられるスタイル(枠線等の装飾)全種類もご紹介いたします。

続きを読む
Wardpress+Lightning 初心者ウェブ講座
第41回 Lightning リストと見出しをグループブロック化して囲み枠(枠線)スタイルを施す方法を解説

WordPressのテーマLightningのリストは見出しとグループブロック化することで、見出し付きリストを作ることができます。そのグループボックスには囲み枠(枠線)の装飾(スタイル)を施すこともできるので、見出し付きリストをデザイン性の高い枠線ボックス(囲み枠)で見せることもできます。その方法を解説しています。

続きを読む
Wardpress+Lightning 初心者ウェブ講座
第40回 Lightning リストブロックの設定方法を解説

WordPressのテーマLightningのリストブロックの設定方法(使い方)につて解説をしています。WordPress標準のリストブロックにLightningのVKブロック(VK Blocks)独自の装飾スタイルが追加されています。「番号付きリスト」「番号なしリスト」の他に11種類ものリストの装飾スタイルがあります。リストアイコン色の変更もできます。

続きを読む
Wardpress+Lightning 初心者ウェブ講座
第39回 Lightning 枠線ボックス(囲み枠)ブロックの設定方法を解説

WordPressテーマLightningのVKブロック(VK Blocks)の一つ「枠線ボックスブロック」の設定方法を解説しています。枠線ボックスを使うことで、囲み枠を簡単に設定することができて便利です。見出しを付けたり、アイコンを付けることもできます。枠線ブロックの中に他のブロックを配置することもできます。

続きを読む
Wardpress+Lightning 初心者ウェブ講座
第38回 Lightning 吹き出しブロックの使い方を解説

WordPressテーマLightningのVKブロック(VK Blocks)の一つ「吹き出しブロック」の設定方法を解説しています。顔写真や顔イラストと組み合わせて、話しているかのような見せ方ができます。難しい説明など、会話形式にすると分かりやすくなるなどのメリットもあります。吹き出しがプルプル振動するなどのアニメーション効果も使えます。

続きを読む
Wardpress+Lightning 初心者ウェブ講座
第37回 Lightning 横並びボタンブロックの使い方を解説

WordPressのテーマLightningの横並びボタンブロックの使い方(ボタンの設定方法やカスタマイズ方法)につて解説をしています。ボタン内にFontAwesomeのフォントアイコン表示や、サブテキスト表示もできます。ただ、横並びボタンブロックは有料版Lightningで使える機能となっていますので、無料版Lightning利用の方はWordPress標準の「ボタンブロック」で横並びボタン表示をするといいです。

続きを読む
Wardpress+Lightning 初心者ウェブ講座
第36回 Lightning VKボタンブロックの使い方を解説

WordPressのテーマLightningのVKボタンブロックの使い方につて解説をしています。WordPress標準のボタンブロックもあるのですが、今回は、LightningのVKボタンブロックの方の使い方(ボタンの設定方法やカスタマイズ方法)について解説します。ボタン内にFontAwesomeのフォントアイコンを表示させたり、サブテキストを表示させたりできます。

続きを読む
Wardpress+Lightning 初心者ウェブ講座
第35回 WordPress ボタンブロックの使い方を解説

WordPressのボタンブロックの使い方につて解説をしています。テーマLightningのVKブロックにも「ボタンブロック」はあるのですが、今回は、WordPress標準のボタンブロックの方の使い方(ボタンの設定方法やカスタマイズ方法)について解説します。ボタンの角丸加工、複数ボタンの横並び・縦並び配置も簡単にできます。

続きを読む