テーマ

LimeSurvey では、Twig と Bootstrap をベースにした、継承とオプションが可能なテーマシステムを採用しています。フロントエンドのHTMLページは、ニーズに合わせて100%カスタマイズできます。

はじめに

テーマ設定には、アンケート管理者がアンケートのテーマに関連する設定を素早く簡単に変更できる、さまざまなツールが用意されています。

テーマを変更する設定

LimeSurvey 3.xでテーマを使用するには、全般設定またはアンケート内のテーマ設定パネルの2つの方法があります。

テーマを全般設定から変更すると、選択したテーマは、作成するすべてのアンケートの既定のテーマになります。 アンケート内の テーマ設定パネルを使用して特定のアンケートのテーマを変更した場合、そのアンケートのテーマのみが変更されます。

全般設定の既定のテーマ

テーマ設定パネル

このオプションは、特定のアンケートのテーマを変更します。 新しいテーマ設定機能にアクセスするには、アンケート設定に移動します。

利用できるテーマの一覧

利用できるテーマの一覧は管理ダッシュボードからアクセスできます。設定 > アドバンス > テーマ

一覧には5つのカラムがあります。

• プレビュー: テーマを使用するときどのように見えるかを表します。
• 名前: テーマの名称です。
• 説明: ユーザーは説明にあるURLからいつでもテーマに関する詳細な情報を取得することができます。
• タイプ: コアテーマはLimeSurveyが提供するテーマ、ユーザーテーマはユーザーがアップロードディレクトリーに追加した拡張テーマです。
• 継承: テーマが他のテーマを拡張したものである場合、元になったテーマがここに表示されます。
• アクションボタンのある最後のカラム: 最後のカラムには以下の図にある5つのボタンがあります。

ボタンはテーマを編集する方法であり、以下で詳細に説明します。

• • テーマエディター: テーマエディターに移動します。
  • テーマ設定: テーマ設定のグローバル設定が表示されます。
  • アンインストール: データベース内のテーマの設定項目を削除します。
  • インストール: テーマのマニフェストを読み込んでデータベースに追加し、アンケートレベルで選択できるようにします。
  • リセット: テーマを完全にリセットします。

テーマエディター

LimeSurveyのコアテーマ（既定のテーマ）は変更できません。"拡張"ボタンからコアテーマを変更（拡張）することができます。

このドキュメントは、旧バージョンのLimeSurveyのテンプレートエディターの使用方法に関する知識があることを前提にしています。

このデモでは、テーマエディターを使ってテーマを拡張／変更する方法について、fruityテーマを使用して説明します。

テーマエディターボタンをクリックすると、以下のページが表示されます。"戻る"、"次へ"ボタンを押すとテーマのプレビューができます。画面サイズを調整することにより、あらゆるデバイスでのレスポンシブ表示を確認することができます。新しいテンプレートをインポートしたり、現在のテンプレートをzipファイルとしてエクスポートすることができます。

The "拡張"ボタンを押すと、変更したいテーマのコピーを保存するための新しい名前を聞かれます。この場合、fruityテーマが"extends_fruity"担っています。

テーマ継承の概要

テーマを拡張すると、元のテーマのコピーを簡単に変更できます。 この例では、fruityテーマのコピーが"extends_fruity"として保存され、利用可能なテーマ一覧から利用できるようになります。

テーマの変更はHTML、CSS、Twigの基本的な知識を持つ上級者向けです。

開発