Skip to content

SenaMurakami/wp_base_theme

Repository files navigation

WP BASE THEME

WordPressでテーマ開発を行うときのベースです。 scssとjsはwebpack、画像はshrapを利用しています。

インストール

  1. themesディレクトリにクローンまたは ダウンロード してください。(./wp-content/themes)
git clone https://github.com/SenaMurakami/wp_base_theme.git <your_theme_name>
  1. テーマディレクトリに移動します。
cd <your_theme_name>
  1. 必要なパッケージをインストールします。
npm ci

始め方

  • 開発開始
npm run dev
  • 本番アップ用
npm run build:prod
  • 画像を全て圧縮
npm run sharp:all

CSS設計

FLOCCSで設計。js関連のクラスはjs-のようにプレフィックスをつけてください。