Page to be included "component:croqstyle" cannot be found!
著者:Lt Flops
フォーク元:EstrellaYoshteによるPenumbraテーマ
画像提供:Woedenazによる"logo.svg"
CC BY-SA 3.0下で提供。
使用方法:
ここをクリック
これは何？
これはシグマ-9に新たな中央寄せのヘッダーデザインを導入したコンポーネントです。EstrellaYoshteによるPenumbraテーマからフォークされています。
当コンポーネントはトグル式サイドバーとの併用を推奨します。
当コンポーネントはBlack Highliterとの互換性を有しません。Centered Header BHLはここからアクセス可能です。
使用方法
当コンポーネントの導入には、以下の構文をページの最上部に貼り付けてください。シグマ-9ベースのカスタムテーマを使用している場合、以下の構文をカスタムテーマのincludeの直後に以下の構文を貼り付けてください。
[[include public:01kxx7skq7z7jv4mgjfdn9mj1b]]
タイトル、サブタイトル、ヘッダータイトルの文字色、ヘッダーのサブタイトルの文字色、並びにヘッダーロゴは自由に変更が可能です。この構文をincludeの直後に貼り付け、スタイルを設定するだけです。
[[module CSS]]
:root{
--header-title: "タイトル";
--header-subtitle: "サブタイトル";
--titleColor: タイトルの文字色;
--subtitleColor: サブタイトルの文字色;
--lgurl: url(ここにURL);
}
[[/module]]
既定のheader-title及びheader-subtitleに設定されているフォントはMontserratです。
ページにおけるオリジナルのフォントをheader-titleに適用したい場合は以下のコードを追加してください。
#header h1 a::before{
font-family: unset;
}
ページにおけるオリジナルのフォントをheader-subtitleに適用したい場合は以下のコードを追加してください。
#header h2::before{
font-family: unset;
}
既定のtitleColorは[[span style="display: inline-block;
width: 1em;
height: 1em;
vertical-align: middle;
background-color: hsl(0, 0%, 95%);
border: 3px solid hsl(0, 0%, 85%);"]]
hsl(0, 0%, 95%)です。
既定のsubtitleColorは[[span style="display: inline-block;
width: 1em;
height: 1em;
vertical-align: middle;
background-color: hsl(60, 62%, 85%);
border: 3px solid hsl(60, 62%, 75%);"]]
hsl(60, 62%, 85%)です。
オリジナルのタイトルの色を維持したいのであれば、これら2つのフィールドを完全に省略可能です。
又、ロゴ無しを選択する事も可能です。
:root{
--lgurl: none;
}
当コンポーネントはヘッダーのデザインに通常と異なるアプローチを取るため、(SCP Pride Template, Pride Highlighter、並びにCalibriの超クールなオルタネイトSCPロゴページのような)ロゴコンポーネントは想定通りに動作しません。仮に以上のページのロゴを使用したい場合は該当するページの"Files"セクションを開き1、必要なロゴ画像を直接リンクしてください。
[オプション] トグル式サイドバーへのクイックアクセス:
[[include public:01ksa16138n4kaq4vk4y1tsm3d]]