DrupalのためのTwitterブートストラップテーマの使用

Drupalテーマでブートストラップフレームワークのパワーを手に入れよう

ブートストラップは、Twitterによって構築された非常に一般的なフレームワークです。 Drupalのブートストラップテーマでは、あなたのDrupalウェブサイトのパワーをすべて(そして維持して)得ることができます。 スムーズなボタン、スタイリッシュなフォーム、ジャンボトロンなどを追加して、あなたのサイトが何らかのブリングを吹き込むまで準備しましょう!

ブートストラップフレームワークとは何ですか?

BootstrapフレームワークはCSSやJavascriptコードのコレクションで、あなたのウェブサイトにかなりの有益なものを簡単に追加することができます。 このリストには、見栄えの良いボタン、「バッジ」のあるリスト、「井戸」を入れたものなどがあります。

ブーツ以外にもBootstrapは重大な反応力を詰め込み、あなたの上司が電話でそれを開くと完全には壊れないサイトを設計するのを手助けします。

このコードをすべて自分で記述するのではなく、ブートストラップで指定されたCSSクラスとHTML要素を使用します。 きれいなラベルが必要な場合は、クラスラベルを追加します。 このような:

このかわいいラベルを見てください。

BootstrapフレームワークはDrupalに接続していません。 jQuery(以下を参照)と連絡を取って爆発しないCMSや静的なHTML Webサイトでも使用できます

DrupalのBootstrapテーマは何ですか?

DrupalのBootstrapテーマは、あなたのウェブサイトでBootstrapを使う方がずっと簡単です。 このテーマをダウンロードし、デフォルトとして設定します。

実際には、自分自身のサブテーマの基本テーマとしてBootstrapテーマを使用したいと思うでしょう。 Bootstrapのテーマでは、コード行なしで満足のいくカスタマイズができるような広範な管理画面が用意されていることは事実です。

ブートストラップはjQuery Javascriptライブラリに依存しています。 必要なバージョンを取得するには、jQuery Updateモジュールをインストールする必要があります。 サイト上の他のモジュールがjQueryを使用している場合、新しいバージョンのjQueryではうまく動作しない可能性があるので注意してください。

あなたはこのテーマのドキュメントを読んで、それ以上のステップを踏む必要がないことを確認しなければなりません。 しかしそれはまだかなり簡単です。

ブートストラップテーマを使ってDrupalでブートストラップを使用する必要がありますか?

BootstrapフレームワークはCSSとJavascriptだけであるため、Bootstrapテーマを使用する必要ありません。 ブートストラップライブラリを手動でダウンロードし、テーマテンプレートにリンクすることができます。

しかし、Bootstrapのテーマは既にあなたのためにこの退屈を行っています。 また、Drupalの管理画面にさまざまなBootstrap機能が組み込まれています。 あなたがコーディングするためにクリックするのを好むなら、このテーマはあなたの人生をもっと簡単にすることができます。

使用するブートストラップのバージョンを選択する

このテーマをダウンロードする前に、プロジェクトページを読み、ダウンロードするバージョンを理解しておいてください。 異なるバージョンは、異なるバージョンのブートストラップフレームワークに対応する。

例えば、Bootstrap テーマのための7.x-2.2リリースは、Bootstrap フレームワークの 2.3.2リリースをサポートする最後のものでした。 この記事の執筆時点では、Bootstrapテーマの安定版は7.x-3.0で、Bootstrap 3で動作します。

Bootstrapのテーマ開発者は、Bootstrapでメジャーバージョン番号をどのように調整したかに注意してください。 7.x-2.xリリースはBootstrap 2用、7.x-3.xリリースはBootstrap 3用です。

ブートストラップ2とブートストラップ3はほとんど同じですが、フレームワークのドキュメントを読むときの違いに注意してください。 間違ったバージョンのドキュメントを理解することなくそれを読むのは簡単です。

できるだけ最新の安定バージョンを使用したいと思うかもしれませんが、ブートストラップ3にはjQuery 1.9+が必要ですが、ブートストラップ2にはjQuery 1.7+が必要です。 jQuery 1.9を使用してサイト上の重要なモジュールを破壊する場合は、今のところBootstrap 2を使用する必要があります。

ブートストラップを使用する前に

ブートストラップを使用すると、多くの作業を省くことができ、ウェブサイトの輝きを助けます。 しかし、ブートストラップに身を包む前に、ZURB Foundationのテーマを見てください。 ZURB Foundationは、重要な違いがある同様のフレームワークです。 個人的にはこれまでのところZURB Foundationを使用していましたが、私の研究ではBootstrapが "デフォルト"を好むならBootstrapが優れていますが、Zurb Foundationはテーマを深刻にカスタマイズしようとする方が良いことを示しています。 私は確かにZURB Foundationがカスタマイズする喜びを見つけました。

ブートストラップを使用したいと思っても、Drupalでフレームワークを使用する上で、これらのヒントをお見逃しなく。