WordPress Theme Lightning

2. 主な特徴
公式ディレクトリ登録テーマで無料で利⽤可能
⾒た⽬と機能が分離してある
Bootstrap4ベースなのでBootstrapに馴染みが
ある⽅は⼿動カスタマイズがしやすい
⾼機能のプロ版がある
コンテンツデータがある
デザインスキンシステムがある
2

3. 公式ディレクトリ登録テーマ
3

4. 4

5. 会社やお店などビジネスサイト向けの構成
デモサイト
https://demo-ja.lightning.nagoya/
デモサイトインポートデータ
5

6. Lightningの構成
6

7. LightningPro
⾒た⽬の設定機能を強化版
アーカイブレイアウト制御/フォント指定/ヘッダ
ー画像指定/モバイルナビゲーション強化など
VKBlocksPro
LightningProのユーザーに無料で提供されている
VKBlocksの⾼機能版
7

8. カスタム投稿タイプへの
⾼度な対応
8

9. カスタム投稿タイプ追加機能
ExUnitの機能「カスタム投稿タイプマネージャ
ー」を使えば、「製品情報」や「イベント情報」
といったカスタム投稿タイプを簡単に増やせる
9

10. カスタム投稿タイプマネージャー
10

11. 11

12. パンくずやウィジェットエリアなど⾃動で対応
投稿タイプ別のウィジェットエリアが⽣成
12

13. レイアウト要素を投稿タイプ枚に変更可能（Pro）
13

14. 投稿タイプ別にループカスタマイ
ズしやすい構造
1件分の投稿投稿の表⽰要素を完全にオリジナルの
内容にしたい場合
⼦テーマで
template-parts/post/loop-slug.php
で作成すればOK
14

15. 投稿タイプ別にカスタムフィール
ドの要素を追加したい
例えば...
イベント情報に「開催⽇」「料⾦」などのカスタ
ムフィールドがあり、それを⼀覧にも表⽰したい
場合
15

16. １件分まるまるファイルを作らなくても、
ちょっとした項⽬をフックで追加・改変できるよ
うになっている
add_filter( 'vk_post_options', 'my_vk_post_option_custom' );
function my_vk_post_option_custom( $options ) {
// 改変 投稿 指定
global $post;
if ( $post->post_type === 'event' ) {
// 最後 追加 HTML 変数 入
// event_date event_price 値 取得
$append_html = '<table class="table-sm mt-3">';
$append_html .= '<tr><th>開催日</th><td>' . esc_html( $post->event_date ). '</td></tr>';
$append_html .= '<tr><th>料金</th><td>¥ ' . esc_html( $post->event_price ) . '</td></tr>';
$append_html .= '</table>';
// 最後 追加 HTML
$options['body_append'] = $append_html;
}
return $options;
}
https://github.com/vektor-inc/lightning-child-
sample 16

17. 17

18. ちなみに...
18

19. 拡張ブロックについて
19

20. 投稿リストブロック（Pro）
https://youtu.be/SibB76s31QE
20

21. 投稿リストブロックにも先程の要素追加が反映さ
れます
21

22. 標準ブロックの拡張
22

23. ブロックは鋭意追加開発中です
23

24. デザインスキンシステム
⾒た⽬のCSSだけを切り替えられる機能がありま
す。
https://lightning.nagoya/ja/expansion/ex_plugin
https://demo.dev3.biz/fort/
https://demo.dev3.biz/pale/
https://demo.dev3.biz/charm/
https://demo.dev3.biz/jpnstyle/
https://demo.dev3.biz/variety/ 24

25. デザインスキンも⾃作可能
デザインスキンを⾃作したい⼈⽤にひな形のプラ
グインがあります。
https://github.com/vektor-inc/lightning-skin-
sample
25

26. コンテンツデータ
https://vws.vektor-
inc.co.jp/archives/content_data
26

27. おまけ
毎⽉オンライン勉強会やってます
https://vektor.connpass.com/
27

28. Thankyou
28