Bootstrap を使用した Drupal 8 テーマの作成方法

Bootstrap は、現在、最も人気の高いデジタル フレームワーク (HTML、CSS、JS) の一つです。どんなデバイスに対しても、あらゆる規模のプロジェクトで Web フロントエンド開発をより高速に行えるため、誰もが利用するレスポンシブなモバイルファーストのアプリには Bootstrap がよく使われています。

Drupal 8 の Bootstrap テーマの作成方法に関する技術トークを視聴しましょう。

Drupal 8 用の Bootstrap サブテーマの作り方や、サイトのデザインに合うカスタマイズ方法をご紹介します。

全体の主な流れは以下のとおりです:

  • サブテーマ ファイルを構成する
  • プロジェクトに合ったモバイルファースト戦略を立てる
  • Compass を使って SCSS から CSS をコンパイルする
  • Bootstrap の変数とカスタム変数をオーバーライドする
  • Twig のテンプレート ファイルをカスタマイズする
  • Panels、Views、Display Suite モジュールの Bootstrap オプション

Bootstrap の使用についてのウェビナーを視聴する

occurred on

Thursday, May 4, 2017 EDT

time

8:58 PM

duration

60min.

Dave Myburgh

Dave Myburgh

シニア エンジニア Acquia

デイヴは、Web もなく、10 MHz の CPU が高速だとされていたころからコンピューターにかかわってきました。分子生物学者を目指していましたが、次第にその興味はバクテリアよりもコンピューターに移っていきます。デイヴは南アフリカでコンピューター事業を開始し、テクニカル サポートとセールスを行う傍ら、時々、Web サイトを制作していました。2001 年にモントリオールへ転居した後、友人の歴史学団体のために Drupal 4.7 サイトに取り組んだところ、彼は Drupal の世界に魅了され、それ以来、その道を歩み続けています。デイヴは交通渋滞が大嫌いなので自宅で仕事をし、プライベートの時間は 2 人の息子と過ごしています。