Cntlog > WordPress > 無料で使えるWordPressのカスタマイズしやすいBootStrapベースのスターターテーマ

無料で使えるWordPressのカスタマイズしやすいBootStrapベースのスターターテーマ

みなさんはWordPressの案件をするときはどんな開発フローをされてますか?
1から作るひともいれば、何かフレームワーク的なものを入れて作る人、スターターテーマを使って作る人、子テーマ前提で作る人など様々な進め方がありますね。

私は去年までは「Underscores」を使って開発していましたが、最近WordPressの開発では、UnderStrapというテーマを使っています。
UnderStrap公式サイト

UnderStrapとは

UnderStrapは、WordPressの開発元となるAutomatticのUnderscoresのスターターテーマと、レスポンシブにも対応しているBootstrap4を組み合わせたものです。

WordPress.orgの公式テーマディレクトリに掲載されており、管理画面からもダウンロードできます。

スターターテーマは開発を始めるときの手間を減らしてくれる便利なものです。
Underscoresは長年愛され・実績も信頼もスターターテーマで、とても使いやすいです。
ただUnderscores単品で使うことは少なく、何かのフレームワークと組み合わせて作る事が多かったです。

Underscoresを使えばBootstrap4で最適化された最低限の構成で制作を始められるので瞬発力が高まります。

便利なポイント

UnderscoresとBootstrapを使ったテーマは数多くありますが、なぜ私がUnderStrapが良いと思えたかを紹介します。

子テーマで作れる設計

UnderStrapは子テーマで制作できるので、メンテナンスがし易いです。
関数の部分であったり、オプションが幾つか設定されており、子テーマからレイアウトなどの設定を変更することが可能です。

子テーマを使うと親テーマのレイアウトや構成をそのまま持ってこないと行けないとよく誤解されますが、UnderStrapではそんな事はありません。

そして、UnderStrapでは子テーマ用のテーマも配布されています。
ただ子テーマが用意されているわけではなくUnderStrapの子テーマとして用意されているので特に構成を考えずに使いはじめれます。

子テーマではタスクランナー(gulp)やSCSSが入っていますので効率的に開発が始められます。

子テーマはこちらからダウンロードできます。

他にも子テーマ前提へBootstrapを組み込んで作られているテーマですと日本語のものだと、Habakiriが有名です。
私も何度かお世話になりました。

機能面の豊富さ

Bootstrapを取り込んでいるのでUnderscoresにはないオプションや機能が標準からあります。

オプションパネル

WordPressのカスタマイズパネルからCSSのカスタムコードを追加できます。
またレイアウトの変更も可能です。

Awesomeが入ってる

Bootstrapがあるので当然と言われそうですが、はじめからAwesomeが入っているのでちょっとした装飾やアイコンがほしいときにすぐに使えます。

Jetpackの対応

Underscoresを使っているので、Jetpackのテーマサポートが付属しています。
※妙なスタイルや設定はありませんので、Jetpackを使わずにUnderStrapの​​ままでも使えます。

WooCommerceサポート

去年あたりからよく話題になっているWooCommerceプラグインにもテーマ側で対応しています。
まだWooCommerceに対応したテーマを作ったことない方はcodeを読むだけでも気づきがあるかもしれません。

オープンソース

先に少し触れてしまいましたがUnderStrapはWordPress.orgの公式テーマディレクトリで配布されている安全と品質を保証されたテーマです。

もちろんライセンスはGPLでUnderStrapは、個人用、商用利用も無料です。

まとめ

WordPressの案件はスピード感を期待される事が多いのでこういった使いやすいスターターテーマを使わない手はないですね。

シンプルな設計なので、codeを読むだけでも勉強になります。

UnderStrap公式サイト

関連記事

WordPress用のスニペット管理にした「mycodestock」... コードのスニペットというと「codepen」とかが割りと有名かなと思っているのですが、PHPのコードの管理ができないのよっとやきもきしていました。 そこでPHPも登録できるようなサービスを見つけたのでご紹介します。 mycodestock mycodestockで気...
WordPressで複数条件で検索できるようにするプラグイン「Search & Filte... 個人的に制作してるサイトで複数条件を設定して検索したかったのですが、調べてみるといい感じのプラグインがあったので紹介します。 Search & Filterの紹介 Search & Filterは複数条件の検索フォームを作れるプラグインです。 Search &...
WordPressのテーマをリニューアルした理由... 新年早々このブログのテーマをリニューアルしました。 なんで変えたのかとかそのあたりの考えを伝えたいと思います。 最近のWordPressを知るため このブログはWordPressで構築されています。 以前はWordPressの興味が高かったので進んで、WordPressのテーマを色々...
Gutenberg(グーテンベルク)対応のオススメできるWordPressテーマの紹介... WordPressが4.9.8から新しいエディターGutenbergをテストするようにダッシュボードから告知が始まりました。 いよいよWordPressが大きく変わる雰囲気をひしひしと感じます。 WordPressといえば、テーマをインストールして有効化することで、サイトのデザインを簡単...
WordPressのテーマ開発は親テーマが良いのか子テーマが良いのか... 最近「WordPressのテーマを子テーマで作る事が多い」と話したら「えっ、手抜きじゃん」(意訳)と言われた事がありました。 個人的には「時間をかける=クオリティが高い」ではないと思っているので、WordPressのテーマ開発はどんな形が私の中でベストなのか紹介します。 親と子のどち...
WordCamp2014 コントリビューターデイで教わった公式テーマの登録の仕方... WordPressの公式テーマの作り方をざっくりとしたもの教えてもらったのでメモ。 WordPress.orgのアカウントが必要 テーマにかかわらず、プラグインを登録したり、フォーラムに質問・回答するのにも必要です。 WordPressに関わっていくとなにかと必要になってるくので、とり...