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——一個免費的在線工具。
使用該工具很簡單,複製要測試的網站,在提供的網站框中輸入,然後回車。

該工具將運行算法集並提供顯示網站正在使用的 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 愛好者朋友分享這篇文章,他們可能會覺得它有幫助。