Skip to main content

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

簡単ウェブサイト作成 5日目 (六月 2025)

簡単ウェブサイト作成 5日目 (六月 2025)
Anonim

ブートストラップは、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のテーマは既にあなたのためにこの退屈を行っています。また、Drupal管理画面にさまざまなBootstrap機能を統合しています。あなたがコーディングするためにクリックするのを好むなら、このテーマはあなたの人生をもっと簡単にすることができます。

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

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

たとえば、ブートストラップ用の7.x-2.2リリース テーマ ブートストラップの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を使用する必要があります。