全局樣式特徵

在本文中,您將了解全局樣式特徵以及如何使用它。

關於全局樣式特徵Click to copy

PageFly 全球樣式特徵旨在幫助商家在其商店中為要素使用預定義樣式。這些預定義的樣式可以由商家定制。此特徵允許商家在其整個在線商店中快速且統一地構建頁面。 在全局樣式中已設置的所有值都將成為編輯器頁面上的計算值。

你可以在下面的视频查看更多信息

例如

由於您希望在整個頁面中使用相同的標題樣式,而不必將樣式從一個標題複製並粘貼到另一個標題,您可以使用樣式標簽中的全局樣式選項。

Global Styling Feature 1

如果您要更改所有使用全局樣式的標題樣式,只需在全局樣式設置中更改樣式即可。

另一個例子是,當您想為按鈕或圖標等許多要素使用品牌顏色時,您可以在全局樣式中為許多要素設置顏色,或者在全局樣式顏色中設置品牌顏色,然後在使用 PageFly 構建商店時使用它。

總體而言,為您的頁面使用全局樣式將節省您的時間和精力,並在構建商店的過程中改善整個頁面的外觀

要了解如何使用此特徵,請繼續閱讀文章。

訪問全局樣式特徵Click to copy

第 1 步:在 PageFly 應用中,在導航欄的左下角選擇設置。

第 2 步:在設置中,單擊全局樣式。

global styling

全局樣式配置Click to copy

在全局樣式設置中,我們有兩個主要部分

屬性:顏色和字體家族。

要素:圖標、圖片、按鈕、標題、段落和分隔線符。

您可以更改這些要素樣式的名稱。 在編輯器頁面中選擇全局樣式的樣式時,該名稱將顯示在下拉菜單欄中。

屬性Click to copy

顏色

在全局樣式顏色設置中,您可以自定義 8 種預定義顏色,然後在構建頁面的過程中使用這些顏色。 這些顏色被命名為 Primary(初等)Secondary(中等)Foreground (前景)和 Background(背景),顏色從 5 到 8

要自定義顏色,請選擇每種類型並轉到樣式標簽選擇您想要的顏色

global styling

完成所有配置後,選擇發布

PageFly 編輯器中使用這些預定義顏色,請選擇要更改顏色的要素並轉到樣式標簽。然後在內容顏色和背景顏色下,選擇所需的全局樣式顏色。

如果您選擇 8 種全局樣式顏色以外的任何其他顏色,顏色類型將自動更改為自定義。

global styling

字體家族

在全局樣式字體家族設置中,您可以自定義 3 種預定義字體,然後在構建頁面的過程中使用這些字體。 這些字體被稱為 Primary(初等)Secondary(中等)Tertiary(高等)

要自定義字體家族,請選擇每種類型並轉到樣式標簽並選擇您想要的字體家族

global styling

完成所有配置後,選擇發布

PageFly 編輯器中使用這些預定義字體,請選擇要更改字體家族的要素並轉到樣式標簽。在字體家族下,選擇所需的字體家族。

global styling

如果您選擇不同於 3全局樣式字體家族的任何其他字體,字體家族類型將自動更改為自定義。

要素Click to copy

圖標

在全局樣式圖標設置中,您可以自定義 6 種預定義樣式,然後在構建頁面的過程中使用這些樣式。

要自定義每個圖標的樣式,請選擇每種類型並轉到樣式標簽並進行所需的配置。

global styling

完成所有配置後,選擇發布

PageFly 編輯器中使用這些預定義圖標,請單擊作為添加要素功能加號圖標,然後單擊下拉菜單欄中的圖標要素。最後,將要素拖放到頁面編輯器中。

global styling

然後,請選擇圖片並轉到樣式標簽,在要素全局樣式下,選擇您想要的圖片樣式。

global styling

圖片
在全局樣式圖片設置中,您可以自定義 6 種預定義樣式,然後在構建頁面的過程中使用這些樣式。

要自定義每個圖片的樣式,請選擇每種類型並轉到樣式選項卡並進行所需的配置。

global styling

您可以此處查看有關樣式選項卡的更多信息。

完成所有配置之後,選擇發布

PageFly 編輯器中使用這些預定義的圖片樣式,請單擊作為添加元素功能的加號圖標,然後單擊下拉菜單欄中的圖片元素。最後,將元素拖放到頁面編輯器中。

global styling

然後,請選擇圖片並轉到樣式選項卡,在元素全局樣式下,選擇您想要的圖片樣式。

global styling

按鈕

在全局樣式按鈕設置中,您可以自定義 6 種預定義樣式,然後在構建頁面的過程中使用這些樣式。

要自定義每個按鈕的樣式,請選擇每種類型並轉到樣式选项卡並進行所需的配置。

Global Styling

您可以此處查看有關樣式選項卡的更多信息。

完成所有配置之後,選擇發布

PageFly 編輯器中使用這些預定義的圖片樣式,請單擊作為添加元素功能的加號圖標,然後單擊下拉菜單欄中的圖片元素。最後,將元素拖放到頁面編輯器中。

global styling

然後,請選擇按鈕並轉到樣式选项卡,在元素全局樣式下,選擇您想要的按鈕樣式。

global styling

標題

在全局樣式標題設置中,您可以自定義 6 種預定義樣式,然後在構建頁面的過程中使用這些樣式。

要自定義每個標題的樣式,請選擇每種類型並轉到樣式选项卡並進行所需的配置。

global styling

您可以此處查看有關樣式選項卡的更多信息。

完成所有配置後,選擇發布

PageFly 編輯器中使用這些預定義的標題樣式,請單擊作為添加元素功能的加號圖標,然後單擊下拉菜單欄中的標題元素。最後,將元素拖放到頁面編輯器中。

global styling

然後,請選擇標題並轉到樣式选项卡,在元素全局樣式下,選擇您想要的標題樣式。

global styling

段落

在全局樣式段落設置中,您可以自定義 4 種預定義樣式,然後在構建頁面的過程中使用這些樣式。

要自定義每個段落的樣式,請選擇每種類型並轉到樣式选项卡並進行所需的配置。

global styling

您可以此處查看有關樣式選項卡的更多信息。

完成所有配置後,選擇發布

PageFly 編輯器中使用這些預定義的段落樣式,請單擊作為添加元素功能的加號圖標,然後單擊下拉菜單欄中的段落元素。最後,將元素拖放到頁面編輯器中。

global styling

然後,請選擇段落並轉到樣式选项卡,在元素全局樣式下,選擇您想要的段落樣式。

global styling

分隔線

在全局樣式分隔線設置中,您可以自定義 3 種預定義樣式,然後在構建頁面的過程中使用這些樣式。

要自定義每個分隔線的樣式,請選擇每種類型並轉到樣式选项卡並進行所需的配置。

global styling

您可以此處查看有關樣式選項卡的更多信息。

完成所有配置後,選擇發布

PageFly 編輯器中使用這些預定義的分隔線樣式,請單擊作為添加元素功能的加號圖標,然後單擊下拉菜單欄中的分隔線元素。最後,將元素拖放到頁面編輯器中。

global styling

然後,請選擇標題並轉到樣式选项卡,在元素全局樣式下,選擇您想要的分隔線樣式。

global styling

請註意:

  • 當您發布全局樣式時,全局樣式屬性和元素中的更改將應用於所有正在使用全局樣式的頁面。
  • 全局樣式參數在樣式选项卡中沒有重置按鈕。
  • 如果對一個元素應用全局樣式,然後編輯一些剛在全局樣式中設置的參數,其他參數仍將使用全局樣式中的設置。

global styling

  • 在样式选项卡中使用全局样式后,您还可以选择从样式选项卡中编辑回全局样式。请选择编辑元素/属性全局样式。

global styling

Navigate this category

Feedback
Thank you for your feedback!

Could not find the answer
to your question?

Chat with us
Boost your holiday sales with PageFly's Thanksgiving Template 👉 Discover Now