ブートストラップ３を使って自作テーマ作成（１）全体概要

wp-admin

10年前

スタイルやJavaScriptはブートストラップ３を使用し、基本的なWordPressテンプレートタグは”TwentyFourteen”のテーマを流用して自作テーマを作成する手順をまとめました。

目的

　
・実際に一からテーマを作成する事によってテーマの構成、仕組みを理解したい。
　
・テーマの構成、仕組みを一度理解すれば、出来合いのテーマをカスタマイズする事も出来るのではないかと思っています。
　
今まで何度か出来合いのテーマをカスタマイズしようと思ったことがありましたが、どこを変更したらよいのか分からなかったり、コードを変更すると意図していない部分が変わってしまったりしていました。
　
・個人的にスタイルシートやJavaScriptについての知識・経験が少ないのと、ブラウザによる依存性などを個別に考慮することは避けたかったため、ブートストラップ３を介して設定するようにしました。
　
ブートストラップ３自体もブラウザに対して対応、非対応がありますが、ブートストラップ３が対応していないブラウザについては、あきらめるというスタンスです。
　
・ブートストラップ３を使用する事によってモバイル対応、レスポンシブデザインも簡単に作成出来ます。
　
ブートストラップにはJavaScriptのコンポーネントもあるので、ドロップダウンメニューや折り畳み（Collapse）も簡単に作成できます。
　
・ブートストラップ３のサンプルコードもいくつか用意されているので、それを流用したカスタマイズすると簡単に作成する事が出来ます。
　

環境