で使用可能

Fontaine

Fontaine はブルータリズム様式の大胆でシンプルな美学を好むビジュアルデザイナー向けにデザインされたブログテーマで、ポートフォリオやパーソナルなプロフィールに最適です。コンテンツが輝きスポットライトを浴びるように、控え目で優雅なテーマを作ることが目標でした。

テーマ設定

このテーマにはフロントページのテンプレートに加えて2つの追加ページテンプレートが用意されており、作品を提示したり、暗い背景に明るい表示の印象的な配色でご自身の情報を共有したりできるようデザインされています。以下の手順で、デモサイトのようなサイトを設定できます。

1. 「Work」というページを公開します。ホームページのようにコンテンツを追加する必要はありません。作品ページ用の公開ページだけが必要となります。「Page: Work」テンプレートを選択します。
2. 「Info」というページを公開します。ホームページや作品ページのようにコンテンツを追加する必要はありません。情報ページ用の公開ページだけが必要となります。「Page: Info」テンプレートを選択します。
3. サイトエディターで、これらテンプレートのコンテンツを編集します。
4. ヘッダーにナビゲーションブロックを追加し、「Work」ページと「Info」ページにページリンクを追加します。

ヘッダーのブレンドモード

このテーマには、ページをスクロールしても同じ位置に表示される先頭固定表示ヘッダーがあります。これにより、ヘッダーには特殊なブレンドモードが適用されます。こちらの例を参照してください。ヘッダーのテキストの色が、背後のコンテンツに応じて動的に変化します。

この変化を実現するために、このグループブロックのテキスト色はあえて白に設定されており、ライトグレーの背景色では黒で表示されます。

テキストの色やサイトの背景色を変更したり、ブレンドモードをオフにしたりするには、こちらに追加されているカスタム CSS を削除します。このテーマのすべてのテンプレートから削除する必要があります。

スクリーンショット

こちらで位置オプションをデフォルトに変更するだけで、先頭固定表示ヘッダーをオフにすることもできます。