いや、実際設計思想なんて大した事書いてないですけどね...

1. Lightning ✕ ExUnit
開発背景と設計思想

2. ⾃自⼰己紹介

3. 名古屋で株式会社ベクトルという
ウェブ制作会社をしています。
設⽴立立して６期⽬目。
⽯石川栄和 ＠kurudrive

4. WordPressのかかわり
2015 WordCampTokyo セッションスピーカー
2015 WordCampKansai セッションスピーカー
2014 WordFesNagoya セッションスピーカー
2013 WordCampTokyo セッションパネラー
2013 WordFesNagoya セッションスピーカー
2013 WordCrabFukui セッションスピーカー
2012 WordCampTokyo セッションスピーカー

5. テーマ作ってます

6. 無料
170,000＋
DL!!
BizVektor（ビズベクトル）
bizvektor.com

7. Lightning

8. 開発背景

9. BizVektorの開発背景
2011年年 Facebookが⼤大流流⾏行行。
→ 怪しげなSNSコンサルがしょぼいHTMLテンプレートを
配布してちやほやされてるのにイラっとした。
格安案件へ対応
知名度度を上げるため
会社設⽴立立当初、無名の会社が受注するには知名度度と信頼を
得る必要があった。
どやるため

10. 2012年年 BizVektorリリース

11. ユーザー数は増え
知名度度は上がり
マネタイズも可能に・・・
なったけど・・・

12. カスタマイズしにくい？
ウェブ制作の知識識が無くても
⾼高品質なホームページが作れるテンプレート
BizVektorユーザー
＿⼈人⼈人⼈人⼈人⼈人⼈人⼈人⼈人⼈人⼈人⼈人⼈人⼈人⼈人⼈人⼈人⼈人＿
＞ ウェブ制作の知識識が無い⼈人が多い ＜
￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y

13. ﾟДﾟ)< ファイルが多くてわかりにくい。
機能が多ければファイルが多くなるのは当たり前だろ！
ファイルは多くてもカスタマイズしやすいように作ってあるんだよ！
／￣￣＼ カスタマイズしようと思ったけど
／ﾉ( ゝ 、_,ﾉヽ r‘´ ﾞヽ ／｀ヽ ＿＿＿_ ファイルが多くてわかりにくいんだよ！
| ⌒(（ ●）（●） ヽ ヽ从从/ / ＼ ／＼
. | （__人__） /⌒l ＼ ＼／ ／て （●）liil（●） ﾉ( ＼
| ｀ ⌒´ﾉ |`'''| ∑ ヽ／ ／ そ ／ （__人__） ⌒ ＼
／ ⌒ヽ } | | ,)／ ／ ＼ く | |!!il|!|!l| |
／ へ ＼ }__/ / ／ ／＼ ＼ ＼i⌒ヽｪｪ| ／
／ ／ | ノ ノ ／ ／ YＹY＼ ＼ ＼ ＼ /⌒,/´
( _ ノ | ＼´ ／ ／ ＼ ＼ / ＼ ＼/ /ｌ
| ＼_,／ ／ ＼ ＼_／ ＼_＿ノ |＼
.| ／ ＼ |) ）
ヽ ／ ＼ ,r' ／
＼ , '´ ｀' , ／ｰ'′
＼ ( ) ／
＼ ＼ ／ ／

14. 実案件で使いにくくなった
多機能すぎで案件によって
不不要な機能が出てくる
BizVektorベースで作ると新しい
フレームワークや技術を試しにくい
受注する案件の規模が⼤大きくなり
⾒見見た⽬目はテンプレートで対応しに
くくなった。でも機能の多くは
BizVektorのものを使いたい。

15. 機能が多すぎて公式に登録出来ない
プラグインテリトリーの機能を
外さなくてはいけない
⼀一度度やったけど
微妙な仕上がりに・・・

16. 新テーマ開発へ…

17. 新テーマでの開発重点事項

18. 機能は全てプラグインに分離離
機能が多いと公式テーマ登録・更更新の
レビューに時間がかかる
機能はプラグインに分離離
機能によっては公式に通らない
機能がプラグインに分けてあれば、
案件によってより柔軟なデザインが
可能になる。

19. テーマは極限までシンプルに
公式テーマ登録・更更新のレビューが
スムーズに通過出来るように
素⼈人でもカスタマイズしやすいように
少ないファイル＆少ないコード

20. カスタマイズ性と汎⽤用性
マネタイズの要でもあるプラグイン
から柔軟なカスタマイズが出来るよ
うに
昨今の案件で必ず発⽣生するカスタム投稿
タイプの追加など、ありがちなカスタマ
イズの際に制作者が最低限の⼿手間で済む
ように

22. Lightningの特徴

23. カスタム投稿タイプ⾃自動対応
パンくずやテーマファイルの書き換えが不不要です。

24. パンくずリスト⾃自動対応
カスタム投稿タイプ「イベント」とカスタム分類
「イベントカテゴリー」を作成して記事を登録すると・・・

25. カスタム投稿タイプ名
カスタム分類名

26. サイドバーにカテゴリーやアーカイブを表⽰示
イベント情報のウィジェットエリアが⾃自動的に追加されます

28. トップページにカスタム投稿タイプの新着を表⽰示

30. コードは書かなくていいし、
テーマファイル側は
ウィジェットエリアが
設定してあるだけでシンプル！

31. 細かいカスタマイズがしたい⼈人は・・・・
ループ部分は
module_̲loop_̲★ポストタイプ名★.php
サイドバーは
sidebar-‐‑‒★ポストタイプ名★.php
でカスタマイズ変更更

32. 投稿トップの設定による挙動

34. 投稿トップに指定した固定ページ
カテゴリー名

36. カテゴリー名
カテゴリー名

37. ExUnitの機能
多機能統合型プラグイン

38. 有効化するとインストール案内

39. VK All in One Expansion Unit の機能例例
• SNS連携
• メタタグ、OGタグ、twitter cardタグ出⼒力力
• ⼦子ページインデックス
• HTMLサイトマップ⾃自動⽣生成
• プロフィールウィジェット
• 3PRウィジェット
• CTAや広告の⼀一括挿⼊入
などなど
※Lightning 以外でも使えます。
（Bootstrapベースのテーマとの併⽤用推奨）
BizVektorではテンプレートに直書きしていた機能を
content へのフックやウィジェットで実装

40. PRブロックウィジェット

41. Call To Action

42. その他の機能例例
⼦子ページインデックス
お問い合わせ情報
SNSボタン
お問い合わせボタンウィジェット
プロフィールウィジェット

43. Thank you.