メインコンテンツにスキップ

カスタムメニューロゴを編集する

ブランド感のあるルックのために、ナビゲーションメニューのテキスト名を置き換えるロゴをアップロードおよびカスタマイズする方法をご紹介します。

カスタムメニューロゴを編集する

ブランド感のあるルックのために、ナビゲーションメニューのテキスト名を置き換えるロゴをアップロードおよびカスタマイズする方法をご紹介します。
​

ナビゲーションメニューでテキスト名の代わりにロゴを表示したいですか？カップル名の代わりに表示されるカスタムメニューロゴをアップロードできます。結婚式のブランディングに最適です。
​

カスタムメニューロゴとは？

カスタムメニューロゴは、ナビゲーションメニューのテキストベースのカップル名を画像に置き換えます。これはサイト上部のメニューバーに表示されます。
​

以下とは異なります：
- ヘッダーロゴ： ホームページのメインヘッダーに表示
- ファビコン： ブラウザタブの小さなアイコン
- カスタムメニューロゴ： 特にナビゲーションメニュー用
​

必要な準備

カスタムメニューロゴをアップロードするには、まずメニューに名前を表示を有効にする必要があります：
​

  1. ウェブサイト → サイト設定 → メニュータブに移動します

  2. メニューに名前を表示トグルを見つけます

  3. オンにします

  4. カスタムメニューロゴオプションが下に表示されます

カスタムメニューロゴをアップロードする手順

  1. メインナビゲーションのウェブサイトに移動します

  2. 設定アイコンをクリックしてサイト設定を開きます

  3. 上部のメニュータブをクリックします

  4. メニューに名前を表示を見つけ、オンになっていることを確認します

  5. その下にカスタムメニューロゴセクションが表示されます

  6. カスタムメニューロゴをアップロード（40px高さ）をクリックします

  7. コンピューターからロゴファイルを選択します

  8. ロゴがアップロードされ、プレビューに表示されます

  9. 下部の変更を保存をクリックします

ロゴがナビゲーションメニューに表示されます。
​

ロゴの仕様

高さ： 40pxが推奨されます（アップロードボタンに記載）
​

フォーマット： PNG、GIF、JPG、またはSVG
​

透明な背景： 透過のPNGまたはSVGが最適です
​

アスペクト比： 横長のロゴが正方形または縦長よりもよく機能します
​

ファイルサイズ： 高速読み込みのために200KB未満に保ちます
​

メニューロゴの作成

デザインツール： Canva、Adobe Illustrator、Figma
​

シンプルに保つ： 小さなロゴにはクリーンで大胆なデザインが必要です
​

読みやすいテキスト： ロゴにテキストを含める場合は、小さなサイズでも読めるようにします
​

高コントラスト： ロゴはメニュー背景に対して表示される必要があります
​

ロゴのアイデア

名前と日付： 「Emily & Jordan | 2026」
​

モノグラム： エレガントなデザインのイニシャル
​

結婚式のハッシュタグ： スタイリッシュなフォントでのハッシュタグ
​

ミニマルなシンボル： シンプルなリング、ハート、意味のあるアイコン
​

イラスト： お二人を表すカスタムイラスト
​

ロゴとテキスト名

カスタムメニューロゴをアップロードすると：
​

ロゴが表示されますナビゲーションメニューに
​

テキスト名が置き換えられますロゴ画像に
​

サイトの他の部分は変更されません（ロゴはメニューにのみ影響）
​

ロゴとテキストの両方が欲しい場合は、ロゴ画像にテキストを含める必要があります。
​

カスタムメニューロゴの削除

メニューでテキスト名に戻すには：
​

  1. サイト設定 → メニュータブに移動します

  2. カスタムメニューロゴセクションを見つけます

  3. ロゴプレビューの上にある削除をクリックします

  4. ロゴが削除されます

  5. 変更を保存をクリックします

テキストベースのカップル名がメニューに再表示されます。
​

メニューロゴとヘッダーロゴ

カスタムメニューロゴ： ナビゲーションバーの小さなロゴ（40px高さ）
​

カスタムヘッダーロゴ： メインヘッダーエリアの大きなロゴ（540px幅）
​

これらは異なるアップロードです！以下が可能です：
- 両方（メニューとヘッダーのロゴ）
- どちらか一方（メニューまたはヘッダー）
- どちらもなし（テキスト名のみ）
​

メニューでのロゴの配置

ロゴは通常、名前がメニューに表示される場所に表示されます。テーマによって：
​

左側： ロゴが左、メニューリンクが右
​

中央： ロゴが中央、リンクが左右に分割
​

右側： メニューリンクが左、ロゴが右
​

テーマが正確な配置を制御します。
​

メニューロゴの更新

メニューロゴを変更するには：
​

  1. サイト設定 → メニュータブに移動します

  2. カスタムメニューロゴを見つけます

  3. 削除をクリックして現在のロゴを削除します

  4. カスタムメニューロゴをアップロード（40px高さ）を再度クリックします

  5. 新しいロゴファイルを選択します

  6. 変更を保存をクリックします

新しいロゴが古いロゴを置き換えます。
​

モバイル表示

メニューロゴは通常モバイルにも表示されますが、より小さくまたは異なる位置に配置される場合があります。スマートフォンでテストして見た目を確認してください。
​

一部のテーマは、ハンバーガーメニューアイコンを優先してモバイルでメニューロゴを非表示にします。
​

ロゴの色の考慮事項

明るいメニュー背景： 暗いまたはカラフルなロゴを使用
​

暗いメニュー背景： 明るいまたは白のロゴを使用
​

透明PNG： メニュー背景を透かして見せる
​

ロゴがメニューの背景色に対して表示されることを確認してください。
​

ファイルフォーマットの説明

PNG： 透明度または単色のロゴに最適
​

SVG： スケーラブルなベクター、任意のサイズで鮮明（持っているなら最良の選択）
​

JPG： 動作しますが透明度をサポートしない（背景ボックスがある場合がある）
​

GIF： 動作しますが古い、代わりにPNGを使用してください
​

PNGまたはSVGが最良の選択肢です。
​

メニューロゴのテスト

アップロード後：
​

  1. ライブ結婚式ウェブサイトを訪問します

  2. メニューバーでロゴを確認します

  3. 鮮明で読みやすいことを確認します

  4. デスクトップとモバイルでテストします

  5. メニューカラーと調和することを確認します

よくある問題

ロゴが大きすぎる： メニューバーからはみ出す可能性があります。40px高さにリサイズしてください。
​

ロゴが見えない： メニュー背景色とのコントラストを確認します。
​

ロゴがピクセル化： より高い解像度またはベクター（SVG）形式を使用します。
​

ロゴ周りの白いボックス： 透明背景のPNGまたはSVGを使用します。
​

ブランディングの一貫性

カスタムメニューロゴを使用している場合、以下で同じまたは類似のロゴを使用することを検討してください：
- ヘッダーロゴとして
- 招待状
- 日程のお知らせ
- ステーショナリー
​

一貫したブランディングは専門的に見えます。
​

メニューロゴを使うとき

結婚式のロゴがある： すでに招待状用にデザインされている。
​

強いブランディングが欲しい： ロゴが結婚式のアイデンティティを強化する。
​

ビジュアル > テキスト： プレーンテキストよりも画像を好む。
​

カスタムモノグラム： 美しいモノグラムをデザインした。
​

スキップするとき

テキストで十分： メニューで名前がすでに素敵に見える。
​

シンプルさを好む： テキストの方がクリーンで分かりやすい。
​

ロゴを作成していない： 作成に時間を費やしたくない。
​

テーマがテキストの方が良く見える： 一部のテーマはテキストメニュー用に最適化されている。
​

カスタムメニューロゴはオプションですが、結婚式ウェブサイトのナビゲーションに洗練されたブランド感のあるタッチを加えます。
​

関連記事

こちらの回答で解決しましたか？