テーマ入門
Omeka Sはテーマをサポートしており、これはOmeka Sサイトのプレゼンテーションをカスタマイズする方法です。Omeka Sにはデフォルトのテーマが付属しており、Center Row、Cozy、及びThe Dailyのテーマが公式にサポートされています。既存のテーマを変更する方法と新規テーマを一から始める方法についてのガイドは次の通りです。
テーマの基本
Omeka Sのテーマは、Omeka Sインストールのルートディレクトリ内のthemes
ディレクトリに存在します。通常、以下のディレクトリとファイルが含まれます:
config/theme.ini
: これはOmeka Sにテーマが認識されるために必須のファイルです。テーマ名、作者、サポート情報、テーマバージョン、Omeka Sバージョン要件、ユーザー向けのテーマ設定オプションが含まれています。asset
: テーマ作成者はこのディレクトリを使用して、CSS、Javascript、画像などのアセットを収容します。これは、Omeka Sインストールのapplication/asset
のディレクトリ構造を模倣しています。view
: このディレクトリ内のファイルはテーマの核心部分です。これらのカスタマイズされたテーマファイルは、application/view/
にあるOmeka Sデフォルトビューテンプレートファイルに優先して適用されます。
既存のテーマを探索する
テーマに取り組む最良の方法の1つは、既存のテーマで実験することです。Omeka Sは公式にサポートされているテーマを通じて一貫したCSSセレクタのプールを使用するわけではありませんが、ほとんどのウェブブラウザは、与えられたサイトのHTMLとCSSを探索するための初心者向けのツールを提供しています。
Google Chrome - ページとスタイルの検査と編集
Sass
Omekaチームによって公式にサポートされているテーマ(Omeka Sのデフォルトテーマ、Center Row、Cozy、The Daily)はSASSを使用してCSSを生成しています。SASSの使用を始めたい方は、インストールのための推奨チュートリアルがこちらです。
プリプロセッサにまで踏み込むことなくCSSを編集したいだけの方は、'asset/sass'フォルダーを完全に無視して、.cssファイルに集中することができます。注記: .cssファイルを編集した後でSassを使うことにした場合は、初めてコンパイルする前にバックアップを取り、変更内容をメモしておくべきです。.scssファイルに加えた変更は.cssファイルに加えた変更を上書きします。