WordPressにBootstrapを適用する

harada 3,039views 更新:2014年9月24日

WordPressもBootstrapもどちらも便利なものなので当然合わせて利用したいと思いますよね。
検索したところWordPress用のBootstrap適用テーマ「WordPress Bootstrap」を配布してくださっている方がいました。

利用方法

  1. WordPress Bootstrapの「Download」からテーマをダウンロードします。
  2. zipファイルを解凍します。
  3. wordpress-bootstrap-masterというフォルダができますので、これをwp-content/themesへ配置します。
  4. 「ダッシュボード」>「外観」>「テーマ」から「wp-bootstrap」を選択して「有効化」します。

以上で普通に投稿や、固定ページなどでbootstrapのclassが利用できるようになっています。

投稿ページでbootstrapのclassを利用する場合、余計なタグなどが入ると一気に崩れてしまうので「PS Disable Auto Formatting」を入れて自動整形無効にするのがいいと思います。

また、全体を変えたくはないけれどbootstrapのcssだけ利用したいという方は「WordPress Twitter Bootstrap CSS」のプラグインでもいいかもしれませんね。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません