Wix フォーラム:フォーラムをデザインする

読了時間:4分
ニーズに応じてフォーラムの見た目をカスタマイズすることができます。レイアウト、色、フォントなどを編集してデザインを際立たせ、より多くの会員にフォーラムの存在をアピールしましょう。
ナビゲーションメニュー、テキストスタイル、アイコン、ボタンの 4つの要素をデザインします。

デザインのカスタマイズについての詳細は以下をご覧ください:


ナビゲーションメニューのデザインをカスタマイズする

フォントとアイコンの色を変更し、メニュー背景の不透明度を変更することで、ナビゲーションメニューのデザインをカスタマイズできます。

ナビゲーションメニューのデザインをカスタマイズする方法:

  1. エディタで Wix フォーラムアプリをクリックします。
  2. 設定」をクリックします。
  3. デザイン」タブをクリックします。
  4. ナビゲーションメニュー」タブをクリックして、ナビゲーションメニューの設定をカスタマイズします:
    • フォント・アイコンの色:カラーボックスをクリックして、フォントとアイコンの色を選択します。
    • 背景の不透明度・色:スライダーをドラッグして不透明度を変更し、カラーボックスをクリックして背景の色を選択します。
  5. 戻る」をクリックします。

テキストのデザインをカスタマイズする

フォントの種類とサイズを変更することで、テキストのデザインをカスタマイズできます。

テキストのデザインをカスタマイズする方法:

  1. エディタで Wix フォーラムアプリをクリックします。
  2. 設定」をクリックします。
  3. デザイン」タブをクリックします。
  4. テキストスタイル」タブをクリックして、テキストスタイルの設定をカスタマイズします。
    • タイトル:「展開」アイコン  をクリック、ヘッダーのタイトルスタイルをカスタマイズします。
    • 詳細展開」アイコン  をクリックし、へッダーの詳細スタイルをカスタマイズします。
    • 記事文字色:カラーボックスをクリックして、記事テキストの色を選択します。
    • タイトル:「展開」アイコン  をクリックし、記事テキストのタイトルスタイルをカスタマイズします。
    • 詳細:「展開」アイコン  をクリックし、記事テキストのスタイルをカスタマイズします。
  5. 戻る」をクリックします。

アイコン・ボタンのデザインをカスタマイズする

ボタンテキスト、リンク、ハッシュタグの色、コメントアイコンの色を変更することで、アイコンとボタンのデザインをカスタマイズできます。

アイコン・ボタンのデザインをカスタマイズする方法:

  1. エディタで Wix フォーラムアプリをクリックします。
  2. 設定」をクリックします。
  3. デザイン」タブをクリックします。
  4. アイコン・ボタン」タブをクリックしてアイコンとボタンの設定をカスタマイズします:
    • ボタンのテキストの色:カラーボックスをクリックして、ボタンのテキストの色を変更します。
    • ボタンの不透明度・色:カラーボックスをクリックしてボタンの色を選択します。スライダーをドラッグして不透明度を変更します。
    • 角の丸み:スライダーをドラッグして角の丸みを変更します。
    • リンク・ハッシュタグ:カラーボックスをクリックして、リンクとハッシュタグの色を選択します。
    • コメントアイコンの色:カラーボックスをクリックして、コメントアイコンの色を選択します。
  5. 戻る」をクリックします。

背景・枠線のデザインをカスタマイズする

色と不透明度のレベル、および枠線の太さと角の丸みを変更して、背景と枠線のデザインをカスタマイズできます。

背景・枠線のデザインをカスタマイズする方法:

  1. エディタで Wix フォーラムアプリをクリックします。
  2. 設定」をクリックします。
  3. デザイン」タブをクリックします。
  4. 背景・枠線」タブをクリックして、背景と枠線の設定をカスタマイズします:
    • フォーラムの背景:スライダーをドラッグして不透明度を変更し、カラーボックスをクリックしてフォーラムの背景色を選択します。
    • 記事、カテゴリー、サイドバーの背景と不透明度:スライダーをドラッグして不透明度を変更し、カラーボックスをクリックして、記事、カテゴリー、サイドバーの背景色を選択します。
    • 記事、カテゴリー、サイドバーの枠線の色と不透明度:スライダーをドラッグして不透明度を変更し、カラーボックスをクリックして記事、カテゴリー、サイドバーの枠線の色を選択します。
    • 枠線の太さ:スライダーをドラッグして枠線の太さを変更します。
    • 角の丸み: スライダーをドラッグして、角の丸みを変更します。
  5. 戻る」をクリックします。
新規カスタマイズしたフォーラムを確認しましょう
サイトに新しく変更を加えたら、忘れずにサイトを公開してください。

お役に立ちましたか?

|