Where: 設定 → サイトとブランド → ブランディング
このページを開く: admin.<your-site>/settings/branding(<your-site> をあなたのサイトアドレスに置き換えてください)
手順:カスタマイズガイド
- Settings を開いて Branding を選択します。Open the Make it yours guide を選ぶこともできます。
- Name and tagline。Site name と、サイトの言語に合わせた短いキャッチコピーを入力します。これらはヘッダー、ブラウザのタブ、検索結果に表示されます。
- Logo and icon。ライトモード用のロゴをアップロードします。必要に応じてダークモード用の別のロゴも設定できます。背景が透明なPNGまたはSVGが最適です。512×512 px以上の正方形のサイト&アプリアイコンも追加してください。
- Colours。用意されたパレットから選ぶか、Brand colour を1つ選択します。Keynate がライトモードとダークモード用のその他の色を自動生成し、文字が読みやすいか確認します。
- Fonts。サイトで使用する表記体系(文字体系)ごとにフォントを選択します。
- Links and contact。読者があなたをフォローしたり問い合わせたりできる連絡先を追加します。
- Build and preview。Keynate が新しい見た目でサイトをビルドします。限定公開プレビューで確認してください。
- 問題がなければ公開します。ブランディングの変更は、次回のサイトバージョンで実際のサイトに反映されます。
Skip for now や Finish later を選んで後から戻ることもできます。すべての変更はプレビューに即座に反映され、保存するたびにバージョンが記録されます。
さらに詳しく
- Customise everything。Simple から Customise everything に切り替えると、Page background、Main text、Links、Footer background など各色を個別に設定できます。
- Readability check。色の組み合わせが読みづらい場合は、「{count} colour pair(s) hard to read. Pick a darker or lighter colour.」と表示されます。おすすめのパレットを選択してください。
- Reset。Reset to template default を押すとテンプレート独自の色に戻ります。これは新しいバージョンとして保存されます。
- Menus。サイトメニューの変更は Menus で、管理画面メニューの変更は Customise menu で行えます。
- 設定画面以上の変更をする場合。 新しいブロックデザインやカスタムCSS、専用の記事ページが必要な場合は AI ワークスペースを使用してください。コードを変更してプレビューをビルドし、公開または取り消しができます。詳細は AI workspace をご覧ください。
バージョン
デザインの変更は、サイトの新しいバージョンとしてビルドされます。Settings → Site & brand → Design history を開いてください。
- 新しいバージョンをビルド でビルドが始まります。
- Preview はサインイン中のチームメンバー専用です。
- Publish this version で本番サイトに公開されます。
- Go back to this version は即座に反映されます。
- 記事、ライブブログ、ティッカー、メディアはすぐに反映されるため、新しいバージョンをビルドする必要はありません。
トラブルシューティング
- ビルドに失敗した場合。 「The build failed. Your live site was not changed.」と表示されます。ビルドログを表示 を開いてください。
- ビルドが待機中の場合。 「Waiting for your server’s site builder」と表示されている場合、サーバーのサイトビルダーが接続されるとビルドが始まります。それまでの間、公開中のサイトに変更はありません。
- 「他のユーザーがブランディングを変更しました」と表示された場合。 他のユーザーが先に保存しました。最新のバージョンを読み込みましたので、変更内容を確認して再度保存してください。
よくある質問
よくある質問
テンプレートを変更するとブランディングはリセットされますか?
いいえ。テンプレートを変更してもブランディング設定は保持されます。詳細は Choose and compare templates をご覧ください。