May
27
VWSオンライン勉強会 #022 Lightningで物件情報サイトを作ってみよう
株式会社ベクトルが提供するWordPressやWeb制作の勉強会です。
Organizing : Vektor,Inc.
Registration info |
一般参加(zoom) Free
FCFS
運営&登壇者 Free
FCFS
YouTubeライブ参加 Free
FCFS
|
---|---|
参加者への情報 |
(参加者と発表者のみに公開されます)
|
Description
株式会社ベクトルが提供している、WordPressやWeb制作をとりまくさまざまなテーマをとりあげて開催しているオンライン勉強会です。 ご興味がある方であれば、経験や技術レベルに関係なく、どなたでもご参加いただけます。
また、ベクトル製品のWordPressテーマ Lightning、プラグイン VK Blocks の最新情報・カスタマイズ・運用についてもご案内しています。製品ご購入を検討されている方もぜひお気軽にご参加ください。
基本的に、毎月1回、だいたい第4木曜日の開催です。
途中参加 / 途中退場自由なのでお気軽に申し込みください。
https://zoom.us/ というビデオ会議アプリケーション(無料)を使用します。 参加される方はあらかじめインストールしておいてください。
★★★ ご参加時のお願い ★★★
PC本体のマイク&スピーカーを利用すると視聴者全員に対してエコーがかかった状態で流れてしまうので、 イヤホンなどご用意ください。 ※全く発言しない場合はマイクをミュートすれば問題ありません。 ※最近のMacBook Proなどは本体マイク&スピーカーでも特に問題ないと思います。
参加方法
connpassの参加登録が完了したあと、本ページの『参加者への情報』が表示されます。 勉強会当日お時間になりましたら、記載のURLからご参加ください。
内容(仮)
内容を調整中ですので、決まり次第アップデートいたします。
Lightningほか弊社製品新機能紹介(30分程度)
最近追加した機能や仕様変更事項、新製品情報などをご紹介します。
★ Lightning G3 が間も無く公式リリース! ★
無料の100%GPL の WordPress テーマ「Lightning」はWordPress公式ディレクトリ掲載の人気テーマです。 第3世代となる「G3」が間も無くリリースとなります!
ご紹介動画 | スライド | Lightning G3 のご案内 公式サイト
★ 高機能なフィルター検索「VK Filter Search Pro」がリリース特価で販売中! ★
痒いところに手が届く!ブロックエディタに対応で、使い勝手がよく、簡単にフィルター検索機能を実装することができます。
▼「絞り込み検索ってどんなもの?」という方は、まずはぜひ無料版「VK Filter Search」を使ってみてください!
VK Filter Search – 絞り込み検索プラグイン
▼そして、さらに高機能な拡張プラグインを4月22日にリリースしました。5月末までリリース特価です!
買い切りプラグインですので、ぜひこの機会にお買い求めをご検討ください!
「VK Filter Search Pro」詳細情報|「VK Filter Search Pro」のご購入はこちらから!
通常価格 ¥29,700 → リリース特価 ¥19,800 です!!(2021年5月31日(月)まで)
本編「Lightningで物件情報サイトを作ってみよう」(50分程度)
今回はサンプルとして「不動産サイトに物件情報を追加する」カスタマイズをデモンストレーションを交えながら解説していきます。
★こんな感じの不動産物件検索を実装していきます:
https://demo.dev3.biz/vk-filter-search/
★下記のデータ・資料をもとに作成していきます:
Lightningで物件情報(っぽい)サイトを作ってみよう
https://github.com/vektor-inc/lightning-g3-lesson-real-estate
カスタム投稿タイプについて理解しよう
WordPressには、通常の固定ページ(会社概要やお問い合わせページ)や、投稿ページ(ブログ記事など)のほかに、自分で好きな投稿タイプを作成できる「カスタム投稿タイプ」の機能があります。この機能を一から設定し、実際に活用するところまでを一緒に見ていきましょう。
フィルターフックを使ってみよう
WordPress本体のテンプレートや、テーマやプラグインに備わっているフックを活用して、もう一歩踏み込んだカスタマイズの方法を一緒に見ていきましょう。表現の幅がぐっと広がるはずです。
使用する予定のテーマ・プラグインと設定
テーマ Lightning 14以降 G3 モード を使用
- テーマ Lightning G3 (無料)
外観 > カスタマイズ > Lightning 機能設定 > 世代設定 で Generation 3
有効化するプラグイン
- Lightning G3 Pro Unit(有料版・推奨)
- VK All in One Expansion Unit (無料版)
- VK Filter Search (無料版) + 拡張版 Pro (有料版・推奨)
- VK Blocks Pro (有料版・推奨)
今回は上記を使用しますが、上記以外のテーマ・プラグインをお使いでも参考になる内容が含まれています。
Q&A、質問相談会(〜22:00まで)
本編中に出てきた質問にお答えします。初参加の方もお気軽にご質問ください。
チャットでお気軽に書き込みでの質問、または、音声参加でのご質問も大歓迎です。
また、Lightning ユーザーのみなさんと開発者との意見交換が可能です。本編内容とは別の質問でも構いませんのでお気軽にご質問をお寄せください。
懇親会
調整中。Zoomにて勉強会に引き続いて22時以降の開始を予定しております。 どなたでもご参加いただけます。
※ 勉強会中のチャットについて
勉強会中のチャットはzoomの中ではなく slack で行います。
VWSのslackに登録していない方は下記よりご登録ください。
https://join.slack.com/t/vektor-vws/shared_invite/zt-qpdex5sh-zjw_M3r38GBaewNKcXa7GA
事前に用意しておくとオススメの環境(ハンズオン会の時)
実際に軽く手を動かして試したい方は、 下記などテスト用のWordPress環境を用意しておいてください。
https://www.vektor-inc.co.jp/post/local-by-flywheel/
■ Lightning勉強会の時
Lightning 又は Lightning Pro の子テーマを適用したテスト環境を用意しておくと話を聞きながらその場で試す事ができます。
https://lightning.nagoya/ja/setting/customize/child_theme
■ 汎用ハンズオンの時
テーマは何を設定していても構いませんが、 Lightningだとより利用例が体感しやすい"かも"しれません。
Media View all Media
If you add event media, up to 3 items will be shown here.