ページヘッダー
お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。
Zoho LandingPageのヘッダーセクションは、ロゴと通話-to-操作 (CTA) ボタンを含め、あなたのランディングページにわかりやすくて印象的なブランディング要素を提供します。これにより、デザインがすっきりと集中します。
ヘッダーセクションの有効化
- ランディングページビルダーの上部にある挿入ボタンを選択し、メニューを表示します。
- セクションで、トグルオプションを使ってヘッダーを有効にします。
ヘッダーのパーソナライズ
- ヘッダーセクションの任意の箇所を選択し、ヘッダー設定にアクセスします。
- このセクションでは、ヘッダーのスタイル、スクロール時の動作、背景テーマを変更することができます。
- 提供された設定を使用して、ボーダーやスペーシングを変更することも可能です。
- アニメーション設定を使用して、ページのロード時のヘッダーの動作を強化することができます。
- 表示デバイスオプションを使用して、ヘッダーをデスクトップ、タブレット、モバイルで表示するか非表示にするかを決定することができます。
- カスタムCSSとJavaScriptオプションを使用し、追加のカスタマイズのために独自のコードを適用することができます。
ヘッダーロゴのセットアップ
- ロゴを選択してロゴプロパティツールバーを開きます。
- ロゴの画像、配置、代替テキスト、およびスペーシングを変更することができます。
- ロゴにハイパーリンクを作成するには、リンクオプションを選択し、希望のURLを入力します。
ヘッダーCTAのセットアップ
- ヘッダーのボタンを選択してボタンの詳細パネルを開きます。
- ボタンのテキスト、スタイル、動作をあなたのニーズに基づいてパーソナライズすることができます。
ボタンリンクプロパティ
- リンクプロパティタブでは、ボタンにリンクを添付できます。このボタンを選択する訪問者は、提供されたリンクにリダイレクトされます。
- あなたのポータル内の任意のランディングページにリンクを添付できます。表示されるランディングページのリストから差出人を選択し、目的の選択先を選択します。また、アンカーとツールチップを追加することでリンクをより関連性が高くすることができます。訪問者は、ランディングページ内のボタンを選択すると、ランディングページにリダイレクトされます。
- あなたのウェブページにリンクを添付できます。ユーザーは、ランディングページ内のボタンを選択すると、あなたのウェブページにリダイレクトされます。
- アンカーオプションを使用することにより、ランディングページ内のあらゆるセクションにユーザーをリダイレクトすることができます。ランディングページ内に作成したアンカーは、アンカーの選択隣のドロップダウンリストに表示されます。
ランディングページのセクションにボタンをリンクする
訪問者をランディングページの特定のセクションに案内するために、アンカーを使用できます。たとえば、訪問者をページ下部のフォームに案内したい場合、フォームの上に見出しまたは近くのテキスト要素にアンカーを追加できます。
アンカーの追加方法
- アンカーを追加したいテキストを選択します。
- フローティングツールバーでアンカーオプションを選択します。
- アンカー名を入力し、保存を選択します。
ボタンをアンカーにリンクする
- ボタン要素を選択します。
- リンクタイプとしてアンカーを選択します。
- 作成したアンカーをリストから選択します。
これで、訪問者がボタンを選択すると、直接アンカー付きのセクションに案内されます！
- ボタンにメールアドレスをリンクするためには、ここにメールアドレスを入力します。同様に、CC、BCC、件名、項目以下のメッセージなどの追加詳細も追加できます。ユーザーがあなたのランディングページ上のボタンを選択すると、すべての詳細がすでに記入された新しいメール作成ウィンドウが開きます。
- ボタンに電話番号をリンクしたい場合、好きな電話番号を選択できます。ユーザーがあなたのランディングページ上のボタンを選択すると、ユーザーの電話がダイヤラーをオープンし、すでに入力されている電話番号で通話の準備ができます。
- ボタンにダウンロード可能なファイルをリンクしたい場合、ファイルをここにアップロードできます。ユーザーがあなたのランディングページ上のボタンを選択すると、ファイルが自動的にダウンロードされます。