ビジュアルエディター

お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

テンプレートを好みのスタイルに設定できます。複雑なコードを使用せずに、プリセットの配色、ヘッダーのレイアウト、バナーのレイアウトなど、Webサイトの各種設定をカスタマイズできます。ビジュアルエディターを開き、目的の設定を選択して編集を開始するだけです。

以上がビジュアルエディターの基本操作です。続いて、各機能について説明します。

クリックして、好みのプリセット色を選択します。プリセットをカスタマイズするには、［カスタム値］をクリックし、該当する16進数値をクリックして、カラーピッカーで色を設定します。

ドロップダウンをクリックし、フォントライブラリーからフォントを選択して、基本フォントと見出しフォントを変更することもできます。

利用可能な設定をクリックして、さまざまなヘッダーのレイアウトを適用できます。
Webサイトでメンバーポータルを有効にしている場合、［ポータルの位置］で、メンバーのサインインをWebサイトの上部バーに表示するか、ナビゲーションバーの一部として表示するかを選択できます。
ドロップダウン一覧をクリックして、上部バーとヘッダーのテーマを選択します。
固定、フローティング、またはスクロール時に表示するヘッダーから選択することもできます。
ソーシャルメディアのアイコンをヘッダーに表示するには、［ソーシャルアイコンのフローティング表示］を有効にします。

バナーのレイアウトは、次の3種類からカスタマイズできます。

ボックス：バナー画像が、周囲に白い余白のあるボックス内に表示されます。前述の設定と同様に、ナビゲーションバーは単色の背景上でバナー画像の上に表示されます。
全画面：バナー画像が、Webサイト全体に元のサイズで表示されます。ナビゲーションバーはバナー画像に重ねて表示され、統一感のある外観になります。

ビジュアルエディターでは、ブログ一覧や投稿の表示方法を変更できます。一覧内の投稿を表示するレイアウトを、複数の種類から選択できます。また、個々の投稿の表示方法も選択できます。

ユーザーがWebサイト内を簡単かつすばやく移動できるよう、さまざまなパンくずリストのデザインから選択できます。

メガメニュー内での項目の表示方法や、メガメニューの列に使用する区切り線の種類を選択できます。また、

［背景］を切り替えて、メガメニューの背後に背景を追加することもできます。

メニューの各項目の横にアイコンを表示できます。ビジュアルエディターで、メニューの各項目に対するアイコンの表示方法を選択できます。

カスタマイズ機能をさらに強化しました。詳細ビジュアルエディターでは、Webサイトのデザインやコンテンツを柔軟かつ簡単にカスタマイズできます。

ビジュアルエディターで、右側のカスタマイズメニューの下部にある［詳細］をクリックします。
［要素］タブと［ヘッダー］タブを切り替えて、必要なカスタマイズを選択します。［要素］タブでは要素の外観を変更でき、［ヘッダー］タブではブランド設定、サイトのナビゲーション、ヘッダーのスタイルをカスタマイズできます。

要素：サイト上の見出し、段落、アイコン、ボタンなど、さまざまな要素をカスタマイズできます。ドロップダウンをクリックし、フォントライブラリーからフォントを選択して、基本フォントや見出しフォントなどの文字デザインを修正できます。1か所からサイト全体の要素をカスタマイズできます。詳細はこちら

見出し：［ヘッダー］タブでは、Webサイトのヘッダーセクションのあらゆる設定をカスタマイズできます。ナビゲーション、ブランド設定、サインインボタンなど、ヘッダー要素の文字デザインを修正できます。詳細はこちら