コンテンツにスキップ

テーマ入門

Omeka Sはテーマをサポートしており、これはOmeka Sサイトのプレゼンテーションをカスタマイズする方法です。Omeka Sにはデフォルトのテーマが付属しており、Center RowCozy、及び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 - ページとスタイルの検査と編集

Mozilla Firefox - CSSの調査と編集

Apple Safari - 検査概要

Sass

Omekaチームによって公式にサポートされているテーマ(Omeka SのデフォルトテーマCenter RowCozyThe Daily)はSASSを使用してCSSを生成しています。SASSの使用を始めたい方は、インストールのための推奨チュートリアルがこちらです。

プリプロセッサにまで踏み込むことなくCSSを編集したいだけの方は、'asset/sass'フォルダーを完全に無視して、.cssファイルに集中することができます。注記: .cssファイルを編集した後でSassを使うことにした場合は、初めてコンパイルする前にバックアップを取り、変更内容をメモしておくべきです。.scssファイルに加えた変更は.cssファイルに加えた変更を上書きします。