如何使用塊構建時間軸頁面

how-to-build-a-timeline-page-with-blocks 如何使用塊構建時間線頁面

接下來在我們的 用積木建造 系列是關於如何構建時間線頁面的快速教程。 時間表為品牌和組織提供了一種直觀的方式來介紹自己並展示其歷史中的亮點。 塊編輯器使創建時間線比使用舊插件更容易。

對於這個例子,我選擇了 古騰堡的時間線塊 經過 酷插件,可在 WordPress.org 上找到。 它是少數提供時間線塊的插件之一。 它可以輕鬆創建響應時間線,可以自定義以匹配組織的品牌,並在創建過程中進行實時預覽。

我用的是比較新的 塊壓機 主題來自 運動塊,它支持完整的站點編輯,因此用戶可以直接在頁面上自定義所有內容。 在為這個項目創建示例網站時,我發現這個主題很容易使用。 如果您在自己的網站上銷售商品,它還與 WooCommerce 兼容。 Gutenberg 插件的 Timeline Block 可以與任何支持塊編輯器的主題一起使用,但我希望有機會使用 Blockpress。

該視頻演示了如何在五分鐘內創建時間線。

第一步是安裝主題和插件。 一旦兩者都被激活,創建一個包含時間線的新頁面。 單擊塊插入器並選擇時間軸塊。

該插件的一個便利功能是它會插入一些佔位符,因此很容易看到如何添加新的時間線項目(「故事」)。 最簡單的做法是替換已經存在的文本和圖像,如果您需要更長的時間線,請在最後添加更多故事。

how-to-build-a-timeline-page-with-blocks-1 如何使用塊構建時間線頁面

該插件可讓您自定義故事標題、描述和主要標籤顏色,甚至線條、圖標顏色/背景和故事邊框。 這使得將顏色與網站的品牌相匹配成為可能。 在單個故事設置中,您可以通過從 Font Awesome 圖標集合中進行選擇來更改圖像大小和自定義故事圖標。 這些故事還可以鏈接到其他帖子,因此除了標準的公司時間表之外,它還可以靈活地用於各種不同的目的。

來源

相關文章