Bootstrap5
前回に引き続き、サイトのデザイン変更についての記事になります。今回は追加した機能である各ページに配置した言語切り替えや、アンカー、グローバルナビゲーション、HEROコンテンツについて説明します。
S.Takeda
今回行ったデザインの変更の意図や変更に使用したBootstrapに用意されるクラスやコンポーネンツ、別途書いたCSSなどを簡単にまとめています。
S.Takeda
記事を書いたり、文書の確認や校正を長時間行うと目が疲れます。目の疲れがひどかったので、軽減できないかと考えサイトのカラー構成を変更してみました。寒色系の配色から暖色系の配色に変更することで目の疲れは改善しています。
S.Takeda
MacにDrupalの標準設定が完了しましたので、Themeの設定をします。
S.Takeda
Drupalのデザインテーマとして選択したBootstrap5の基本設定を行います。
S.Takeda
Powered by Drupal 11.4.2 and Bootstrap 5.0.4
Published AWS Jamstack by Drupal