header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image

Wix ポートフォリオ:モバイル用に Wix ポートフォリオページをカスタマイズする

10分
デスクトップ版サイトに影響を与えることなく、モバイルデバイス上でのポートフォリオページの外観と動作を最適化することができます。つまり、モバイル版のポートフォリオページのデザインとレイアウトを、デスクトップ版のものとは異なる外観にカスタマイズすることができます。
ポートフォリオページに表示されるパーツのほか、ポートフォリオページ内のギャラリーのデザイン、レイアウト、動作をカスタマイズすることが可能です。
エディタ内のポートフォリオのスクリーンショット。

メインのポートフォリオページをカスタマイズする

このページは、ポートフォリオのトップページとして機能し、すべてのコレクションが表示されます。コレクションが表示されるギャラリーのレイアウトやデザインを調整したり、ビデオ設定を調整したりすることができます。
Wix エディタ
Wix Studio
  1. モバイルエディタ左側の「ページ・メニュー をクリックします。
  2. ポートフォリオページ」をクリックし、「ポートフォリオ」ページを選択します。
  3. ページの「ポートフォリオ」セクションをクリックします。
  4. ポートフォリオギャラリーのパーツをクリックします。
  5. カスタマイズするものを選択します:
    • レイアウト:「レイアウト」をクリックし、好みのレイアウトを選択します。「レイアウトを編集」をクリックし、「ギャラリー」タブと「アイテム」タブを切り替えると、ギャラリーの方向やギャラリーのテキストの位置などをカスタマイズすることができます。
    • 動作:「アクション」アイコン をクリックし、動画の設定を調整します。
    • デザイン:「デザイン」アイコン をクリックし、「何をデザインしたいですか?」下のドロップダウンをクリックして、ギャラリーのどの部分をデザインするかを選択します。
      ヒント:「画像コンテナ」、「画像」、「画像オーバーレイ」は、通常時とホバー時のデザインを個別に調整することができます。
ポートフォリオギャラリーの、「レイアウト」オプションが表示されている様子を示したスクリーンショット。

コレクションページをカスタマイズする

コレクションページのパーツと、コレクション内のすべてのプロジェクトが表示されるギャラリーをカスタマイズします。ページのテキストを調整したり、動画の設定をカスタマイズしたり、ギャラリーのレイアウトやデザインを調整したりすることができます。
Wix エディタ
Wix Studio
  1. モバイルエディタ左側の「ページ・メニュー をクリックします。
  2. ポートフォリオページ」をクリックし、「コレクションページ」を選択します。
  3. コレクションページのパーツをクリックします。
  4. 実行する内容を選択します:
コレクションページの、「デザイン」オプションが表示されている様子を示したスクリーンショット。

プロジェクトページをカスタマイズする

プロジェクトページのパーツと、プロジェクトのすべてのメディアが表示されるギャラリーをカスタマイズします。各種設定を変更したり、ギャラリーの通常時とホバー時の見た目を調整したり、ナビゲーションボタンのレイアウトを選択したりすることができます。
Wix エディタ
Wix Studio
  1. モバイルエディタ左側の「ページ・メニュー をクリックします。
  2. ポートフォリオページ」をクリックし、「プロジェクトページ」を選択します。
  3. プロジェクトページのパーツをクリックします。
  4. 実行する内容を選択します:
プロジェクトページの「設定」パネルと、要素設定パネルの「デザイン」セクションが表示されている様子を示したスクリーンショット。

よくある質問

モバイル用ポートフォリオページのカスタマイズに関する詳細については、以下の質問をクリックしてください: