WordPressで作るウェブサイト&サイト運営・集客をわかりやすく学べます

WordPressで作るウェブサイト&サイト運営・集客をわかりやすく学べます

LightningG3テーマのブロックエディタの使い方講座(入門編)

LightningG3テーマのブロックエディタの使い方講座(入門編)

当WordPressセミナーでも利用しているLightningテーマが2021年5月〜新しくなりました。

通常のバージョンアップで新しくなったのではなく、大きく内容が変わりました。

そこで、このLightningG3のデモデータを入れて、

写真素材や色、文字を入れ替えて下記のようなデモサイトにしました。

 

デモサイト例
素材を差し替えたサイト例

LightningG3のテーマのデモデータのインポート方法

【LightningG3テーマの使い方1】デモデータをサイトにインポートして編集できるようにしてみましょう。

▼デモデータ https://demo.dev3.biz/lightning-g3/

このデモサイトを編集して

▼こちらのサイトにしました。 http://lightning3.8seminar.com/

Lightning公式サイトはこちら:https://lightning.vektor-inc.co.jp/

ロリポップやさくらサーバー等WordPressの最大アップロード が少なく、デモデータをインポート出来ない場合は、事前に、設定が必要です。
▼最大アップロードサイズを変更する方法: https://www.vektor-inc.co.jp/tag/upload-max-filesize/

【LightningG3テーマの使い方2】Lightningテーマの外観(カスタマイズ)設定をしましょう。

Lightningのテーマの新しい「Lightning G3テーマ」を試してみましょう。

新規にデモデータをインストール(インポート)した後に、Lightningテーマの外観(カスタマイズ)設定をしましょう。

【LightningG3テーマの使い方3】トップページを更新してみましょう
(画像やテキストの差し替え等)

Lightningのテーマの新しい「Lightning G3テーマ」を試してみましょう。
新規にデモデータをインストール(インポート)し、トップページの画像やテキスト、色などを更新してみましょう。

【LightningG3テーマの使い方4】サービス紹介ページの修正と子ページ追加
よくあるご質問とサービスの流れのページ更新方法

Lightningのテーマの新しい「Lightning G3テーマ」を試してみましょう。
新規にデモデータをインストール(インポート)し、サービス紹介ページ更新と子ページで新しくページを追加しましょう。
サービスの流れのページの更新とよくあるご質問のページの編集方法です。

【LightningG3テーマの使い方5】デザイン要素のサンプルの確認&
メニューの変更&カテゴリーの色の変更

デザイン要素のサンプルを見て何が作れるのか確認し、メニューの変更&カテゴリーの色も変更します。
見出しのデザイン ・リスト、ボタン、引用 ・ページレイアウトサンプル(1カラム、1カラム(サブセクション無し)・2カラム・siteContentの上下余白を無し) ・VK Blocksブロックサンプル

  • 見出しのデザイン
  • リスト
  • ボタン
  • 引用
  • ページレイアウトサンプル(1カラム、1カラム(サブセクション無し)
  • 2カラム・siteContentの上下余白を無し)
  • VK Blocksブロックサンプル

【LightningG3テーマの使い方6】会社案内ページ
(会社概要・Google マップの地図差し替え)お問い合わせフォーム

会社案内ページを確認します。Googleマップをご自身の会社のものに変更します。
お問い合わせフォームの作成方法は別の動画で詳しく紹介しています。

既存のLightningテーマをClassic Editorからブロックエディタで使用する方法
(Lightning G3)

動画は過去のセミナー動画や補足動画等を皆さんに見てもらえるように準備していますので
引続きよろしくお願いいたします。

WordPress講座のチャンネル登録も併せてよろしくお願いします。

【無料】フォローアップ&公開講座スタート!

~ セミナー概要 ~
・サイト担当者必見!最新WordPress事情
・これからのスタンダードになるElementorエディタによるWordPressの新しい作り方
・Webサイト制作を受注するときの注意点

新しいWordPress作成のスタンダード!

WordPressでの制作はこれから大きく変化します!
テーマを選んで当てはめていく作り方から、自分で自由にデザインし、テーマまで作れる2ヶ月講座です。
受講後は、一緒に案件をお願いできる方も募集中!

新着情報

  ピックアップ講座

WordPressに限らず、Canvaの画像編集やサイト運営に関係する内容と、受講生さんからのご質問等で共通な内容も掲載していきます。

  おすすめ画像編集ツール

Canvaバナー
おすすめ画像編集ソフトです。当サイトのアイキャッチ画像やバナー、Instagram用の画像や当サイトのチラシもこちらのCanvaで作っていますよ!無料版で十分です。

 

 カテゴリー
PAGE TOP