Successfully reported this slideshow.
Your SlideShare is downloading. ×

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

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Loading in …3
×

Check these out next

1 of 43 Ad
Advertisement

More Related Content

Slideshows for you (20)

Viewers also liked (20)

Advertisement

Similar to Lightning ✕ ExUnit の開発背景と設計思想 (20)

More from Hidekazu Ishikawa (18)

Advertisement

Recently uploaded (20)

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

  1. 1. Lightning  ✕  ExUnit 開発背景と設計思想
  2. 2. ⾃自⼰己紹介
  3. 3. 名古屋で株式会社ベクトルという ウェブ制作会社をしています。 設⽴立立して6期⽬目。 ⽯石川栄和  @kurudrive
  4. 4. WordPressのかかわり 2015  WordCampTokyo  セッションスピーカー 2015  WordCampKansai  セッションスピーカー 2014  WordFesNagoya  セッションスピーカー 2013  WordCampTokyo  セッションパネラー   2013  WordFesNagoya  セッションスピーカー 2013  WordCrabFukui  セッションスピーカー   2012  WordCampTokyo  セッションスピーカー  
  5. 5. テーマ作ってます
  6. 6. 無料 170,000+ DL!! BizVektor(ビズベクトル) bizvektor.com
  7. 7. Lightning
  8. 8. 開発背景
  9. 9. BizVektorの開発背景 2011年年  Facebookが⼤大流流⾏行行。 →  怪しげなSNSコンサルがしょぼいHTMLテンプレートを     配布してちやほやされてるのにイラっとした。 格安案件へ対応 知名度度を上げるため 会社設⽴立立当初、無名の会社が受注するには知名度度と信頼を 得る必要があった。 どやるため
  10. 10. 2012年年  BizVektorリリース
  11. 11. ユーザー数は増え 知名度度は上がり マネタイズも可能に・・・ なったけど・・・
  12. 12. カスタマイズしにくい? ウェブ制作の知識識が無くても ⾼高品質なホームページが作れるテンプレート BizVektorユーザー _⼈人⼈人⼈人⼈人⼈人⼈人⼈人⼈人⼈人⼈人⼈人⼈人⼈人⼈人⼈人⼈人⼈人_ >  ウェブ制作の知識識が無い⼈人が多い  <  ̄Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y
  13. 13.  ゚Д゚)<  ファイルが多くてわかりにくい。 機能が多ければファイルが多くなるのは当たり前だろ! ファイルは多くてもカスタマイズしやすいように作ってあるんだよ!       / ̄ ̄\                                    カスタマイズしようと思ったけど     /ノ(  ゝ 、_,ノヽ        r‘´ ゙ヽ      /`ヽ          ____ ファイルが多くてわかりにくいんだよ!     | ⌒(( ●)(●)        ヽ   ヽ从从/   /        \   /\ .    |     (__人__) /⌒l     \  \/  /て       (●)liil(●) ノ( \      |     ` ⌒´ノ |`'''|    ∑ ヽ/  /  そ     / (__人__)  ⌒   \     / ⌒ヽ     }  |  |      ,)/  / \ く     |   |!!il|!|!l|         |    /  へ  \   }__/ /      /   /\  \      \i⌒ヽェェ|      /  / / |      ノ   ノ    /   / YYY\   \     \ \  /⌒,/´ ( _ ノ    |      \´    /   /       \   \     / \ \/  /l        |       \_,/   /         \   \_/    \__ノ |\        .|            /            \             |) )        ヽ          /               \           ,r' /          \      , '´                   `' ,        /ー'′           \     (                     )     /             \    \                  /    /
  14. 14. 実案件で使いにくくなった 多機能すぎで案件によって 不不要な機能が出てくる BizVektorベースで作ると新しい フレームワークや技術を試しにくい 受注する案件の規模が⼤大きくなり ⾒見見た⽬目はテンプレートで対応しに くくなった。でも機能の多くは BizVektorのものを使いたい。
  15. 15. 機能が多すぎて公式に登録出来ない プラグインテリトリーの機能を 外さなくてはいけない ⼀一度度やったけど 微妙な仕上がりに・・・
  16. 16. 新テーマ開発へ…
  17. 17. 新テーマでの開発重点事項
  18. 18. 機能は全てプラグインに分離離 機能が多いと公式テーマ登録・更更新の レビューに時間がかかる 機能はプラグインに分離離 機能によっては公式に通らない 機能がプラグインに分けてあれば、 案件によってより柔軟なデザインが 可能になる。
  19. 19. テーマは極限までシンプルに 公式テーマ登録・更更新のレビューが スムーズに通過出来るように 素⼈人でもカスタマイズしやすいように 少ないファイル&少ないコード
  20. 20. カスタマイズ性と汎⽤用性 マネタイズの要でもあるプラグイン から柔軟なカスタマイズが出来るよ うに 昨今の案件で必ず発⽣生するカスタム投稿 タイプの追加など、ありがちなカスタマ イズの際に制作者が最低限の⼿手間で済む ように
  21. 21. Lightningの特徴
  22. 22. カスタム投稿タイプ⾃自動対応 パンくずやテーマファイルの書き換えが不不要です。
  23. 23. パンくずリスト⾃自動対応 カスタム投稿タイプ「イベント」とカスタム分類 「イベントカテゴリー」を作成して記事を登録すると・・・
  24. 24. カスタム投稿タイプ名 カスタム分類名
  25. 25. サイドバーにカテゴリーやアーカイブを表⽰示 イベント情報のウィジェットエリアが⾃自動的に追加されます
  26. 26. トップページにカスタム投稿タイプの新着を表⽰示
  27. 27. コードは書かなくていいし、 テーマファイル側は ウィジェットエリアが 設定してあるだけでシンプル!
  28. 28. 細かいカスタマイズがしたい⼈人は・・・・ ループ部分は module_̲loop_̲★ポストタイプ名★.php サイドバーは sidebar-‐‑‒★ポストタイプ名★.php でカスタマイズ変更更
  29. 29. 投稿トップの設定による挙動
  30. 30. 投稿トップに指定した固定ページ カテゴリー名
  31. 31. カテゴリー名 カテゴリー名
  32. 32. ExUnitの機能 多機能統合型プラグイン
  33. 33. 有効化するとインストール案内
  34. 34. VK  All  in  One  Expansion  Unit  の機能例例 •  SNS連携 •  メタタグ、OGタグ、twitter  cardタグ出⼒力力 •  ⼦子ページインデックス •  HTMLサイトマップ⾃自動⽣生成 •  プロフィールウィジェット •  3PRウィジェット •  CTAや広告の⼀一括挿⼊入 などなど ※Lightning  以外でも使えます。      (Bootstrapベースのテーマとの併⽤用推奨) BizVektorではテンプレートに直書きしていた機能を   content  へのフックやウィジェットで実装
  35. 35. PRブロックウィジェット
  36. 36. Call  To  Action
  37. 37. その他の機能例例 ⼦子ページインデックス お問い合わせ情報 SNSボタン お問い合わせボタンウィジェット プロフィールウィジェット
  38. 38. Thank  you.

×