ゼブラ2テーマ
Zebra 2は、Danny（d_wahl）Wahlによって書かれたMoodle 2のための寄稿された（サードパーティの）テーマです。
内容
テーマの目的
このテーマのデザインには2つの主な目標があります。 1つはレスポンシブレイアウトを提供することです。これは、CSS 3メディアクエリと、メディアクエリをネイティブにサポートしていないブラウザ用の（オプションで） respond.jsを使用することによって達成されます。 2つ目は、ルックアンドフィールのシンプルでありながら堅牢なカスタマイズを提供することです。これは、ほぼ40の設定を含むカスタム設定ページを使用することによって実現されます。
テーマ設定
Zebraはさまざまなテーマ設定を提供します。以下は一般的なカテゴリに分類されるすべての設定のリストです。
ヘッダ設定
ロゴURL（logourl）
あなたのロゴ画像へのパス。画像ソースは以下のメソッドをサポートします。
- Moodle画像リゾルバAPI
- フルパス
- 相対パス
デフォルト値はImage Resolver APIを使用します。 zebraテーマフォルダに対する実際の場所はzebra / pix / logo / logo.pngです。この設定はテーマライブラリの関数zebra_set_logourl（）によって処理されます。
デフォルト値：
ロゴ/ロゴ
値の例：
ロゴ/ myschoollogo https://domain.com/theme/image.php?theme=zebra&image=logo&rev=1&component=theme https://domain.com/path/to/image.jpg /path/to/file/companylogo.png
core.cssの特定の規則：
＃page-header { 背景 ：URL（[[設定：LOGOURL]]） ノー・リピート スクロールが トップ [[設定：headerbgcolor]] 左 。 最小の高さ ： [ [設定： logourlheight ] ] ; }
ロゴ画像の高さ（logourlheight）
テーマがpage-header div内のロゴ画像に対して許可する高さ。ロゴがない場合は、この設定をデフォルト値（100px）のままにして、ヘッダーにプロフィール写真の余白を残すことをお勧めします（ userpicが有効な場合）。この設定はテーマライブラリの関数zebra_set_logourlheight（）によって処理されます。
デフォルト値：
100px
値の例：
50px 5％ 3代
core.cssの特定の規則：
＃page-header { 背景 ：URL（[[設定：LOGOURL]]） ノー・リピート スクロールが トップ [[設定：headerbgcolor]] 左 。 最小の高さ ： [ [設定： logourlheight ] ] ; }
代替テキスト（headeralt）
$ PAGE-> headingの値の代わりに使用する代替テキスト。この値がNULL（空）の場合、$ PAGE->見出しが使用されます。ページにタイトルを表示しないようにするには、空白（＆nbsp;）を使用します。この設定はheader.phpによって参照され、general.phpとreport.phpの両方で呼び出されます。
デフォルト値：
（空の）
値の例：
学校名 会社名 ショートカンパニーモットー
header.phpでの特定の参照
if （ ！ empty （ $ PAGE - > テーマ - > 設定 - > headeralt ） ）） { $ headeralt = $ PAGE - > テーマ - > 設定 - > headeralt ; //ページタイトルのテーマ設定を使用する } 他 { $ headeralt = $ PAGE - > 見出し 。 //テーマ設定値が空の場合はデフォルトのページタイトルを使用 }
general.php（およびreport.php）での特定の呼び出し
< h1 class = "headermain" > <？php echo $ headeralt ; < > / h1 >
バックグラウンドURL（backgroundurl）
背景画像へのパス。画像ソースは以下のメソッドをサポートします。
- Moodle画像リゾルバAPI
- フルパス
- 相対パス
デフォルト値はImage Resolver APIを使用します。 zebraテーマフォルダに対する実際の場所はzebra / pix / core / background.pngです。この設定はテーマライブラリの関数zebra_set_backgroundurl（）によって処理されます。
デフォルト値：
コア/背景
値の例：
コア/スワール https://domain.com/path/to/background.jpg /path/to/file/companyswirl.png
pagelayout.css内の特定のルール：
ボディー{ パディング ： 0 10px 10px 10px 。 背景 ：URL（[[設定：backgroundurl]]） 上部 の透明 無繰り返し スクロール センター 。 }
