Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.

readme.md

Build Check

WordPress Theme "Lightning"

Lightning is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.


デザインスキン機能について

Lightningにはデザインスキンを外部から切り替える機能があります。 追加でスキンを作成する場合は下記のファイルを参考にしてください。

https://github.com/kurudrive/lightning-skin-sample

CSS 読み込み順(正確ではない覚書)

読み込みポイント Priority 読み込みファイル 備考
wp_enqueue_scripts vkExUnit_common_style-css
wp_enqueue_scripts vkExUnit_common_style-inline-css
wp_enqueue_scripts Bootstrap
wp_enqueue_scripts lightning-common-style 全スキン共通CSS
wp_enqueue_scripts lightning-design-style デザインスキン
wp_enqueue_scripts lightning-design-style wp_add_inline_style デザインスキン
wp_enqueue_scripts lightning-theme-style 子テーマでカスタマイズされるのでなるべく後ろである必要がある
wp_enqueue_scripts vk-font-awesome-css
wp_head 50 HeaderColorManagerでカスタマイズから指定された色
wp_head 200 ExUnit CSSカスタマイズ 共通
wp_head 201 ExUnit CSSカスタマイズ 投稿

lightning-late-load-style : 以下のハンドルに依存

  • lightning-design-style
  • lightning-common-style
  • vk-font-awesome
  • vk-blocks-build-css

Customize panel priority

$wp_customize->add_section(
  • 400 | License key
  • 450 | 機能設定
  • 501 | デザイン設定
  • 502 | フォント設定
  • 503 | レイアウト設定
  • 510 | ヘッダー上部設定
  • 511 | ヘッダー設定
  • 513 | キャンペーンテキスト設定
  • 520 | トップページスライドショー設定
  • 521 | トップページPR BLock設定
  • 530 | ページヘッダー設定
  • 535 | アーカイブページ設定
  • 536 | アーカイブページレイアウト
  • 540 | フッター設定
  • 543 | コピーライト設定
  • 550 | モバイル固定ナビ
  • 555 | ウィジェットエリア設定(フッター設定に統合したい)
  • 556 | Googleタグマネージャー
  • 560 | Font Awesome

UnitTest

このテーマにはPHP Unit Testを用意しています。 下記コマンドで動作してください。

※ Macの場合はdocker-syncを使うといいです

$ docker-compose run wp

各種コマンド

ビルド

js,scss,テキストドメインのビルドをすべて行う

$ npm run build

jsビルド

$ npm run bulid:script

scssビルド

$ npm run build:style

テキストドメイン書き換え

$ npm run build:text-domain

開発モード

js

$ npm run watch:script

scss

$ npm run watch:style

dist作成

$ npm run build
$ npm run dist

dist/内に管理画面でのインポート用zipと、転送用のテーマディレクトリが作成されます。

プルリクエストを送る際の確認事項

複数の内容を含まない

複数の趣旨の変更内容(機能の不具合修正とまったく別のアクションフック追加などの仕様変更など)を一つのプルリクエストで送ると確認・マージが非常ににやりにくくいので、内容別で送るようにしてください。

ライブラリファイルの修正はライブラリの親の修正を先にする

通常ライブラリから各プロジェクトに複製してプロジェクト毎にテキストドメイン置換などを行うので、Lightningなど利用先側で変更コミットしてもライブラリに戻すのが面倒です。
親のライブラリで編集したいライブラリのgulpのwatchを走らせながら作業して、親のライブラリを先にコミットするようにしてください。
そうでないと子を修正しても親からの複製で先祖帰りするため。

プリリクの内容をざっくりで良いので書いてください

何の目的でどういう変更をしたのかや、作業時のコマンドなど変更になる注意などある場合は記載よろしくお願いいたします。

You can’t perform that action at this time.