在WordPress網站上使用Elementor Custom Code功能可以自由添加個性化的JS和CSS。這對於想要添加個性化內容、Google廣告或行銷代碼的使用者來說非常有用。使用Custom Code編輯器可以輕鬆添加JS和CSS代碼並管理它們的位置。本文介紹了如何使用Custom Code編輯器設定JS和CSS,並提供了一些最佳實踐和技巧。學習JS可以讓網站更具創意並提升用戶體驗。

目錄

今天要來聊聊怎麼在 WordPress 網站上使用 Javascript 和 CSS,雖然 WordPress 網站主打不會寫程式也能建立一個網站,但是如果我們想要添加個性化或是加上 Google 廣告或是行銷代碼的話,學會如果在 WordPress 網站上添加 JS 和 CSS ,還是十分有用的。

例如,在網站上放置 Google Adsnese 並賺取廣告的被動收入。又或是使用 Google Analytics 代碼或 Facebook Pixel 代碼在我們的 WordPress 網站來追蹤使用者行為和再行銷活動。

又或是你是經營聯盟行銷網站,在網站中放置快速轉址的 Javascript 程式碼,以獲得更高的轉換機會。

總之,經營網站一定要學會怎麼在網站上放置 Javascript 和 CSS 並管理它們,當中方法很多,如果你和大叔一樣是使用 Elementor Pro 的話,那 Elementor Custom Code 是 Elementor 專業版中的一個功能,讓我們最簡單快速的方法放置程式碼並管理它們。

延伸閱讀:

Elementor 可以讓你快速而簡單地創建專業而美觀的網站,它的三大特點:

  • 「拖放式 (Drag and Drop)」編輯介面 :簡單易操作,讓任何人都能夠輕鬆設計和編輯網頁。
  • 不需要具備程式設計能力:Elementor 將想得到的功能都設計成元素,直接「拖放」就能使用。
  • 網上最多模板和教學資源支援 :使用 Elementor 模板和範本讓我們站在巨人的肩膀上。你可以在網路上找到任何關於 Elementor 的問題和教學,省下大量解決問題的時間。


  • 此外,在最新的統計中,Elementor 是最受歡迎的 WordPress 網頁編輯工具,例如說:

  • 平均每 10 秒創建一個網站
  • Elementor 是一個開源的平台
  • 自 2016 年推出,至今已擴展到 180 多個國家/地區
  • 超過 5,000,000 次活躍安裝
  • WordPress 網站 超過 5000 條五星級評論
  • Elementor 在 2022 年超過了 1200 萬的使用者,佔全球球網路的近 8%


  • 以下是 Elementor 的一些特點:

  • 優秀的性能:Elementor 能夠快速載入,不會讓你的網站變得緩慢。
  • 大量模板可用:Elementor 提供了豐富的模板庫,涵蓋各種類型的網站,你可以根據自己的需求進行選擇,而且每個模板都可以進行自定義。
  • 無需程式背景:Elementor 的編輯界面簡單易用,讓你可以輕鬆設計和修改網站的外觀和功能,而且不需要任何程式設計知識。
  • 免費和付費版本:Elementor 提供了免費和付費兩個版本,免費版本已經足夠使用,但付費版本可以提供更多功能和模板。
  • 網上大量免費學習資源:Elementor 是最受歡迎的 WordPress 編輯工具,超過 800 萬網站使用,可以在網路上找到大量的學習文章。


  • Elementor 是基於 WordPress 開放系統下的網頁編輯工具軟體,可以從 Loading Page 到電子商務網站等幾乎所有網頁應用中使用,是大叔最喜歡且常使用的編輯器之一。

    Elementor 的強大功能和簡單易用的編輯界面,讓它成為了最受歡迎的 WordPress 編輯工具之一,無論你是新手還是有經驗的網站開發者,都可以輕鬆使用它來打造出美觀而實用的網站。


    ▼ Elementor 網頁編輯器影片 – 由 Elementor 提供

    Elementor Custom Code 是什麼?

    點擊發佈後,會出現 Publish Settings 的跳窗,問我們程式要出現在網站什麼地方。我們可以選擇「整個網站」,也可以調整成只出現在某些文章或是頁面中。

    Share the Post: