カスタムヘッダーを使う
カスタムヘッダーを使うと、独自のヘッダーをサイトに適用することができます。複数プロジェクトのページをまとめて表示したり、共通のロゴを使用したりすることができます。
カスタムヘッダーを設定する
個人ページから「共通設定」>「カスタムヘッダー」の設定画面を開きます。「カスタムヘッダーを追加」をクリックしてカスタムヘッダーの新規作成を行います。
以下の項目を設定します。
名称(必須) | 任意の名称を入力します。カスタムヘッダーの選択時に区別するために使用されます。 |
ロゴ | カスタムヘッダーに表示されるロゴ画像をアップロードします。 |
ロゴのリンク先 | ロゴをクリックした際のリンク先を設定します。 |
共通ページアイコン | カスタムヘッダーが設定されたページに共通で使用されるアイコンを設定します。 |
共通スタイルシート | カスタムヘッダーが設定されたページに共通で使用されるスタイルシート(CSS)を設定します。 |
メニュー項目
表示名 | メニューに表示される項目名を設定します。 |
リンク先 | リンクをクリックした際に既存のプロジェクトへ遷移するか、任意のURLに遷移するかを設定します。 |
プロジェクト | 遷移先のプロジェクトを設定します。 |
URL | 遷移先のURLを設定します。 |
「保存する」をクリックして保存します。
プロジェクトにカスタムヘッダーを設定する
続いて、プロジェクトの管理画面から、「高度な設定」>「詳細設定」を開きます。「表示設定」の中に「カスタムヘッダー」の項目がありますので、さきほど作成したカスタムヘッダーの名称を選択します。
上の操作をヘッダーを表示したいすべてのプロジェクトで行います。
公開されたURLにアクセスすると、カスタムヘッダーが表示されているのが確認できます。スマートフォンではヘッダーが固定表示となり、右上のメニューボタンからメニューにアクセスすることができます。
関連する記事
独自ドメインを設定する