在網(wǎng)站設(shè)計(jì)中，如何有效地展示時(shí)間軸或重要的歷史事件是一個(gè)重要的元素。Essential Blocks 為 Gutenberg 編輯器 提供了一款十分好用的工具——時(shí)間線滑塊（Timeline Slider），它能更加生動(dòng)的方式展示內(nèi)容。無論是講述公司的發(fā)展歷程、展示項(xiàng)目進(jìn)度，還是展示其他時(shí)間相關(guān)的內(nèi)容，時(shí)間線滑塊都能提供極具吸引力的視覺效果，幫助提升用戶的瀏覽體驗(yàn)。

開始使用時(shí)間線滑塊

1. 安裝和激活 Essential Blocks 插件

在開始之前，確保 Essential Blocks 插件（包括免費(fèi)版和高級(jí)版）已經(jīng)正確安裝并激活。這個(gè)功能是 Essential Blocks 高級(jí)版本的一部分，因此需要 Pro 版才能使用。

• 在 WordPress 儀表盤 中，進(jìn)入 Essential Blocks。

• 切換到 Blocks 標(biāo)簽頁，找到 時(shí)間線滑塊 選項(xiàng)，并點(diǎn)擊激活按鈕。

2. 插入時(shí)間線滑塊到頁面中

接下來，我們將進(jìn)入頁面編輯器來使用時(shí)間線滑塊。

• 打開想要插入時(shí)間線的頁面，點(diǎn)擊 加號(hào)圖標(biāo)。
• 在彈出的搜索框中，輸入 Timeline Slider，然后點(diǎn)擊該塊，時(shí)間線滑塊將立即出現(xiàn)在頁面上。

3. 配置內(nèi)容源和樣式

時(shí)間線滑塊允許選擇不同的內(nèi)容源和樣式來定制時(shí)間線的展示效果。按照以下步驟配置：

• 在頁面頂部，點(diǎn)擊 Block Editor。
• 切換到 General（常規(guī)）標(biāo)簽。

• 選擇內(nèi)容源，可以選擇 自定義（Custom）或 動(dòng)態(tài)（Dynamic），這取決于如何展示內(nèi)容。

• 從預(yù)設(shè)樣式中選擇喜歡的樣式，點(diǎn)擊確認(rèn)。

4. 自定義每個(gè)時(shí)間線條目

可以為每個(gè)時(shí)間線條目添加標(biāo)題、日期、文本內(nèi)容等：

• 點(diǎn)擊時(shí)間線上的任意一個(gè)條目，可以編輯該條目的 標(biāo)題、日期 和 文本內(nèi)容。

• 如果需要，開啟 短篇（Short Hamlet） 選項(xiàng)來展示簡短信息。

5. 配置時(shí)間線滑塊設(shè)置

可以進(jìn)一步調(diào)整時(shí)間線滑塊的功能設(shè)置，以實(shí)現(xiàn)更靈活的展示效果：

• 在 Slider Settings（滑塊設(shè)置）中，可以開啟或關(guān)閉箭頭、自動(dòng)播放、圓點(diǎn)等功能。

• 選擇是否希望啟用這些功能，并做出相應(yīng)的調(diào)整。

6. 樣式和外觀自定義

為了使時(shí)間線滑塊更符合網(wǎng)站設(shè)計(jì)，可以進(jìn)入 Style（樣式）標(biāo)簽，進(jìn)行詳細(xì)的定制。

• 修改 連接器顏色、圖標(biāo)顏色、字體排版 等。

• 在 Arrow Section（箭頭部分）中自定義箭頭的顏色、大小等。

7. 高級(jí)自定義與動(dòng)畫效果

為了讓時(shí)間線滑塊更加引人注目，Essential Blocks 提供了 高級(jí)自定義 選項(xiàng)?？梢哉{(diào)整以下內(nèi)容：

• 背景類型、顏色、邊框樣式 等，讓時(shí)間線滑塊更加個(gè)性化。

• 設(shè)置 動(dòng)畫類型、動(dòng)畫速度、延遲時(shí)間，使時(shí)間線滑塊在頁面加載時(shí)呈現(xiàn)流暢的效果。

8. 發(fā)布和更新頁面

完成所有設(shè)置后，點(diǎn)擊 發(fā)布 或 更新 按鈕，保存你的更改。時(shí)間線滑塊已經(jīng)在頁面上設(shè)置完畢，用戶可以享受更具交互性和吸引力的內(nèi)容展示。

小結(jié)

使用 Essential Blocks 的 時(shí)間線滑塊，可以為網(wǎng)站添加一個(gè)富有互動(dòng)性和視覺沖擊力的元素。無論是用來講述歷史、展示項(xiàng)目進(jìn)度，還是通過時(shí)間軸呈現(xiàn)重要事件，時(shí)間線滑塊都能有效吸引用戶的注意力，提升用戶體驗(yàn)。通過簡單的配置和定制，可以輕松地在網(wǎng)站中展示引人入勝的故事。

想了解更多WordPress相關(guān)的教程和資訊，請關(guān)注光子波動(dòng)網(wǎng)，擁有最全的WordPress教程和最活躍的WordPress交流社區(qū)。

聯(lián)系我們
教程看不懂？聯(lián)系我們?yōu)槟赓M(fèi)解答！免費(fèi)助力個(gè)人，小企站點(diǎn)！	客服微信
① 電話：020-2206-9892
② QQ咨詢：1025174874
③ 郵件：info@361sale.com
④ 工作時(shí)間：周一至周五，9:30-18:30，節(jié)假日休息