Actions

テーマ

From LimeSurvey Manual

This page is a translated version of the page Themes and the translation is 100% complete.
Other languages:
English • ‎Nederlands • ‎日本語
Help.png LimeSurvey 3では、 Twig 1.29Bootstrapをベースにテンプレートの継承とテンプレートオプションが可能なまったく新しいテンプレートエンジンシステムを導入しています。フロントエンドのHTMLページは、ニーズに合わせて100%カスタマイズできます。


Limesurvey 3.0+をインストールすると、アンケートのテーマオプション機能を利用することができます。このオプションは、古いLimeSurveyバージョンでは利用できません


Important.png  以下のセクションは作成中です。LimeSurvey 3.xから導入された新しいテーマシステムに関する簡単な説明は、こちらのwikiセクションを参照してください。LimeSurvey 2.xを使用している場合は、こちらのwikiセクションを参照してください(常にアップグレードをお勧めします)。


はじめに

LimeSurvey 3.xでは、テーマオプションが利用でき、アンケート管理者が素早く簡単にアンケートのテーマに関連する設定を変更できる様々なツール一式が利用できます。

テーマを変更する設定

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

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

全般設定の既定のテーマ

Default theme setting.png

テーマ設定パネル

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

Survey menu - theme options.png

利用できるテーマの一覧

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

List of themes.png


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

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

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

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


テーマエディター

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

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

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

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



Theme editor button clicked.png


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


Extended theme edit.png

テーマ継承の概要

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

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