WordPress 逆向工程:如何復制 WordPress 網站

已發表: 2018-05-24

這個網站看起來很好。 我希望我有一個這樣的網站。

這聽起來很熟悉嗎?

這幾乎是每個博主看到一個網站時的想法,炫耀一個很酷的用戶界面、顏色、字體等。

我多次陷入同樣的境地,我知道,需要做點什麼。 所以,我繼續做我的研究。

更具體地說,我發現了可以對網站進行解碼的工具,從而揭示了為其提供動力的所有潛在秘密。

在這篇文章中,我將分享我的WordPress 逆向工程策略和可用於復制任何 WordPress 站點的工具列表。

但是沙菲,為什麼是 WordPress? 你可能會問。

原因很簡單。 WordPress 是最受歡迎的內容管理系統之一,為互聯網上 28.6% 的網站提供支持。

令人驚訝的是,每天都會推出 50,000 多個 WordPress 網站(來源),TechCrunch、迪士尼、索尼等熱門網站正在使用 WordPress 來運行他們的網站(來源

我希望能回答你的問題。

[click_to_tweet tweet=”每天有 50,000 個 WordPress 博客發布,擁有出色的設計和功能變得很重要。 以下是複制任何 WordPress 博客的 5 個步驟。 #WordPress #OceanWP #WordPressFacts” quote=”您知道嗎,每天都會推出 50,000 個新的 WordPress 博客。 #WordPress 事實”]

準備好了嗎? 讓我們開始吧。

第 0 步:驗證網站是否使用 WordPress

你確實看到了這一點,不是嗎?

當然,我們需要做的第一件事是檢查我們最喜歡的網站是否使用 WordPress。 如果不是,則遵循此策略毫無意義,您將在以後的步驟中不斷摸索。

要檢查哪個內容管理系統 (CMS) 為網站提供支持,我們將使用WhatCMS.org——一個免費的在線工具。

使用該工具很簡單,複製要測試的網站,在提供的網站框中輸入,然後回車。

檢查網站是否使用 WordPress

該工具將運行算法集並提供顯示網站正在使用的 CMS 的結果。

第 1 步:複製設計

下一個明顯的步驟是檢查相關站點正在使用什麼 WordPress 主題。 如您所知,至少有一萬種不同的免費和高級 WordPress 主題可供使用,這為網站所有者提供了足夠的選擇。

此外,許多網站所有者使用自定義開發的主題,可以是框架的自定義版本或從頭開始編碼的主題。

要檢查正在使用的 WordPress 主題,您可以使用WPThemeDetector.com - 另一個免費工具。

該工具是先進的,可以輕鬆檢測主題或底層框架(即使它是隱藏的),這是其他類似工具(如 WhatWPThemeIsThat.com)無法做到的。

檢查網站主題

除了檢測主題外,該工具還會提供更多關於開發者的信息、有多少其他網站在使用它以及官方鏈接。

如果網站使用自定義主題怎麼辦?

如前所述,某些網站很可能會使用從頭開發的自定義主題。 在這種情況下,上述工具不會有太大幫助。

但是不要失望,您可以通過使用OceanWP 主題和 Elementor 等頁面構建器的組合來完成相同的網站設計。

OceanWP 很容易成為您遇到的最可定制的主題,並與頁面構建器結合在一起,與 Elementor 一樣直觀且易於使用,為您提供所有功能。

您可以從字面上拖放預製組件,調整大小/顏色,添加一些 CSS 調整,並獲得幾乎相似的設計。

第 2 步:獲得正確的功能!

好的,所以你的設計是正確的,你新製作的 WordPress 網站看起來很相似。 但是,如果沒有類似的功能,或者我應該說插件,它就什麼都不是。

一個普通的 WordPress 網站由至少 10 個不同的插件提供支持,每個插件都提供獨特的功能。

您理想的網站還使用多個插件來擁有流暢的功能和用戶體驗。 此外,獲取插件信息是一個好主意,因為他們會在確定特定的插件之前嘗試過多個插件。

雖然很難獲得正在使用的插件的確切列表(許多開發人員隱藏名稱和信息),但 scanwp.net可以有效地檢索信息。

如何查找網站使用的插件

它還可以找到 WordPress 存儲庫上可用插件的官方鏈接,以及是否免費。

第三步:不要忘記閱讀體驗

正如這裡所解釋的,所使用的字體實際上會影響個人對一段內容的回複方式。

在上述實驗中,第一組人(使用易讀字體)估計完成任務需要 8.2 分鐘。 而第二組(帶有難以閱讀的字體)估計高達 15.1 分鐘。

簡單字體心理學

這是一個巨大的差異,並且很有意義。 如果您發現難以閱讀說明,您的大腦處理它的速度會變慢,因此估計時間會很長。 當然,你想要你的博客。

如果您想要類似的閱讀體驗,您應該嘗試使用與該網站使用的字體相同的字體。 您可以使用WhatFont Chrome 擴展輕鬆檢測網站使用的字體

安裝擴展程序,訪問站點(最好是文章頁面),單擊 WhatFont 擴展程序按鈕(位於屏幕右上角),然後將鼠標懸停在文本上。

如何找到網站字體

您不僅可以獲得確切的字體,還可以獲得字體大小、樣式、粗細以及指向 Google 網絡字體的鏈接以供下載。

第 4 步:有人說顏色嗎?

同樣,顏色與人類心理有關,專家建議使用基於網站利基的最佳調色板。

根據Kissmetrics的說法,顏色會影響購買行為,根據受眾類型,您應該選擇合適的配色方案。

網站配色方案

雖然您可以查看並獲得您最喜歡的網站使用的配色方案,但獲得確切的顏色陰影和十六進制代碼更有意義。

ColorCombos.com有一個在線工具,可以抓取網頁使用的調色板。 您只需輸入頁面 URL 並按 Enter 鍵。

幾秒鐘後,您將獲得網站上常用的所有調色板的列表,其中包含十六進制代碼和下載配色方案的選項。

第 5 步:網站速度

我非常有信心,您對該網站的第一印像是因為加載速度。 無論設計或用戶界面有多好,如果它在 3-4 秒或更長時間內加載,您就會關閉選項卡並且永遠不會返回。

Web 託管是良好加載時間背後的主要原因之一,您可能想知道使用什麼託管來為該站點提供動力。 如果您通過瀏覽網站無法獲得答案(大多數情況下,它會寫在頁腳中),您可以使用HostAdvice.com的工具來獲取託管服務提供商。

與其他僅使用 Nameserver 檢測 Web 主機的工具不同,該工具實際上可以在 CDN 使用的情況下揭示隱藏的主機。

如果沒有這個工具,我永遠不會知道 OceanWP.org 託管在與 CloudFlare CDN 結合的谷歌云平台上(這解釋了超快的加載時間)

如何使用域名查找網站主機

此外,您可以在同一頁面上查看託管計劃和用戶評論。

結論

給你!

現在你是一個秘密刺客,可以快速對 WordPress 網站進行逆向工程,並將其從設計複製到網站功能。

如果您希望在您的網站上添加任何其他內容,但找不到如何完成,請考慮直接聯繫網站所有者。 在大多數情況下,它們會引導您找到功能的來源或編寫它的開發人員。

你有什麼秘密工具可以用來複製 WordPress 網站嗎? 我很想听聽。 發表評論,我們可以討論它。 確保與您的 WordPress 愛好者朋友分享這篇文章,他們可能會覺得它有幫助。