图片元素

圖片是將您的想法傳達給網站查看者的最有用的視覺線索之一。 在本文中,您將學習如何使用圖片要素以及與頁面上的圖片相關的一些常見問題。

您可以先觀看有關使用圖片要素創建基本佈局的視頻

关于图片元素Click to copy

圖片要素允許您將圖片添加到頁面以提高轉換率。 您可以使用此要素為您的頁面製作橫幅圖片,為您在頁面上談論的內容添加附加的視覺證明,或者簡單地裝飾您的頁面。

請注意,PageFly 支持許多不同的圖片類型,例如 PNG、JPG、SVG 等。

訪問圖片要素Click to copy

第 1 步:點擊加號標誌,即添加要素功能

第 2 步:點擊下拉菜單中的圖片要素

第 3 步:將您想要的要素拖放到頁面編輯器中,然後開始使用它。

image element

在最新的更新中,圖片要素僅有一個設計選項,但是請記住,您可以使用通用样式標簽更精確地自定義此要素。

將變體拖到佈局中,看看如何配置它。

圖片要素配置Click to copy

圖片要素帶有大量設置參數,可讓您微調內容外觀以達到最佳轉換率。

選擇佈局中的要素以查看其參數

image element

“通用”和“樣式”標簽中的參數特定於該要素。

常规选项参数Click to copy

您可以在此處閱讀更多有關如何使用圖片管理器上傳圖片的詳細信息。

常规选项参数
圖片來源:從 3 個來源上傳您的圖片:來自電腦、來自网上通過 URL、來自圖片管理器。image element
圖片管理器:您可以在此處找到有關圖片管理器媒體的所有最新和最好的新聞。image element
啟用全寬:使圖片適合其容器的寬度(例如:欄)。image element
圖片寬度:關閉啟用全寬度時,您可以調整圖片寬度。 image element
圖片比例

共有三種類型供您選擇:

原來:圖片將以原來大小顯示

image element

方形:圖片將顯示為方形

image element

自定義:您可以調整圖片的高度

image element

圖片高度:您可以在圖片比例中選擇自定義時調整圖片高度。 image element
圖片對象適合:在方形自定義類型中,您可以重新調整圖片大小以適合其容器 封面:圖片將拉伸以適合容器

image element容納:圖片將被壓縮以留在其容器內

image element

圖片位置:在方形自定義類型中,您可以選擇指定圖片在其容器內的位置。 image element

如果圖片適合其容器,圖片位置將顯示如下

image element

您可以此處獲取有關屬性可見性動畫參數的更多信息。

重要的提示Click to copy

 提示 1:所有設備僅使用一張圖片 您只能在不同的設備上使用一個圖片,如果要更改圖片,您需要進入“所有設備”視圖並在內容參數中重新選擇您想要的圖片。

image element

提示 2:使用“隱藏”在不同設備上顯示圖片

當您需要為不同的設備顯示不同的圖片時,請按照以下步驟操作:

  • 所有設備視圖中,添加您要顯示在不同設備上的圖片。
  • 選擇每個圖片,然後在通用標簽中,您將看到 透明度參數。
  • 要在特定設備上顯示它,只需在其他設備上隱藏它。
  • 點擊保存發布按鈕,您將在每台設備上看到不同的圖片。

您可以將此圖像視為插圖:

image element

樣式配置Click to copy

選擇具有 6 個變體的全局樣式中的圖片樣式

image element

您可以此處查看有關樣式標簽的更多信息

您可以在下面觀看有關管理圖片的視頻教程:

Thank you for your feedback!

Navigate this category

PreviousPrevious article

Next articlePrevious

Could not find the answer to your question?

No worries, contact Our LiveChat Support 24/7

Contact PageFly LiveChat
PageFly Languagues

PageFly Help Center is now available in French, Portuguese and Chinese. Please check the flags on the page header.

I got it!