Wordpress建站教程:實現企業網站時間軸動畫的方法

作者:悅然wordpress建站(悅然建站)

(此處已新增小程式,請到今日頭條客戶端檢視)

繼續分享wordpress建站教程,今天給大家分享如何製作企業網站的時間軸動畫效果。有很多企業網站建設都會使用過時間軸動畫,我們可以透過它來生動的展示企業的發展歷程等資訊,看起來比較炫。

下面悅然網路工作室就給大家分享幾個在wordpress建站中實現時間軸動畫的方法。在wordpress建站環境下,使用外掛是實現網站時間軸動畫最簡單的方法。

Getwid

Wordpress建站教程:實現企業網站時間軸動畫的方法

​Getwid是一個免費的wordpress外掛,它可以配合古騰堡區塊使用,操作簡單,效果也比較好,功能也很豐富,其中有一個功能為【內容時間軸區塊】,透過它就可以實現我們想要的時間軸動畫了。

Wordpress建站教程:實現企業網站時間軸動畫的方法

​實現的效果如上圖所示,悅然wordpress建站在一個建站專案中就使用的這款外掛,隨著頁面的滑動時間會有動畫效果。

Getwid下載地址

https://downloads。wordpress。org/plugin/getwid。1。7。7。zip

Cool Timeline

Cool Timeline是一個更加專業的時間軸效果外掛,如果你需要對時間軸效果進行更多調整,那麼使用它應該是不錯的選擇。

Wordpress建站教程:實現企業網站時間軸動畫的方法

​如上圖所示,Cool Timeline外掛可以設定多種不同的時間軸效果。

Cool Timeline下載地址

https://downloads。wordpress。org/plugin/cool-timeline。zip

注意事項:

以上兩種外掛預設都是在頁面或文章中使用的,如果你使用的wordpress建站模板是直接用頁面功能製作的首頁,那麼首頁呼叫就比較方便,可以在頁面中直接使用外掛生成時間軸效果;如果你使用的wordpress建站模板的首頁是不是用頁面來製作的,那麼呼叫時可能會麻煩一些,需要透過程式碼來呼叫。

Wordpress建站教程:實現企業網站時間軸動畫的方法

​如上圖所示,當我們生成好一個時間軸效果後,讓這個區塊與html顯示,複製程式碼,然後新增到首頁的HTML模組就可以了。