如何在Cloudways主機中同時建立與管理多個網站?

對於想管理多個網站的企業、接案者、電商經營者或部落客來說,「能否在同一台主機上輕鬆建立多個網站」是選擇主機時的重要考量。Cloudways 作為近年廣受歡迎的雲端託管平台,不僅具備彈性伸縮的雲主機架構,更提供強大又易用的網站管理工具,讓你能在一個帳號、一台伺服器上快速部署多個網站。

我們都知道Cloudways主機有一個很高CP值的功能,就是可以讓你的一台主機中可以建立「多個網站」,而且是沒有上限(雖是沒有上限但仍需適量以免影響整體主機效能),讓你只要花一台主機費用就可以架設多個不同類型的網站。

一、Cloudways 多站管理的關鍵特點

在 Cloudways 中,你可以:

  • 一台伺服器部署多個網站(Applications)
  • 一個帳號管理多個伺服器
  • 為每個站點設定獨立的網域SSL、安全規則
  • 輕鬆在不同伺服器間搬遷網站

這使它成為接案者、代理商與需要多站管理的企業的熱門選擇。

1. 真正的多網站管理

一台伺服器可建立多個網站,節省成本、管理集中、維護方便。

2. 高性能架構 + 自動快取

Cloudways 內建:

  • Nginx + Apache Hybrid
  • Varnish Cache
  • Redis(可一鍵啟用)
  • PHP-FPM

即便一台主機放多站,也能保持良好的速度。

3. 適合接案者與代理商

每個網站都有獨立登入憑證。
你可將單一 Application 的 SFTP、資料庫資訊交給客戶,而不影響其他網站。

4. 安裝 SSL 超簡單

每個網站都可獨立安裝 Let’s Encrypt 或自帶 SSL 憑證,介面操作一鍵完成。

5. 自動化備份與還原

Cloudways 提供每日備份,並可隨時點擊還原點,尤其對多站管理非常安心。

6. 垂直擴充(升級主機規格)超快速

當網站變多或流量增加時,你可以直接調整伺服器的規格:

  • RAM
  • CPU
  • SSD
  • Bandwidth

升級規格只需一鍵提升,無須重建伺服器或搬家。

7. 可跨伺服器轉移網站

如果網站變多或需要分散負載,可把 Application 轉移到另一台伺服器,完全無痛搬遷。


以下介紹,我們以「一台Server」的角度來說明,當然你也可以多建立幾台Server。

二、建立與管理多個網站

1、建立第二個網站

在Cloudways主機後台管理介面,切換至「Applications」,再點擊「Add Application」,即可創立第二個網站。

如何在Cloudways主機中建立與管理多個網站?-1
如何在Cloudways主機中建立與管理多個網站?-2
如何在Cloudways主機中建立與管理多個網站?-3

若是WordPress網站請盡量選擇「Hybrid Stack」,因WordPress網站會大量運作到「.htaccess」。

2、替多個Application(網站)重新命名

這邊的命名,只是一個在Cloudways主機介面的輔助識別名稱,並不會真實影響網站的原本名稱。

如何在Cloudways主機中建立與管理多個網站?-4

同一台主機下方若有多個網站,我們可以替每個網站加上識別名稱,例如用它的網域當識別名稱,或是用流水編號「Site01、Site02…」來做識別名稱,以利管理。

3、在應用程式列表篩選檢視

如果有在Cloudweays建立多個主機多個網站,為了快速尋找我們可以如下去使用它的過濾器,可以很快過濾清單以利我們找到目標網站。

若用流水號編名,也可以直接選擇按名稱排列。

如何在Cloudways主機中同時建立與管理多個網站?-5

4、在某應用程式(網站)介面切換至其它應用程式(網站)

我們若在某一應用程式(網站)的管理介面時,可以在上方導覽列快速切換至另一個應用程式(網站)。

如何在Cloudways主機中同時建立與管理多個網站?-6

5、讓所有網站共用Elastic Email的SMTP寄信服務

我們可以在「主機」層級啟用「Elastic Email」的SMTP服務,這樣子該主機下方所有網站都可以立即享有SMTP的服務,詳細介紹可以參考《啟動Cloudways主機端的SMTP寄信服務(純寄)-Elastic Email》。

如何在Cloudways主機中同時建立與管理多個網站?-7

※總結

若你想在 一台主機上建立多個網站、並同時享有高效能、易管理的優點,Cloudways 是非常值得考慮的平台。

透過簡單的後台操作,你可以:

  • 快速建立網站
  • 集中控制所有站點
  • 分別配置網域、安全性與 SSL
  • 享有高速度與彈性升級
  • 輕鬆備份、還原、轉移網站

無論你是專業開發者、接案者,或需要管理多網站的用戶,Cloudways 都能讓你的多站架構更有效率。

Cloudways的副本網站(staging)功能讓你大改網站時風險降至最低!

在更新 WordPress、重構佈局、調整外掛或新增功能時,最怕的就是改壞正式網站。尤其是正在運行流量或訂單的商店網站,任何錯誤都有可能造成服務中斷或營收損失。

Cloudways 提供的 Staging 副本網站功能,能讓你安心大改、放心測試、0 風險實驗,再將成功的修改一鍵推回正式站。

什麼是 Cloudways 的副本網站(Staging Site)?

先來一個基本觀念,「副本」,其實也就是複製的意思,這本就是很多主機商大都會提供的功能,但是Cloudways主機這邊把網站複製分成兩種模式:

  • 複製原站後是獨立新站。
  • 複製原站後並非獨立新站,修改過可以一鍵推回正式站進行覆蓋(Staging模式)。

而本文主要介紹的是「Staging Site」這種複製站。

Cloudways 的 Staging Site 是一個由系統自動建立的「正式站複製環境」,包含:

  • 同樣的 WordPress 檔案
  • 同樣的資料庫
  • 同樣的設定

完全不會影響正式環境

你可以在 Staging 站:

✔ 大改佈景
✔ 修改 functions.php
✔ 測試外掛相容性
✔ 測試結帳流程
✔ 自由嘗試任何高風險操作(例如大改版或久未更新的更新)

改壞也沒關係,可刪除後再一從正式站再建立一個新的副本站即可。

Cloudways 如何建立 Staging?

Step 1:進入 Cloudways Applications

從Cloudways後台切換至「Applications」列表。

Step 2 : Close App / Create Staging

對想建立Stagin Site的網站如下圖順序點擊「Close App / Create Staging」。

Cloudways的副本網站(staging)功能讓你大改網站時風險降至最低!-1

Step 3 : 選擇「Create as Staging」

選擇要複製至哪台Server主機後,然後再選擇「Creat as Staging」。

(如果沒有勾選的話就是一般的複製站,無法在修改後一鍵推送覆蓋)

Cloudways的副本網站(staging)功能讓你大改網站時風險降至最低!-2
Cloudways的副本網站(staging)功能讓你大改網站時風險降至最低!-3

等幾分鐘後即可完成複製。

Step 4 : 登入 Staging Site

Staging Site建立完成後,一樣在Application列表可以找到Stagint Site,點擊後即可進入詳細資料(Access Details)去取得它的網站後台網址來登入,而此網站後台網址的登入帳密就是原本主網站的帳密。

Cloudways的副本網站(staging)功能讓你大改網站時風險降至最低!-4
Cloudways的副本網站(staging)功能讓你大改網站時風險降至最低!-5

Step 5 : Staging Site 前台瀏覽預設是上鎖

Staging Site預設無法公開瀏覽,這都是為了保護網站在修改過程中不對外公開,也避免網路上出現重覆內容而對SEO評分造成影響,真的是很棒的設計。

Cloudways的副本網站(staging)功能讓你大改網站時風險降至最低!-7

不過我們可以從詳細資料(Access Details)下方的「Password Pretection」去打此網站解除上鎖狀態或是利用瀏覽帳密即可在上鎖狀態下來瀏覽它。

Cloudways的副本網站(staging)功能讓你大改網站時風險降至最低!-6

Step 6 : 一鍵推送覆蓋主網站

在Staging Site裡面把網站修改完成也確認無誤後,就可以使用以下功能把整個副本網站的修改後的狀態一鍵推送覆蓋至主網站,完全不用重新指向網址或修改DNS,超級方便,推送完成後即可把Staging Site刪除。

或是您有特殊需求,可以利用「Copy Date from Live to Staging」的最新狀態再度同步整個Staging Stie。

Cloudways的副本網站(staging)功能讓你大改網站時風險降至最低!-8

Step 6 : 選擇性推送至主站

如下,在我們選擇「Push」(一鍵推送覆主站」時,尚可再選擇是僅推送出檔案資料夾或是資料庫。

Cloudways的副本網站(staging)功能讓你大改網站時風險降至最低!-9

※總結

Staging Site (副本網站)最大特色就是可以一鍵推送回主站,完全不用再處理網域網址、DNS問題,這無疑是對網站大改版、需要長時間改版、太久沒更新怕一更新網站就崩潰等等情境非常適用,這真是對使用Cloudways主機的用戶一個非常方便的功能。

[備份還原]Cloudways主機端備份設定與還原操作

Cloudways主機本身有提供免費的每日自動備份設定與還原功能,且備份檔不會佔去整台主機的硬碟空間,甚至還提供他牌主機商少有的「每N小時」備份一次的功能,這一點真的滿大氣的。

以下說明Cloudways主機一些備份設定與還原操作的重點:

一、伺服器主機層級的備份設定

伺服器層級的備份設定,我們在Cloudwasy主機後台先切換到「Servers」頁籤,然後點擊某一台Server,找到「Backups」就可以進行設定。

[備份]Cloudways主機詳細備份設定-1

如下圖,紅框處都是可以自行設定的,

  • Schedule Time :可以自行修改備份時間,一般都是設定半夜時間;
  • Backup Frequency : 備份周期一般是一天備份一次(1Day~7Day),也有每N小時備份一次(購物網站訂單量大建議可改N小時備一次);
  • Backup Retention : 備份檔保留時間,預設是2週,建議改成4週較保險。
[備份]Cloudways主機詳細備份設定-2

以上伺服器層級的備份設定完成後,將會套用到此伺服器底下所有的應用程式(網站)。

二、應用程式(網站)層級的備份與還原操作

接下來可切換至「Applications」應用程式的介面,裡面都是網站,點擊任一網站名稱即可進入設定。

[備份]Cloudways主機詳細備份設定-3

1、還原

當網站已經有每日的備份檔產生時,在下圖①處可選擇一時間點,再點擊「Restore Application Now」即可對此網站進行還原。

[備份]Cloudways主機詳細備份設定-4

點擊「Restore Application Now」之後,尚可做選擇決定要做哪一種程度的還原,如下圖,一般網站中毒或經大量修改變動後有問題,都是選擇「完整還原」。

[備份]Cloudways主機詳細備份設定-6
  • 僅還原檔案之「檔案」,包括主題、外掛的資料夾、媒體庫、曾上傳過的PDF、文件等等。
  • 僅還原資料庫之「資料庫」,包括會員資料、文章頁面的文字部分、購物訂單、網站參數設定值等等,屬偏文字型的資料。

2、取消還原

如果選了時間點做了還原後,網站所回復的狀態並不是想要的狀態,應怎麼辦呢?Cloudways主機的還原功能是可逆的,它可以讓你「取消還原」讓網站回到還原之前的狀態之後,讓你再選另一時間點做二次還原。

當我們使用對某一還原點執行還原後,原本的介面會暫時變成下圖的狀態,它可以讓你決定是否取消還原。

[備份還原]Cloudways主機端備份設定與還原操作-7
  • Roll Back : 取消剛剛的還原,讓網站回到還原之前的狀態。
  • Delete : 刪掉當下這個Roll Back(不取消還原),直接再選擇其它還原點來做二次還原。

3、手動立即備份

[備份]Cloudways主機詳細備份設定-4

若網站當下需要做重大變動,可在②處理點擊「Take Backup Now」即可對網站進行手動備份,備份的時間就是當下此時此刻的時間,此時的資料會是以最新的狀態來備份,所以網站在改動後有問題即可以此時間點的備份檔來進行還原。

[備份]Cloudways主機詳細備份設定-5

三、總結

Cloudways主機端的備份、還原功能不僅免費且強大好用,連備份時間都可以小到每N小時備一次,這在一般主機商很少見,對我們網站起了很大的保護作用。

另外「網站端」雖也能用備份還原外掛做全站備份,不過若網站出現重大問題連網站後台都進不了時,此時網站端的備份檔也發揮不了作用,所以「主機端」的備份還原機制非常重要,若您不是使用Cloudways主機,也建議您檢查一下自己的主機是否有提供每日備份還原之功能。

[點對點搬家]從別家WordPress主機搬家到Cloudways WordPress主機

若您在別家WordPress主機上已有WordPress網站,而想把網站搬遷至Cloudways上的WordPress主機的話,其實並不困難,一般人會想到搬家外掛, 搬家外掛是一個常見的方式但若是網站規模已經很大了,搬家外掛就有一定機率產生失敗,但是在Cloudways主機上有提供一個更加便利的方式,那就是「點對點對傳 」搬家。

「 搬家外掛」的原理就是先把網站整個打包成一個壓縮檔再下載至本地電腦,然後在新主機上的新網站再把整個壓縮檔上傳後再還原覆蓋,此法在網站檔案偏大時較易有失敗風險或是效率較慢,而「點對點對傳 」搬家的方式,就是直接讓兩個新舊網站直接對傳所有資料庫、媒體庫、檔案,成功率幾乎百分之百,目前經手過無數個網站使用此方式,尚無失敗過。

以下說明從別家WordPress主機採「點對點對傳 」搬家至Cloudways主機的方式。

為了方便說明,這邊用AB站符號來代替。

  • 在別家WordPress主機的WordPress網站 : A站
  • 在Cloudways主機新創的WordPress網站 : B站

一、申請Cloudways主機

若您尚不是Cloudways主機會員,當然要先申請好主機,

請按照此篇教學申請 : https://smallway.com.tw/wp/8032/

[點對點搬家]從別家WordPress主機搬家到Cloudways WordPress主機-11

二、在Cloudways創立新的空白網站

在Cloudway中先創立一個全新的WordPress網站(B站),網址先暫採用自動產生的虛擬網址,待搬家成功後再改成正式網域。

PS : 請記住,B站在被創立好之後就暫時完全不用做任何設定,接下來所有搬家設定都是在A站(原站)進行設定與執行。

三、在主機中的新網站設立一組SFTP帳密

在Cloudways中產生新網站之後,接著在下圖介面創立一組SFTP帳密,等一下會用到此帳密。

[點對點搬家]從別家WordPress主機搬家到Cloudways WordPress主機-3

 

四、在A站安裝Cloudways專用搬家外掛

在A站後台安裝此免費搬家外掛「Cloudways WordPress Migrator」,安裝完成後並啟用它。

[點對點搬家]從別家WordPress主機搬家到Cloudways WordPress主機-1

五、在A站進行點對點搬家的設定

在A站中點擊「Cloudways Migrate」開始進行設定。[點對點搬家]從別家WordPress主機搬家到Cloudways WordPress主機-4

▼下圖中藍色數字的內容,請參考下下圖中紅色數字的內容來填入

[點對點搬家]從別家WordPress主機搬家到Cloudways WordPress主機-8

 

[點對點搬家]從別家WordPress主機搬家到Cloudways WordPress主機-6

[點對點搬家]從別家WordPress主機搬家到Cloudways WordPress主機-7

六、靜等進度完成

完成第五點後按下MIGRATE後,會出現下圖的搬遷進度表,此時不可關閉此頁,靜等它搬遷完成。

[點對點搬家]從別家WordPress主機搬家到Cloudways WordPress主機-9

▼開始進行與完成後也都會各收到一封Email通知

[點對點搬家]從別家WordPress主機搬家到Cloudways WordPress主機-13

七、在B站登入

在搬遷完畢後,B網站全部內容已被替換成A網站所有內容了,此時B站的登入帳密就是原本A站的帳密。

[點對點搬家]從別家WordPress主機搬家到Cloudways WordPress主機-10

八、重新綁定網域

當確認網站已搬遷至Cloudways主機成功後,就可以開始綁定網域與安裝SSL安全憑證了,另可參考這二篇文章:

[點對點搬家]從別家WordPress主機搬家到Cloudways WordPress主機-12

※總結

這種「點對點搬家」的方式非常快速便利,且不易失敗,所以若要從別家主機的WordPress網站把網站搬至Cloudways主機,可以善用此方式。

 

GA4如何替單一按鈕埋設追蹤事件點擊之代碼?

GA4 會自動收集點擊事件,但僅包含「點擊外連連結」的點擊。

可前往「管理 > 資源 > 資料串流」,點擊安裝在網站的資料串流,點擊「加強型評估」,確認「點擊」事件是否被勾選 ( 預設勾選 ),如果已經勾選,表示 GA4 會自動收集的事件。

自訂事件追蹤 : 想對網頁上某個元素做點擊追蹤,仍需先埋好全局的GA代碼,再個別針對想要追蹤的網頁元素埋設另一組代碼來做事件追蹤,一般為「點擊」追蹤。

1、安裝代碼埋設外掛

安裝此外掛「Header Footer Code Manager」,專門給GA追蹤來使用。

GA4如何替單一按鈕埋設追蹤事件點擊之代碼?-1

2、選好要追蹤的元素

找到想要追蹤點擊事件的元素,例如某按鈕、選單中的某選項…

不論是用什麼編輯器所設計的元素、按鈕都可以。

3、賦予此元素一個CSS的id或class類名。

(如果此元素已有內建可用的CSS id可直接取用,就不用再賦予)

▼替主選單的某一選項加上css類名

GA4如何替單一按鈕埋設追蹤事件點擊之代碼?-3

▼區塊編輯器的某一按鈕加上css類名

下圖例子的css類別命名為「addline」。

GA4如何替單一按鈕埋設追蹤事件點擊之代碼?-6


4、修改我準備好的代碼,埋入即可。

4.1 新增片段程式碼

例如以加Line好友的按鈕來做追蹤,按鈕的css類別已命名為「addline」。

▼下圖請務必選「JavaScript」與「Footer」
(為了避免當這段代碼執行時,Google Analytics 的全域代碼還沒載入完成,故在此刻意把插入位置選在「Footer」)

GA4如何替單一按鈕埋設追蹤事件點擊之代碼?-11

4.2 貼上代碼範本,並修改第6、7、8那三行

  • 第6行:那個按鈕的css類名,已命名為「addline」,此處填入「.addline」。
  • 第7行:事件名稱,可任命名,我建議要有格式以利GA報表的檢視,可以用「myevent_click_XXXX」的格式,此處命名為「myevent_click_addline」。
  • 第8行:事件標籤,可用中文命名,可不必在乎格式,主要知道用途或標示提醒。
GA4如何替單一按鈕埋設追蹤事件點擊之代碼?-7
<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script>
$(document).ready(function() {   // DOM 載入完成後才執行

  // 自訂追蹤設定
  var trackSelector = '.addline';   // 要追蹤的元素 (# 或 .)
  var eventName = 'myevent_click_addline';  // 事件名稱
  var labelName = '加line好友';    	 // 事件標籤

  // 先給元素加 class
  $(trackSelector).addClass("myga");

  // 綁定點擊事件
  $(document).on('click', trackSelector, function() {
    gtag('event', eventName, {
      'event_label': labelName,
      'page_location': window.location.href
    });
    console.log('🎯 GA4 事件送出,並點擊觸發');
  });

});
</script>

存檔。

PS : $(trackSelector).addClass(“myga”); →這句是我用來測試以上代碼是否有正常載入並運作,有正常運作的話該元素的css名稱會動態被新增一個css類名叫「myga」。

GA4如何替單一按鈕埋設追蹤事件點擊之代碼?-10

▼完成後

GA4如何替單一按鈕埋設追蹤事件點擊之代碼?-2

5、測試點擊

測試點擊,至GA後台觀察即時事件、報表。

即時報表(Realtime / 即時總覽) 中,事件會幾秒內出現。

但要在『標準報表』「管理 → 資料顯示 → 事件」中出現,通常需要 24 小時內(有時幾小時)

GA4如何替單一按鈕埋設追蹤事件點擊之代碼?-8


GA4如何替單一按鈕埋設追蹤事件點擊之代碼?-9

[外掛]可指定要備份的資料表,例如只備份Woocommerce訂單-BackWPup

免費版外掛一律免下載直接從網站後台搜尋安裝。

外掛資訊

  • 【外掛名稱】 : BackWPup – WordPress Backup & Restore Plugin
  • 【費用】: 免費版
  • 【官方網址】: 點此
  • 【簡介】: 輕鬆建立完整的 WordPress 備份,將其儲存在外部服務(如DropboxS3FTPGoogle DriveOneDrive等)上,只需點擊幾下即可直接從 WordPress 管理員恢復備份。
  • 【推薦指數】:⭐⭐⭐

說明

自動草稿-1

這支備份外掛與其它支的用法大都相近,較特殊的點這邊條列一下:

  • 它可以每小時備份一次(可選)。
  • 可以單獨備份某資料夾或某資料表。
  • 免費版本可外地備份至:Dropbox、Amazon S3、FTP、Rackspace Cloud、Microsoft Azure、SugarSync。

 

▼個別備份某資料夾

▼個別備份某資料表(例如Woocommerce訂單、使用者)

▼備份檔清單,很清楚

另小提一下專業版,較特別的是若網站已損壞無法登入後台一樣可以還原整個網站;另想備份至Google Drive也是需要專業版。

概說(PopUp彈跳視窗)

Elementor Pro的「PopUp」是一種彈跳視窗功能,這在一般網頁中很常見,常用的是在網頁中點一個按鈕就跳出一個小視窗裡面有對應的圖文內容,或是網頁載入後在特定時機(例如滑到網頁底部)就跳出 小視窗…諸如此類的。

一般這樣的功能在WordPress有許多外掛可以安裝(但介面或功能不見得符合需求,須多方測試),不過既然學了Elementor Pro網頁設計,這種PopUp彈跳視窗功能就不必再仰賴其它外掛了(少裝一支外掛節省效能),在Elementor Pro中我們可以把 PopUp彈跳視窗設計得非常客製化、美觀,完全可以照自己心意、想法來設計(而不是純設定)。

Elementor Pro的 PopUp彈跳視窗功能不僅可以用來製作常見的彈跳視窗功能,也可以延伸來做為複雜型的「選單區」功能,例如本站的手機版選單,就是用 PopUp來製作,又或者是你可以把「購物車項目」也放在彈跳視窗中,並設計一個按鈕在適當處讓訪客點擊後就跳出小視窗讓他看到購物車中的項目等等,所以只要你發揮創意, PopUp可以用在很多地方喔。

▼ 本站的手機版選單

概說(PopUp彈跳視窗)-1

接下來我會寫幾篇有關 Elementor Pro的「PopUp」彈跳視窗的基本運作與變化運用。

[外掛]前端更換頭像

這一般是在客製化WordPress前端會員專區時才會用得到,WordPress前端會員專區會讓會員們可以自由更改個人資料,例姓名、電話,大頭貼,所以此外掛就可以發揮作用。

 

簡介

目前使用過WordPress之頭像外掛有三支,簡單分列如下:

1、 Basic User Avatars

前端上傳,無設定,故無法限制上傳大小、副檔名。

上傳欄位有一些多餘的說明佔版位,要用css隱藏。

短代碼 :

[basic-user-avatars]

[外掛]前端更換頭像-1

2、 One User Avatar

讓所有人有預設頭像(例如文章留言處),也可以前端上傳。

可對頭像限定大小上限、副檔名。

缺點是整個上傳的介面有點巨大。

[外掛]前端更換頭像-2

短代碼 : 

[  avatar_upload  ] 

[  avatar  ]

這裡的短代碼有空格,請自行消除。

 

3、 Frontend User Avatar

上傳介面簡單乾淨,但後台無其它設定可以對上傳頭像做一些限制。

[外掛]前端更換頭像-3

短代碼 : 

[frontend-user-avatar]

 

 

手機時Elementor的按鈕們可以左右滑動

簡介

用Elementor製作一排按鈕水平排列,在手機時可以左右滑動(不換行)。

運用範圍

製作選單效果或選單錨點時。

範例

▼請用手機觀看此範例(電腦版時也是可以左右拖動)

原理與思路

透過CSS 設定,讓包住按鈕的容器在手機上變成「橫向可滑動」的區塊,也就是所謂的 橫向捲動(horizontal scroll),這樣可以把過長的按鈕暫時隱藏且在不換行的情況下,仍然讓使用者滑動看到其他按鈕。

實作

1、建立容器與按鈕

用Elementor拉一個容器,裡面置入許多按鈕,並把容器設定「水平排列」與「不換行」。

WordPress教學問答大全-4

WordPress教學問答大全-3

2、貼上css語法

把該容器的「進階/css類別」加上一個命名為「btn-menu」。

然後拉一個html在下方貼上下列語法即可。

 

				
					
<style>
/*---手機時按鈕左右滑動---*/

.btn-menu {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;                        
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  width: 100%;                            
  max-width: 100vw;                        
  gap: 12px;                               
  padding: 10px 0;                        
}

.btn-menu::-webkit-scrollbar {
  display: none;  
}


.btn-menu .elementor-widget-button {
  flex-shrink: 0;
}

</style>

				
			

總結

以上是針對「按鈕」,對「標題」或其它元素也可以這樣做,效果一樣。

如何用Wordfence修復中毒之網站?成功率高達九成。

病毒,常見得會有二種形式存在,一種是對原本正常之檔案進行感染,故這類的要用「修復」的方式(不能亂刪除),另一種是自動產生網站無此檔的有毒檔案,這類的要用「刪除」的方式進行處理,可參考以下二種處理方式,90%的毒都可以正常消滅。

對已中毒之網站,用「Wordfence」修復成功的機率滿高的。

網站中毒後,建議:

  • ①開維護模式(公告維護起訖時間)。
  • ②備份當下時間點。
  • ③更新WordPress主核心程式與所有外掛。
  • ④掃毒。
  • ⑤修復與刪除。(見本文以下作法)
  • ⑥再掃。
  • ⑦觀察數天 。

一、用Wordfence進行全站掃瞄

如何用Wordfence修復中毒之網站?成功率高達九成。-5

此時放著給Wordfence它去掃,不要切換瀏覽器分頁,不然它有時會停止。

二、修復

1、對中毒檔案進行修復

Wordfence的掃瞄介面有提示,見下圖,點擊DETAILS中,再點「REPAIT」(修復),可對中毒檔案做修復。

如何用Wordfence修復中毒之網站?成功率高達九成。-1
如何用Wordfence修復中毒之網站?成功率高達九成。-2
如何用Wordfence修復中毒之網站?成功率高達九成。-3

2、有些中毒檔案只能刪除不能修復

Wordfence沒有出現修復按鈕的,如下圖,就按下「DELETE FILE」。

(這類的是並不是原有檔案受感染,故須用刪除的方式處理)

如何用Wordfence修復中毒之網站?成功率高達九成。-4

3、特殊的毒(1)

有些有毒檔案它是直接在Wordfence掃毒結果介面中是刪不掉的,可能就要進檔案管理員去刪。

4、特殊的毒(2)

下圖,指的是WordPress預設的設定檔「wp-config.php」被感染,這個在Wordfence中並無出現修復按鈕,而且wp-config.php這是重要檔案也不能刪除,刪了網站就掛了,此時就得從檔案管理員去檢視這個文件裡的內容,把下圖提示的內容,找到對應的那一行刪除,或是從另一個找個乾淨的「wp-config.php」來覆蓋,當然找到的「wp-config.php」裡面的設定要先改成跟你現在網站的「wp-config.php」的設內容是一樣的後再覆蓋。

如何用Wordfence修復中毒之網站?成功率高達九成。-7

Ps: wp-config.php是重要設定檔案,裡面有很多網站連線需要的重要設定,最好先下載一份回電腦當備查。

如果wp-config.php裡面的內容你不懂怎麼刪掉有毒的部分,也可以丟給GPT協助,當GPT告知你有問題的是哪一行你就可以照指示把該行刪除,再存檔就完成了。

如何用Wordfence修復中毒之網站?成功率高達九成。-8

4、嚴重警告

如下圖,Wordfence它說有個外掛存在安全漏洞但尚未中毒,此時就是要去更新至最新版本,不然以後仍然會中毒。(這個就不是按修復或按刪除)

如何用Wordfence修復中毒之網站?成功率高達九成。-6

不要亂按「標記已修復」,不然這個沒被處理的嚴重問題以後再瞄會被Wordfece略過,被誤當做是正常檔案。

三、重掃

Wordfence所掃出來的毒處理乾淨後,請重新再用Wordfece做全站二度掃瞄,直至Wordfence掃不出病毒為止。

▼重掃後又掃出新的(一樣繼續按修復或刪除)

如何用Wordfence修復中毒之網站?成功率高達九成。-9

總結

以上處理後得再觀察一段時間,至少三日,三日後再掃一次,若無掃出新的中毒檔案,應就正常了。

目前我的經驗,在WordPress諸多的防毒外掛中,只有「Wordfence」在做網站中毒修復是最有效的。

如果以上處理仍無效的話,可能就要找有經驗的人付費協助囉!🤔

每日登入可以累積學習幣!

Line的不良影響

我個人並不很喜歡用Line,因當我一句訊息回覆後,馬上對方又一句回來,如此往返下去則半小時、一小時就過去了,我無法專心工作,除非是正式諮詢或安排會議的討論,才適合這種模式

有時候對方的問題很多很雜,一傳就是十幾封訊息,這就是訊息轟詐了,我就不知從何回起,我就會只回最後一封的訊息。

有時候對方的問題很多還加上數張截圖,因Line無法條列式呈現,我也無法增加腦力去判斷哪張圖要對應哪則訊息,所以我就會只回最後一封的訊息。

另我不喜歡私人Line被直接來電,因我常常在國道開車需要導航,有時因加班在補眠,這些都會不良干擾。

不是正式會議的討論階段,請您用Email,Email可以條列方式呈現多則問題與截圖,也可以讓我先已讀後再慢慢思考怎樣回覆,避免我自己不小心已讀不回造成對方不佳的感受。🙏 - Wiktionary, the free dictionary

哈囉,在加Line好友之前請先確認一下幾點 :

1、若您是上課的學員或讀者,請直接用Email發問或在該篇文章留言發問,盡量不要直接加Line發問,因我平常很忙,無法守在Line前與您一句一句訊息對答,若每一期 + 每個學員都加Line課後詢問,我短時間內回不完這麼多訊息也會回得很慢喔 ,請見諒。(用Email發問,我會仔細條列說明,你會得到更完整的圖文回覆,甚至還會附上小影片解說。)
Email : [email protected]

2、若是網站外包詢價相關,您再加Line,因我可能需要與您語音會議或遠端連線。

3、補充說明 : Line的不良影響

以上。

目前線上有 12 個使用者: 0 個成員5 個訪客7 個檢索機器人

線上同時最多使用者人數為 121 個使用者,發生於 2024-05-1419:40

5 個訪客 正在線上

#1 – 訪客 於 2025-12-0103:40
post-tree – 架站勤拿手 [網址] [參照連結網址]

#2 – 訪客 於 2025-12-0103:40
post-tree – 架站勤拿手 [網址] [參照連結網址]

#3 – 訪客 於 2025-12-0103:38
post-tree – 架站勤拿手 [網址] [參照連結網址]

#4 – 訪客 於 2025-12-0103:38
架站勤拿手Page Not Found – 架站勤拿手 [網址]

#5 – 訪客 於 2025-12-0103:37
post-tree – 架站勤拿手 [網址] [參照連結網址]

7 個檢索機器人 正在線上

#1 – ClaudeBot 於 2025-12-0103:42
架站勤拿手 » ALL POST – 架站勤拿手 [網址]

#2 – Apple 於 2025-12-0103:41
架站勤拿手 » ALL POST – 架站勤拿手 [網址]

#3 – SemrushBot 於 2025-12-0103:41
架站勤拿手 » ALL POST – 架站勤拿手 [網址]

#4 – SemrushBot 於 2025-12-0103:41
架站勤拿手 » ALL POST – 架站勤拿手 [網址]

#5 – Bing 於 2025-12-0103:40
架站勤拿手elementor – Page 2 of 10 – 架站勤拿手 [網址]

#6 – Apple 於 2025-12-0103:40
架站勤拿手 » ALL POST – 架站勤拿手 [網址]

#7 – Apple 於 2025-12-0103:38
架站勤拿手 » ALL POST – 架站勤拿手 [網址]