背景設定の概要

背景色を変更するには？

2オプションがあります。 ソリッドカラー の三脚と 勾配.

単色の背景色

単色の背景は、要素に適用される単一の均一な色です。

GemPages の単色設定:

• XNUMX進カラーコード: 精度を保つために正確な 16 進コードを入力します。これは、一貫したブランドを維持するのに役立ちます。
• スポイト: ペンアイコンをクリックすると、ページから任意の色を視覚的に選択できます。

ページ全体の背景色を変更したい場合は、 この記事.

グラデーションの背景

GemPages のグラデーション背景は、線形グラデーションを使用して 2 つの色間のスムーズな遷移を実現します。 

GemPages のグラデーション設定:

• グラデーションスライダー: 色、色の数、色の位置に基づいてグラデーション遷移を設定します。
• グラデーションの方向: グラデーションの遷移方向を設定します。
• 最近の色: 最近選択した色を表示します。
• 推奨カラー: GemPages によって示された色を表示します。

背景画像を追加するには?

GemPagesの画像背景設定:

GemPages では、いくつかの画像背景プロパティを制御できます。

• 規模： の中から選ぶ カバー エリアを完全に埋めるか 含む 画像全体が切り取られずに表示されるようにします。
• 役職: 画像を中央、左上、右下などの特定の領域に揃えます。
• 繰り返す: 画像を水平に並べるか、垂直に並べるか、あるいはまったく並べないかを決定します。
• アタッチメント: 画像をコンテンツに合わせてスクロールするか、視差効果のために固定したままにするか設定します。
• LCPを最適化: ユーザーがバナーを含むセクションの近くまでスクロールすると、バナーが自動的に事前ロードされます。

もっと読む 画像の背景と色を設定する 画像の背景を設定するプロセスを理解します。 

背景ビデオを追加するにはどうすればいいですか?

ビデオ背景は、注目を集め、訪問者に没入感のある体験を提供する優れた方法です。 ビデオバナーとヒーローバナーのセクションで利用でき、デザインに動きとエネルギーを加えます。

を参照してください この記事 をご覧ください。

GemPages のビデオ背景設定:

• 出典： ビデオを取得するソースを選択してください:
  • YouTubeでご覧いただけます。: YouTubeから動画ソースを追加します。短いYouTube動画と長いYouTube動画の両方をサポートします。
  • ビデオホスティング: 別のホスティングからビデオ ソースを追加します。
• 動画のURL: 選択したソースに一致するビデオ URL を入力します。
• ループ： ビデオが最後まで再生されたら、最初から再開します。

ベストプラクティス: 商品画像に背景を追加する

背景を行に追加すると（製品画像に直接追加するのではなく）、レイアウトをより細かく制御できるようになり、画像の歪みを防ぐことができます。

製品画像要素に背景を追加するには、次の手順に従います。

• 左サイドバーから GemPages エディタードラッグアンドドロップして 行 E遺物 あなたのページに。

置き 商品画像 素子 その行の内側。

• 行を選択して設定を開き、 経歴 左側のサイドバーから設定します。

ここから、次のことができます。

• 単色またはグラデーションカラーを追加するか、
• 商品写真の背景に表示される背景画像をアップロードします。

背景を削除するにはどうすればいいですか?

GemPages の要素またはセクションから背景を削除する場合:

• 『Brooklyn Galaxy』のために、倪氏はブルックリン美術館のコレクションからXNUMX点の名品を選び、そのイメージを極めて詳細に描き込みました。これらの作品は、彼の作品とともに中国ギャラリーに展示されています。彼はXNUMX年にこの作品の制作を開始しましたが、最初の硬貨には、当館が所蔵する カラー/グラデーション: カラーピッカーをクリックして設定します トランスペアレント.
• 『Brooklyn Galaxy』のために、倪氏はブルックリン美術館のコレクションからXNUMX点の名品を選び、そのイメージを極めて詳細に描き込みました。これらの作品は、彼の作品とともに中国ギャラリーに展示されています。彼はXNUMX年にこの作品の制作を開始しましたが、最初の硬貨には、当館が所蔵する 画像/動画: アップロードしたメディアの横にある削除/ゴミ箱アイコンをクリックします。