來自您 Shopify 部落格的文章,每篇都附有主要圖片與標題。用它將顧客導向指南、Lookbook 或最新消息。
新增區塊
-
選擇版面
在預覽的大型選單面板中,點擊 Add block(新增區塊)。點擊 Blogs(部落格),將游標移到某個版面上,然後點擊 Select(選擇):Latest Blog posts(最新部落格文章,某個部落格的最新文章)或 Articles(文章,只顯示您挑選的文章)。
(1) 點擊 Blogs,(2) 選擇 Latest Blog posts 或 Articles。 -
選擇內容
若使用 Latest Blog posts,請在 Blog(部落格)下點擊 Select blog(選擇部落格),並設定 Number of articles(文章數量)。若使用 Articles,請在 Articles 下點擊 Select articles(選擇文章)。
預覽中的部落格文章區塊,設定顯示在 Edit Item 中。 -
儲存並發佈
調整下列設定,然後點擊 Save(儲存)和 Publish(發佈)。
設定
- Title / Link(標題 / 連結)
- 文章上方的標題,例如「From the blog」,以及它連結的位置。
- Width(寬度)
- 區塊佔大型選單一列的比例:Auto(自動)或 8.33% 到 100%。
- List view(清單檢視)
- Carousel(輪播)、List(清單)或 Grid(格狀)。
- Number of articles(文章數量)
- 僅限 Latest Blog posts:要顯示幾篇最新文章。
- Blog(部落格)
- 僅限 Latest Blog posts:要從哪個部落格取得文章。
- Articles(文章)
- 僅限 Articles:您挑選的文章。
- Item(s) per row(每列項目數)
- 僅限 Grid 與 Carousel:1、2、3、4 或 6。
- Item view(項目檢視)
- Image above(圖片在上)或 Image left(圖片在左)。
- Image ratio(圖片比例)
- Auto、1:1、4:3、3:4、16:9 或 9:16。
- Visibility(顯示設定)
- Hide on desktop(在桌面裝置隱藏)、Hide on mobile(在行動裝置隱藏)、Hide when logged in(登入時隱藏)、Only show when logged in(僅在登入時顯示)、Schedule publishing(排程發佈)。請參閱每個區塊都有的設定。
提示
- 若要以較寬的一列顯示文章卡片,請使用 Grid 搭配 Image above。若是較窄的欄位,請使用 List 搭配 Image left。
- 文章是即時讀取的,因此 Latest Blog posts 區塊會自動顯示新文章。
疑難排解
文章顯示灰色的預留圖片
這篇文章沒有主要圖片。請在 Shopify 後台為文章加上圖片。
我挑選的文章不見了
您刪除了這篇文章,或變更了它的handle(網址)。請開啟區塊並重新挑選。請參閱在 Shopify 後台所做的變更沒有出現在選單中。
這個頁面有幫助嗎?
感謝您的意見回饋! 告訴我們缺少了什麼
回報問題