見出し画像

【備忘録】WordPressベーステーマの個人的ディレクトリ構成

仕事上コーディング頻度がそれほど多くなく忘れてしまいそうなので備忘録も兼ねて。続くかどうかは分からない(´・ω・)

wp-basetheme
├ css
│ ├ import.css // scssファイルのエクスポート先
│ └ reset.css // リセットcss
├ font
│ └ fontawesome // アイコン用フォントファイル
├ image
├ js
│ ├ jquery.js // jQueryファイル
│ ├ slick.js // slickファイル
│ ├ navmenu.js // グローバルメニュー用スクリプトファイル
│ └ navbutton.js // ナビゲーションボタン用スクリプトファイル
├ php
│ ├ content // index.php等の中のループファイルをまとめる
│ └ parts // パンくずリスト、ページネーションなどの共通パーツ
├ sass
│ ├ config // mixinや関数、フォント設定など
│ ├ layout // ヘッダー・フッターなどのscssファイル
│ ├ parts // パンくずリスト、ページネーションなどの共通パーツ用のscssファイル
│ ├ setting // common.scssなどページ全体についてのscssファイル
│ └ import.scss
├ 404.php
├ archive.php
├ comments.php
├ footer.php
├ front-page.php
├ functions.php
├ header.php
├ home.php
├ index.php
├ page.php
├ screenshot.png
├ search.php
├ searchform.php
├ sidebar.php
├ single.php
└ style.css

ちなみにstyle.cssはreset.cssと、scssの記述を一括でエクスポートしたファイル(import.scss)のインポートに使い、必要に応じて追加CSSを記述するイメージ。

@charset "UTF-8";

/*
Theme Name: WP-Theme
Author: Xiaoxiao
Text Domain: wp-basetheme
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0.0
*/

@import './css/reset.css';
@import './font/fontawesome/css/all.css';
@import './css/import.css';

この記事が気に入ったらサポートをしてみませんか?