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公式サイト

関連記事

WerdPress初心者が継続できる効果的な勉強方法... WordPressを始められたい方というのは最近はどんどん増えていますね。 簡単に設置できて色々と仕事にも繋がりやすいというのが理由でしょうか。 しかし実際にWordPressを始めようと思うと何からやっていいのか分からない、どう続けていいのかわからないという方からどういたら良いかという悩み...
tarm別に一覧を取得するコード 特定のカスタム投稿タイプでtarm別に一覧を取得できるコードメモ。 archiveところで出力させるのに使いました。 ?php $paged = (get_query_var('paged')) ? get_query_var('paged') : 1; $a...
Front-end Editorでトラブったときの修正方法... 管理ページに行かずに簡単に編集できるプラグインがあると知ってFront-end Editorを使ってみることにしました。 しかしローカル環境でプラグインを有効化してみると2点不具合が出てしまいました。 1:aタグなどで使われるの中身がテキストとして表示されてしまう。 2:そもそも直接記事編集が...
第27回WordBench大阪でGitについて話してきた... ご縁あってWordBench大阪で登壇してきました。 第27回WordBench大阪 話した内容はGitについてです。 去年あたりからGitを使い始めていました。 そんな拙い私の経験が生かせて嬉しいです。 資料を作ってみて気づいたこと 色々な方から「人前で話すと勉強にな...
WordPressのハッカソンに参加した振り返り... 先日第23回WordBench大阪に参加してきました。 今回はテーマを作ることが目的でチームは各自作りたいテーマ毎(6組)に別れました。 公式テーマにできることを想定して作るということでLICENSEもGLPのものを使うように制限されたのが印象的でした。 ハッカソンとは「ハック」と「マラソ...
WP Social Bookmarking Lightのいいねボタンのレイアウト崩れの直し方... このブログのソーシャルボタンは「WP Social Bookmarking Light」を使っています。 気がついたら「いいねボタン」だけ数px低い位置にレイアウトされていたり、段落落ちして広告に隠れてしまったりしていましたのでその修正方法をメモ。 CSSに下記を追加すれば他のソーシ...