wordpressのシンプルでプレーンなテーマ「_S」(アンダースコアーズ)

2017年11月15日
技術ノート

弊社で受託するウェブサイトのうち7割以上をワードプレスが占めるようになりました。

ワードプレスには有料無料問わず豊富なテーマがありますが、弊社のウェブ制作の現場では既成のテーマを使うことはごく稀で、ほとんどの場合、ワイヤーフレーム→デザイン→マークアップ→テーマ作成という工程を踏みます。

この場合、毎回新しいテーマ(テンプレート)を作成することになる訳ですが、全く何もないゼロの状態から作るのは非効率的です。

このようなデザインテーマを作成する際には、ベースになるワードプレスのプレーンなテーマを使うことにしています。

「_S」(アンダースコアーズ)と読みます。

https://underscores.me/

githubでも配布しています。
https://github.com/automattic/_s

 

使い方

_Sにアクセスし、トップページにある Theme Name 欄にテーマに使いたい名前を入力し、GENERATEボタンを押します。

例:jtm_theme

たったこれだけです。

GENERATEすると入力したjtm_theme.zipファイルがダウンロードできます。

zipファイルの中身は、ワードプレスのテーマ構成ファイルになっています。

試しにzipファイルごとワードプレスのテーマ管理画面でアップロードし、テーマを適用すると、なんのレイアウトもデザインもされていない、まっさらなプレーンな表示になります。

実際にはこのテーマを親テーマと位置づけし、子テーマでレイアウト、デザインを組み上げていきます。