Select Page

WordPress Plugin Typed Js – 打字效果外掛程式

WordPress Plugin Typed Js – 打字效果外掛程式

WordPress Plugin Typed Js

最近幫幾位朋友調整 WordPress 網站,發現了一些共同的困擾。很多朋友在架設安裝好 WordPress網站,也安裝好佈景主題以後,發現自己的網站的式樣可能跟多數的網站相似沒有什麼獨特性。如果想要增加一些效果來幫助自己的 WordPress網站有點變化,吸引訪客的注意與網站的停留時間,卻又礙於對程式或是式樣設計的不熟悉,遲遲無法做有效的改善。所以今天要跟大家分享的文章內容是推薦一個打字效果外掛程式 WordPress Plugin Typed Js,輕鬆的使用簡碼(shortcode)來製作動態效果,可以自己發揮創意的將這組效果置入網頁版型中,讓自己的WordPress網站增添一些吸引訪客目光的效果。
 

安裝 Typed Js 外掛程式

  • 在控制台管理介面/外掛/安裝外掛,請輸入 Typed Js(圖一),搜尋到了以後請安裝並啟用外掛程式。
  • 外掛程式啟用以後,可以在工具欄找到 Typed 選單,點選以後可以開始建立新的 Typed 效果(圖二)。
  • 開始建立 Typed效果時,可以看到有15個項目可以設定(圖三),看起來很複雜,不過它的內容很容易瞭解,每次改變設定以後在 Preview 區塊就可以即時看見效果(圖四),很方便操作使用。
  • 如果要在文章頁面使用文字打字效果,請填入簡碼(Shortcode),這樣文字打字效果就可以呈現了(圖五)。
  •  

    (圖一)Typed Js
    (圖一)Typed Js

     
     

    (圖二)建立新的 Typed 效果
    (圖二)建立新的 Typed 效果

     
     

    (圖三)新的 Typed 設定
    (圖三)新的 Typed 設定

 
 

Typed Options 文字打字效果選項說明

  1. Strings:這是填入想要顯示打字效果的文字,需要增加另外字串請點選+號增加文字內容。
  2. Type Speed:打字效果速度,數字0就是0秒,單位是豪秒,所以1秒的數值是1000。
  3. Start Delay:開始打字效果前遲疑秒數。
  4. Back Speed:文字退回鍵秒速設定。
  5. Back Delay:文字退回前遲疑秒速。
  6. Loop:是否需要循環顯示效果,需要的話請勾選。
  7. Show Cursor:是否需要顯示游標。
  8. Cursor Char:游標符號,也可以字型輸入想要的符號字元。
  9. Blinking Cursor:游標是否需要閃爍效果,需要的話請勾選。
  10. Font Size:打字效果文字字體大小設定。
  11. Font Family:打字效果文字字體字型設定。
  12. Font Weight:字體寬度。
  13. Color:字體顏色設定。
  14. Anchor Color:文字連結顏色設定。
  15. Cursor Color:游標顏色設定。

 

(圖四)Typed 設定即時效果
(圖四)Typed 設定即時效果

 
 

(圖五)文章中Typed 文字打字效果
(圖五)文章中Typed 文字打字效果

 

結論

常常跟剛剛接觸 WordPress 的朋友分享,首先需要瞭解自己為什麼使用 WordPress 這套系統,希望 WordPress 可以幫助自己的網站做到什麼效果,自己可以操作到什麼程度,這樣子對於網站的管理或是設計才會有事半功倍的效果。因為很多佈景主題或是外掛程式都可以來幫助自己做到需要的效果。所以,你所需要的不是程式技巧或是式樣知識,而是找到正確適合的佈景主題或是外掛程式幫助,而這一些需要的工具程式,WordPress 上有非常多,一定可以在網站架設的最初階段滿足大家需求的。不曉得從何開始的話,可以參閱 max 網站的文章,或是與我討論,我很樂意分享接觸 WordPress 這麼多年來的使用心得給大家,期待大家都可以無痛苦的開始使用 WordPress,架設出自己理想的網站。
 
 
(註)這類外掛程式會使用到 js檔案,在某些效能比較不足的主機,網站使用上會出現使用延遲的錯誤。所以確定使用前請反覆測試,確保網站運作正確不要影響訪客瀏覽網站的效果。

About The Author

max

使用 WordPress 架設網站不再是一件痛苦的工作。這裡跟大家分享使用WordPress的相關問題與研究。 並且提供有關WordPress外掛程式,佈景主題等等的使用經驗分享。 幫助想要建立網站的朋友,可以簡單,快速,無痛苦的建立與使用網站。

網站架設

WordPress 虛擬主機免費安裝設定