カスタムメニューロゴを編集する
ブランド感のあるルックのために、ナビゲーションメニューのテキスト名を置き換えるロゴをアップロードおよびカスタマイズする方法をご紹介します。
ナビゲーションメニューでテキスト名の代わりにロゴを表示したいですか？カップル名の代わりに表示されるカスタムメニューロゴをアップロードできます。結婚式のブランディングに最適です。
カスタムメニューロゴとは？
カスタムメニューロゴは、ナビゲーションメニューのテキストベースのカップル名を画像に置き換えます。これはサイト上部のメニューバーに表示されます。
以下とは異なります：
- ヘッダーロゴ： ホームページのメインヘッダーに表示
- ファビコン： ブラウザタブの小さなアイコン
- カスタムメニューロゴ： 特にナビゲーションメニュー用
必要な準備
カスタムメニューロゴをアップロードするには、まずメニューに名前を表示を有効にする必要があります：
ウェブサイト → サイト設定 → メニュータブに移動します
メニューに名前を表示トグルを見つけます
オンにします
カスタムメニューロゴオプションが下に表示されます
カスタムメニューロゴをアップロードする手順
メインナビゲーションのウェブサイトに移動します
設定アイコンをクリックしてサイト設定を開きます
上部のメニュータブをクリックします
メニューに名前を表示を見つけ、オンになっていることを確認します
その下にカスタムメニューロゴセクションが表示されます
カスタムメニューロゴをアップロード（40px高さ）をクリックします
コンピューターからロゴファイルを選択します
ロゴがアップロードされ、プレビューに表示されます
下部の変更を保存をクリックします
ロゴがナビゲーションメニューに表示されます。
ロゴの仕様
高さ： 40pxが推奨されます（アップロードボタンに記載）
フォーマット： PNG、GIF、JPG、またはSVG
透明な背景： 透過のPNGまたはSVGが最適です
アスペクト比： 横長のロゴが正方形または縦長よりもよく機能します
ファイルサイズ： 高速読み込みのために200KB未満に保ちます
メニューロゴの作成
デザインツール： Canva、Adobe Illustrator、Figma
シンプルに保つ： 小さなロゴにはクリーンで大胆なデザインが必要です
読みやすいテキスト： ロゴにテキストを含める場合は、小さなサイズでも読めるようにします
高コントラスト： ロゴはメニュー背景に対して表示される必要があります
ロゴのアイデア
名前と日付： 「Emily & Jordan | 2026」
モノグラム： エレガントなデザインのイニシャル
結婚式のハッシュタグ： スタイリッシュなフォントでのハッシュタグ
ミニマルなシンボル： シンプルなリング、ハート、意味のあるアイコン
イラスト： お二人を表すカスタムイラスト
ロゴとテキスト名
カスタムメニューロゴをアップロードすると：
ロゴが表示されますナビゲーションメニューに
テキスト名が置き換えられますロゴ画像に
サイトの他の部分は変更されません（ロゴはメニューにのみ影響）
ロゴとテキストの両方が欲しい場合は、ロゴ画像にテキストを含める必要があります。
カスタムメニューロゴの削除
メニューでテキスト名に戻すには：
サイト設定 → メニュータブに移動します
カスタムメニューロゴセクションを見つけます
ロゴプレビューの上にある削除をクリックします
ロゴが削除されます
変更を保存をクリックします
テキストベースのカップル名がメニューに再表示されます。
メニューロゴとヘッダーロゴ
カスタムメニューロゴ： ナビゲーションバーの小さなロゴ（40px高さ）
カスタムヘッダーロゴ： メインヘッダーエリアの大きなロゴ（540px幅）
これらは異なるアップロードです！以下が可能です：
- 両方（メニューとヘッダーのロゴ）
- どちらか一方（メニューまたはヘッダー）
- どちらもなし（テキスト名のみ）
メニューでのロゴの配置
ロゴは通常、名前がメニューに表示される場所に表示されます。テーマによって：
左側： ロゴが左、メニューリンクが右
中央： ロゴが中央、リンクが左右に分割
右側： メニューリンクが左、ロゴが右
テーマが正確な配置を制御します。
メニューロゴの更新
メニューロゴを変更するには：
サイト設定 → メニュータブに移動します
カスタムメニューロゴを見つけます
削除をクリックして現在のロゴを削除します
カスタムメニューロゴをアップロード（40px高さ）を再度クリックします
新しいロゴファイルを選択します
変更を保存をクリックします
新しいロゴが古いロゴを置き換えます。
モバイル表示
メニューロゴは通常モバイルにも表示されますが、より小さくまたは異なる位置に配置される場合があります。スマートフォンでテストして見た目を確認してください。
一部のテーマは、ハンバーガーメニューアイコンを優先してモバイルでメニューロゴを非表示にします。
ロゴの色の考慮事項
明るいメニュー背景： 暗いまたはカラフルなロゴを使用
暗いメニュー背景： 明るいまたは白のロゴを使用
透明PNG： メニュー背景を透かして見せる
ロゴがメニューの背景色に対して表示されることを確認してください。
ファイルフォーマットの説明
PNG： 透明度または単色のロゴに最適
SVG： スケーラブルなベクター、任意のサイズで鮮明（持っているなら最良の選択）
JPG： 動作しますが透明度をサポートしない（背景ボックスがある場合がある）
GIF： 動作しますが古い、代わりにPNGを使用してください
PNGまたはSVGが最良の選択肢です。
メニューロゴのテスト
アップロード後：
ライブ結婚式ウェブサイトを訪問します
メニューバーでロゴを確認します
鮮明で読みやすいことを確認します
デスクトップとモバイルでテストします
メニューカラーと調和することを確認します
よくある問題
ロゴが大きすぎる： メニューバーからはみ出す可能性があります。40px高さにリサイズしてください。
ロゴが見えない： メニュー背景色とのコントラストを確認します。
ロゴがピクセル化： より高い解像度またはベクター（SVG）形式を使用します。
ロゴ周りの白いボックス： 透明背景のPNGまたはSVGを使用します。
ブランディングの一貫性
カスタムメニューロゴを使用している場合、以下で同じまたは類似のロゴを使用することを検討してください：
- ヘッダーロゴとして
- 招待状
- 日程のお知らせ
- ステーショナリー
一貫したブランディングは専門的に見えます。
メニューロゴを使うとき
結婚式のロゴがある： すでに招待状用にデザインされている。
強いブランディングが欲しい： ロゴが結婚式のアイデンティティを強化する。
ビジュアル > テキスト： プレーンテキストよりも画像を好む。
カスタムモノグラム： 美しいモノグラムをデザインした。
スキップするとき
テキストで十分： メニューで名前がすでに素敵に見える。
シンプルさを好む： テキストの方がクリーンで分かりやすい。
ロゴを作成していない： 作成に時間を費やしたくない。
テーマがテキストの方が良く見える： 一部のテーマはテキストメニュー用に最適化されている。
カスタムメニューロゴはオプションですが、結婚式ウェブサイトのナビゲーションに洗練されたブランド感のあるタッチを加えます。