Lightning G3 について2021年4月2日のイベント WPZoomUpでのCM用スライドです。

1. All New Lightning
Lightning G3 について
1

2. ビジネスサイト向け無料WordPressテーマ
2015年リリース / おかげ様でアクティブ 50,000+ インストール

3. さすがに基本設計が古い
互換維持など本来不要なコードが多い
諸々改修したいが更に互換コードが増える
最新のウェブ環境にあわせて、
より簡単に、よりカスタマイズしやすく
3

5. Lightning G3 とは
G3 は Generation（世代） の略
第１世代 : Bootstrap3 ベース
第２世代 : Bootstrap4 に変更
第３世代 : New!!
バージョン3は既に通り越しているので、
区別するために「G3」と呼んでいます。
5

6. Lightning G3 = Lightning 14.x
Lightning G3 は 無料版 Lightning 14.x
テーマとしては今まで通りの「Lightning」
基本的に従来版からバージョンアップしても
即死しない構造にしています。
従来版も継続メンテナンスです。 （後述）
別テーマではありません
6

7. Lightning G3版の特徴

8. をPRしたいところですが
8

9. 今⽇の僕は
9

10. スケボーの話がしたい！
10

11. スケボーが好き
11

12. デッキは消耗品
12

13. 古くなると弾きが悪くなる
13

14. デッキの相場
グラフィックデッキ :
定価 1.1万円（税込）
無地 : 5千円
いつもグラフィックありの
値引きで
8千円くらいのを
買ってました
14

15. だがしかし
15

16. 世界はCOVID-19
16

17. デッキは輸⼊なので品薄！
値引きなしでどれも1万円オーバー
17

18. しかたないと
思いつつ...
好きなブランド
Magenta
ロゴデッキ
18

19. スケボーって
19

20. こういう事するので
20

21. グラフィック剥げちゃうんです
21

22. ってことは
22

23. 消えるやん！
23

24. 消えて無地になるのに
1万円以上はもったいない！
24

25. そうだ！
25

26. ⾃作しよう！！
（ブランクデッキに塗装など）
26

27. デザイン案
27

28. どうやって作る
ステッカー : 簡単に剥がれそう
ステッカーだと毎回発注・買わないといけない
ステンシル : 塗装がぼやけそう
→ ぼやけるのはやむなしでステンシル塗装で
28

29. ステンシルデータで業者発注
29

30. 塗装するデッキ！
30

31. ステンシルシート！
31

32. 塗装していきたいと
思いまーす！
32

33. 浮いてしまうので
33

34. 両⾯テープで地道に頑張る
34

35. 隙間からある程度滲むのは仕⽅ない
35

36. マークだけ完了
36

37. 正直...
37

38. ここでやめとけば...
38

39. ロゴの塗装
Vの部分は⾚く塗るのでマスキング
39

40. ロゴの塗装（途中）
意図せず塗装が浮いてまだらになってまずが、
ここで外してもかっこよかったかも...
40

41. しかし執拗に塗り重ね...
41

42. ステンシルシートを
最後に外す時に
下地の塗装も剥がれてしまい...
42

43. それでもなんとか
補修して結局...
43

44. こんな感じになりました
もっとキレイにできると思ってた...
44

45. ⾜回りをつけて完成
45

46. かかった費⽤
ブランクデッキ : 5000円
ステンシルシート : 5,500円
塗料（追加購⼊）: 1000円
マスキングテープ類 : 500円
46

47. 上⼿くできなかったので
めっちゃ悔しい！
次回またリベンジしたい！
47

48. まとめ
ステンシルは必ずボケる
ボケる前提でキレイさを追求しない
みんなもスケボー＆
ステンシルをやってみよう！
48

49. 余談ですが
49

50. WordPressテーマ
Lightning G3版
めっちゃええで！
詳しくは続きのスライドで
50

51. Lightning G3版の特徴

52. 独⾃デザインの作成が容易
デザインスキンで装飾の切り替えが
できるようにしていたが...
従来 G3
共通CSS ブロックエディタ関連
サイトのレイアウト
各パーツのレイアウト等
ブロックエディタ関連
スキンCSS
サイトのレイアウト
各パーツのレイアウト等
各種装飾
各種装飾
52

53. G2以前のデザインカスタマイズ
既存のデザインを打ち消すのが⼿間
最初から⾃作するとテーマの仕様変更などに
対応するのが⼤変すぎて無理
53

54. G3以降のデザインカスタマイズ
共通CSS : 基本レイアウト・ブロック
スキン : 細かい装飾⽤
独⾃のデザインスキンが作りやすい構造
54

55. 装飾を極⼒省いたスキン
「Plain」を⽤意
デザインスキン Plain を選んで、⾃分で少しだけ
CSSを書き⾜す
デザインスキンのプラグインサンプ
ルを⽤意
https://github.com/vektor-inc/lightning-g3-
skin-sample
55

56. 速度改善
⻑年積み重なった古い機能・互換処理のため
のコードを削除
CSSの構造変更
56

57. 爆速とまではいきませんが 以前より速くなりました。
Lightning Pro Lightning G3 + Pro Unit
57

58. Pro版の新記追加機能
58

59. ヘッダーカスタマイズ機能
従来はスキンによってヘッダーレイアウトが違っ
たが、G3からはスキンに関係なく様々なレイア
ウト・機能が利⽤可能
59

60. 現⾏（G2）版の例
Fort
https://demo.dev3.biz/fort/
Charm
https://demo.dev3.biz/charm
Variety
https://demo.dev3.biz/variety/
60

61. G3版
61

62. ヘッダーレイアウトバリエーション
ナビゲーション回り込み（標準）
中央揃え
62

63. タイトル中央 & ナビ貫通
ヘッダーコンタクトあり & ナビ貫通
ヘッダーウィジェットあり & ナビ貫通
63

64. ナビゲーションカラー指定機能
64

65. ページヘッダー機能強化
投稿ページのページヘッダーの表⽰要素が切
り替え可能
固定ページのページヘッダーにサブテキスト
表⽰可能
固定ページのページヘッダーに先祖階層を要
素を表⽰可能
投稿タイプ毎に⾊やサイズ指定可能
65

66. 使う機能のみ
有効化
使わない機能は設
定画⾯から停⽌で
きます。
66

67. ⾮表⽰機能強化
ページ毎に⾮表⽰指定できる要素が増えました
従来（G2） G3
ページヘッダー
パンくずリスト
ヘッダー
ページヘッダー
パンくずリスト
フッター
ヘッダー・フッターを含まないLPの作成が簡単！
※ G3無料版からは⾮表⽰設定がなくなります。
67

68. G3版の構造について

69. モード切り替えを⾏うと
G3版になります
無料版Lightningユーザーが アップデートしてい
きなりG3版が読み込まれるわけではありませ
ん。
69

70. 外観 > カスタマイ
ズ > Lightning 機
能設定から
「Generation3
（β）」に切り替
えて保存・画⾯を
再読み込みしてく
ださい。
70

71. テーマ内で
ディレクトリが分かれている
テーマ内に 13系（G2）のファイルと新しいG3
のファイルが
それぞれ _g2 ディレクトリ、 _g3 ディレクトリ
にわかれています。
71

72. 互換性について
G2からG3へモードを切り替えた時互換性はあま
りありません。
受託案件の既存サイトはG3に変更せずそのまま
使ってください。
⾃分で運営しているサイトをG3に切り替える場
合は必ずバックアップをとった上で⾏ってくださ
い。
72

73. Pro版の扱いについて

74. 拡張プラグインに変更になります
テーマとしての Lightning Pro の G3 版は作り
ません。
無料テーマLightning
有料の機能拡張 プラグイン Lightning G3
Pro Unit
という構成に移⾏します。
74

75. 現状の Lightning Pro は継続メンテ
基本的に新機能追加はG3版に移⾏します。
WordPressのバージョンアップや不具合修正な
ど
メンテナンスは引き続き継続 しますので、
受託案件で利⽤や、アップデートが頻繁すぎると
思われる⽅は Lightning Pro をそのまま継続し
てください。
75

76. ライセンスと商品構成について（予定）
現状 : Lightning Pro
製品構成 :
テーマ Lightning Pro（G2）
プラグイン VK Blocks Pro
新規 7700円（税込み）
アップデート更新ライセンス 7150円（年）
76

77. 改定後 : Lightning G3 Pro Pack（仮）
製品構成 :
プラグイン : Lightning G3 Pro Unit
プラグイン VK Blocks Pro
テーマ Lightning Pro（G2）
アップデート１年 9900円（税込）
アップデート３年 26,400円（税込）
アップデート５年 39,600円（税込）
77

78. 新プランは４⽉中旬頃販売開始予定
G3 Pro Pack 販売開始前に Lightning Pro 購⼊
ユーザーは、ライセンス有効期間内は G3 Pro
Unit がダウンロード可能
G3 にしない場合
Lightning Pro のみの更新ライセンス 7150円
（年）は継続販売
※ Lightning Pro 単体での販売は終了します。
78

79. β版⼊⼿⽅法

80. Lightning 14系
まだ公式ディレクトリにはアップしていません。
https://lightning.vektor-inc.co.jp/
Lightning G3 Pro Unit
Lightning Pro のライセンスが有効な⽅は VWS
のマイアカウントページよりダウンロードできま
す。
https://vws.vektor-inc.co.jp/my-account 80

81. ついでに
絞り込み検索ができる無料プラグイン
VK Filter Search もよろしく
81

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