Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Lightning

371 views

Published on

WordPress Theme Lightning

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Lightning

  1. 1. 主な特徴 公式ディレクトリ登録テーマで無料で利⽤可能 ⾒た⽬と機能が分離してある Bootstrap4ベースなのでBootstrapに馴染みが ある⽅は⼿動カスタマイズがしやすい ⾼機能のプロ版がある コンテンツデータがある デザインスキンシステムがある 2
  2. 2. 公式ディレクトリ登録テーマ 3
  3. 3. 4
  4. 4. 会社やお店などビジネスサイト向けの構成 デモサイト https://demo-ja.lightning.nagoya/ デモサイトインポートデータ 5
  5. 5. Lightningの構成 6
  6. 6. LightningPro ⾒た⽬の設定機能を強化版 アーカイブレイアウト制御/フォント指定/ヘッダ ー画像指定/モバイルナビゲーション強化など VKBlocksPro LightningProのユーザーに無料で提供されている VKBlocksの⾼機能版 7
  7. 7. カスタム投稿タイプへの ⾼度な対応 8
  8. 8. カスタム投稿タイプ追加機能 ExUnitの機能「カスタム投稿タイプマネージャ ー」を使えば、「製品情報」や「イベント情報」 といったカスタム投稿タイプを簡単に増やせる 9
  9. 9. カスタム投稿タイプマネージャー 10
  10. 10. 11
  11. 11. パンくずやウィジェットエリアなど⾃動で対応 投稿タイプ別のウィジェットエリアが⽣成 12
  12. 12. レイアウト要素を投稿タイプ枚に変更可能(Pro) 13
  13. 13. 投稿タイプ別にループカスタマイ ズしやすい構造 1件分の投稿投稿の表⽰要素を完全にオリジナルの 内容にしたい場合 ⼦テーマで template-parts/post/loop-slug.php で作成すればOK 14
  14. 14. 投稿タイプ別にカスタムフィール ドの要素を追加したい 例えば... イベント情報に「開催⽇」「料⾦」などのカスタ ムフィールドがあり、それを⼀覧にも表⽰したい 場合 15
  15. 15. 1件分まるまるファイルを作らなくても、 ちょっとした項⽬をフックで追加・改変できるよ うになっている 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
  16. 16. 17
  17. 17. ちなみに... 18
  18. 18. 拡張ブロックについて 19
  19. 19. 投稿リストブロック(Pro) https://youtu.be/SibB76s31QE 20
  20. 20. 投稿リストブロックにも先程の要素追加が反映さ れます 21
  21. 21. 標準ブロックの拡張 22
  22. 22. ブロックは鋭意追加開発中です 23
  23. 23. デザインスキンシステム ⾒た⽬の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
  24. 24. デザインスキンも⾃作可能 デザインスキンを⾃作したい⼈⽤にひな形のプラ グインがあります。 https://github.com/vektor-inc/lightning-skin- sample 25
  25. 25. コンテンツデータ https://vws.vektor- inc.co.jp/archives/content_data 26
  26. 26. おまけ 毎⽉オンライン勉強会やってます https://vektor.connpass.com/ 27
  27. 27. Thankyou 28

×