圖片是將您的想法傳達給網站查看者的最有用的視覺線索之一。 在本文中,您將學習如何使用圖片要素以及與頁面上的圖片相關的一些常見問題。
您可以先觀看有關使用圖片要素創建基本佈局的視頻
关于图片元素
圖片要素允許您將圖片添加到頁面以提高轉換率。 您可以使用此要素為您的頁面製作橫幅圖片,為您在頁面上談論的內容添加附加的視覺證明,或者簡單地裝飾您的頁面。
請注意,PageFly 支持許多不同的圖片類型,例如 PNG、JPG、SVG 等。
訪問圖片要素
第 1 步:點擊加號標誌,即添加要素功能
第 2 步:點擊下拉菜單中的圖片要素
第 3 步:將您想要的要素拖放到頁面編輯器中,然後開始使用它。
在最新的更新中,圖片要素僅有一個設計選項,但是請記住,您可以使用通用和样式標簽更精確地自定義此要素。
將變體拖到佈局中,看看如何配置它。
你可以在下面的视频查看更多信息。
圖片要素配置
圖片要素帶有大量設置參數,可讓您微調內容外觀以達到最佳轉換率。
選擇佈局中的要素以查看其參數。
“通用”和“樣式”標簽中的參數特定於該要素。
常规选项参数
您可以在此處閱讀更多有關如何使用圖片管理器上傳圖片的詳細信息。
常规选项参数 | |
圖片來源:從 3 個來源上傳您的圖片:來自電腦、來自网上通過 URL、來自圖片管理器。 | ![]() |
圖片管理器:您可以在此處找到有關圖片管理器媒體的所有最新和最好的新聞。 | ![]() |
啟用全寬:使圖片適合其容器的寬度(例如:欄)。 | ![]() |
圖片寬度:關閉啟用全寬度時,您可以調整圖片寬度。 | ![]() |
圖片比例 共有三種類型供您選擇: | 原來:圖片將以原來大小顯示 方形:圖片將顯示為方形 自定義:您可以調整圖片的高度 |
圖片高度:您可以在圖片比例中選擇自定義時調整圖片高度。 | ![]() |
圖片對象適合:在方形和自定義類型中,您可以重新調整圖片大小以適合其容器 | 封面:圖片將拉伸以適合容器
|
圖片位置:在方形和自定義類型中,您可以選擇指定圖片在其容器內的位置。 | ![]() 如果圖片適合其容器,圖片位置將顯示如下 |
您可以在此處獲取有關屬性、可見性、動畫參數的更多信息。
重要的提示
提示 1:所有設備僅使用一張圖片 您只能在不同的設備上使用一個圖片,如果要更改圖片,您需要進入“所有設備”視圖並在內容參數中重新選擇您想要的圖片。
提示 2:使用“隱藏”在不同設備上顯示圖片
當您需要為不同的設備顯示不同的圖片時,請按照以下步驟操作:
- 在所有設備視圖中,添加您要顯示在不同設備上的圖片。
- 選擇每個圖片,然後在通用標簽中,您將看到 透明度參數。
- 要在特定設備上顯示它,只需在其他設備上隱藏它。
- 點擊保存和發布按鈕,您將在每台設備上看到不同的圖片。
您可以將此圖像視為插圖:
樣式配置
選擇具有 6 個變體的全局樣式中的圖片樣式
您可以在此處查看有關樣式標簽的更多信息