テーマを ABC に変更した

Drupal

はじめに

デフォルトテーマ Olivero は全体的に余白が多く感じていたから何とかしたかった。調べてみたところ、UI Suite Olivero を使うとファイルを直接編集することなく、比較的簡単に CSS の設定ができるようだ。
が、フロントエンジニアでも何でもない自分としては、最初から見た目がそれなりで配色を少し変えられるくらいのテーマが理想だったから却下。

そんなこんなでテスト環境の Drupal サイトに手当り次第テーマをインストールして試してみた。


無料テーマいろいろ

ABC

  • CSS フレームワークであるYahoo Pure.css を使用している。タイトルやブロックなどの配色を個別に指定できる。
    次の Zero Point のほうが採用サイトは多い。
     

Zero-Point

  • 11 種類のスタイルが選択可能。ABC とほとんど同じなので、どちらでも良いと思う。
     

UI Suite Olivero

  • UI スキンを含む 37 個の CSS 変数を設定できる。
    デフォルトのテーマをカスタマイズしたい人におすすめ。
     

Bartik

  • Drupal 7、8、および 9 のデフォルトテーマ。なので採用しているサイトは多い。
     

Bulma CSS

  • Flexbox をベースにした最新の CSS フレームワーク。
    シンプルなデザインで ABC とどちらにしようか悩んだ。
    気が向いたら採用するかもしれない。
     

Solo

  • コードブロックのレイアウト崩れがなければ採用していた。
    自分の環境だけかもしれないけれど。
     

Drupar のテーマ

  • 基本無料だけど、もう少し何とかしたいと思ったら有料(Pro)のテーマを利用する必要がある。
     

ABC の PageSpeed Insights 結果

特別な設定なしでも高スコア。サクサク表示される。
 

デスクトップ

デスクトップ

 

スマホ

スマホ