解説です

1. ⼈気テーマ（⾃称）には理由がある！
サイト制作を楽にするWordPress有料テーマ
Lightning Pro 便利機能
kurudrive@Vektor,Inc.

2. 2

3. 3

4. 4

5. Lightning の特徴
ビジネス向けテーマ
SNS連携やアクセス解析タグなど
多くの機能は別のプラグインに実装
VK All in One Expansion Unit
独⾃のブロックは プラグイン
VK Blocks に実装
5

6. 6

7. ■ Lightning
https://wordpress.org/themes/lightning/
■ VK All in One Expansion Unit
https://wordpress.org/plugins/vk-all-in-
one-expansion-unit/
■ VK Blocks
https://wordpress.org/plugins/vk-blocks/
7

8. Pro版
Lightning Pro Lightning に機能追加
VK Blocks Pro VK Blocks に機能追加
VK Blocks Pro は Lightning Pro から無料で
インストール可能
8

9. 特徴・機能⼀覧
※⽐較的最近の機能のみ解説します
9

10. 10

11. 新ブロック＆機能強化
枠線ボックス
新 FAQブロック
フキダシブロック
ボタンブロック（アイコン追加）
⾒出しブロック（アイコン追加）
https://demo-ja.lightning.nagoya/sample-
design/vk-blocks-free/ 11

12. 標準ブロック拡張
⾒出しブロックのスタイル
リストブロックのスタイル
グループブロックのスタイル
画像ブロックのスタイル
蛍光マーカー
画⾯サイズ毎の⾮表⽰制御
12

13. 従来通り
レスポンシブスペーサー
スタッフブロック
アラートブロック
フロー
PR Blocks
PR Content
13

14. VK Blocks のブロックを選択
WordPress5.5からブロック⼀覧を表⽰するの
が少し⼿間になりましたが...
エディタ上で /vk と⼊⼒すれば選べます
14

15. VK Blocks Pro
投稿リストブロック
スライダーブロック
アニメーションブロック
カードブロック
アイコンカードブロック
15

16. ⽬次ブロック
ステップブロック
タイムラインブロック
グリッドカラムブロック
Outerブロック
16

17. 投稿リストブロック
https://demo.dev3.biz/lightning-
pro/sample-design/vk-blocks-pro-sample/
17

18. スライダーブロック
https://demo.dev3.biz/lightning-
pro/sample-design/slider-block-sample/
18

19. アニメーションブロック
https://www.vektor-
inc.co.jp/service/wordpress-plugins/vk-
blocks/animation/
https://www.vektor-
inc.co.jp/info/animation-add-effect/
19

20. カードブロック
https://demo.dev3.biz/lightning-
pro/sample-design/vk-blocks-pro-sample/
20

21. VK Block Patterns
VK Block Patterns リリースしました
https://www.vektor-inc.co.jp/info/vk-
block-patterns-release/
権限設定もできます
21

22. 22

23. Lightning（無料版）
ブロックエディタ対応
カスタム投稿タイプ⾃動対応
豊富なアイコンフォント Font Awesome
レイアウト設定機能
WooCommerce対応
23

24. レイアウト制御機能
カスタマイズ > Lightning レ
イアウト設定
トップページやアーカイブペ
ージ / 記事詳細ページで投稿
タイプ毎に指定
2カラム / 1カラム / 1カラム
（サブセクション無し） か
ら選択
24

25. 記事ページ個別に指定可能
25

26. レイアウトサンプル
https://demo-ja.lightning.nagoya/sample-
design/layout/
26

27. 開発者向けに⾼度なカスタマイズに
も対応
豊富な
アクションフック・フィルターフック
投稿タイプ毎にカスタマイズしやすい
ファイル構造
27

28. Lightning Pro（有料）
ヘッダー上部にサブメニューやお問い合わ
せボタンなど
デザインスキンでデザインを切り替え可能
⾒出しデザイン指定機能
フォント切り替え機能
28

29. ヘッダー透過
キャンペーンテキスト機能
記事⼀覧ページで様々な形式で表⽰可能
フッターの⾊や画像指定
モバイルで下部に固定ナビゲーション表⽰
29

30. ヘッダー透過機能
https://demo.dev3.biz/lightning-pro/
30

31. キャンペーンテキスト機能
https://lightning.nagoya/ja/
31

32. 記事⼀覧ページでの表⽰
カスタマイズ画⾯から
表⽰形式と表⽰要素を指定可能
https://demo.dev3.biz/lightning-
pro/information/
32

33. 33

34. 多機能プラグイン ExUnit
⼦ページ⼀覧挿⼊機能
HTMLサイトマップ挿⼊機能
先祖階層からのリスト挿⼊機能
お問い合わせ情報挿⼊機能
ブロックでも挿⼊できるようになりました
34

35. カスタム投稿タイプ作成機能
ページトップへ戻るボタン
スムーススクロール
関連記事表⽰
Call To Action 挿⼊機能
広告挿⼊機能
35

36. SNS 連携機能
OGタグ出⼒
twitterカードタグ出⼒
Facebookページプラグインウィジェット
シェアボタン挿⼊機能（ブロック有）
36

37. デザイナー向けの地味な機能
body class に スラッグや投稿タイプ名を
追加
メニューの current クラス最適化
37

38. ウィジェット
最新記事リスト
特定の固定ページ本⽂
プロフィール情報
カテゴリー・タグリスト
アーカイブリスト
38

39. 最近の追加機能（ExUnit）
絵⽂字無効化
XMLサイトマップ無効化
IE利⽤者へのアラート表⽰
再利⽤ブロック管理メニューの追加
デフォルトサムネイル画像登録
39

40. デフォルトサムネイル画像登録機能
https://ex-unit.nagoya/ja/archives/exunit-
9-22-0
40

41. VK Legacy Notice
古い機能を使っている場合に警告と対処⽅法
を表⽰
https://www.vektor-inc.co.jp/info/vk-
legacy-notice/
41

42. 新テーマ Katawara
https://www.vektor-
inc.co.jp/service/wordpress-
theme/katawara/
42

43. レイアウト以外は Lightning Pro と概ね同
じ
売り切り型なのでアップデートは不具合修
正のみ
投稿詳細ページのみページヘッダーの表⽰
形式を切り替えられる
※ Lightning Pro にも移植予定
VK Blocks などが 画⾯サイズ xxl へ対応
予定
WooCommerce も対応作業中
ベータリリース期間のみ特別価格で販売中 43

44. そのほか質問などあれば
44

45. ありがとうございました
45