將 Squarespace 與 WordPress 集成的 6 個步驟

已發表: 2019-12-21

WordPress 和 Squarespace 是兩個最受歡迎的網站創建和託管平台。 WordPress 擅長處理高度可定制的網站,Squarespace 以其易用性和個人支持而聞名。

雖然 Squarespace 非常適合初學者,但它有一個固有的問題。 當你成長時,Squarespace 不會。 WordPress 提供的特性和功能還不夠。 對於您需要的任何功能,從支付網關到用戶體驗,都有一個 WordPress 插件。 這是 Squarespace 不會發生的事情。

不幸的是,您不能在同一個網站上運行這兩個平台。 這是兩個不同的系統,它們只是不混合。 但是,有很多方法可以繞過這個限制。

為 WordPress 創建子域

您可能喜歡與 Squarespace 達成的交易,但它沒有您迫切需要的這一功能。 例如,您可能想在您的投資組合網站上添加一個博客,而 Squarespace 提供的一個只是低於標準。 或者,您想開一家商店,但 Squarespace 太基礎了,您無法對其進行任何改進。

在這種情況下,您不應該全力以赴並從一個平台切換到另一個平台。 您可以在相同的域名上運行它們,只需為 WordPress 創建一個子域。 如果您的網站看起來像“myportfolio.com”,則子域看起來像“blog.myportfolio.com”。

出於所有意圖和目的,這是兩個不同的網站,因此您可以在一個上運行 Squarespace,在另一個上運行 WordPress。 但是,您的訪問者不會以這種方式體驗它。 他們將能夠無縫地從 Squarespace 到子域上的 WordPress。

將 Squarespace 與 WordPress 集成的步驟

以下是你如何做到這一點。

第 1 步:獲取主機

Squarespace 確實提供免費託管。 但是,你不能用它做你想做的一切。 特別是如果它涉及經營他們最大的競爭對手。

您必須獲得第三方主機才能同時運行兩者。 從積極的方面來說,您不會為入門主機支付超過 5 美元(相比之下,最便宜的 Squarespace 計劃至少需要 12 美元)。

做你的研究,併購買一個託管計劃。 確保它是一家信譽良好的託管公司,具有良好的安全性和一定的發展空間。

第 2 步:將域轉移到新主機

現在,您必須將從 Squarespace 獲得的域名轉移到新主機。 這比 Squarespace 會讓你做的大多數事情都更棘手,但它是可以管理的。 你甚至可以向主人尋求幫助。

但首先,您需要檢查您的域是否被鎖定,如果是則將其解鎖。 登錄 Squarespace,前往Menu > Settings > Domains 。 然後,向下滾動並取消選中“鎖定域”按鈕。

帶有wordpress的方形空間
鄉紳空間

從那時起,您可以要求新主機的支持人員為您轉移域。 許多主機將其作為新來者交易的一部分提供。

請注意,您在 Squarespace 上的前 60 天不能移動域。 如果您免費獲得域名,您還必須為域名付費。

第 3 步:創建子域

現在,您可以完全控制您的主機和域。 是時候為您的 WordPress 網站創建子域了。 登錄主機的 CPanel 並查找“子域”文件夾。

創建一個新域並將其命名為網站上的一個頁面。 如果您想獲得更好的博客,請創建一個 blog.site.com 子域。

確保選擇您當前的域作為源。

第 4 步:安裝 WordPress

轉到 WordPress.org 並下載該軟件。 然後,將其安裝到包含新子域的文件夾中。 您將獲得 .ZIP 格式的 WordPress 文件。 將其解壓縮並使用 FTP 將文件上傳到子域的核心文件夾。

然後,您必須為 WordPress 創建一個 MySQL 數據庫。 別擔心,你不需要學習編程來處理它,這一切都在 WordPress 管理面板中完成。

進入 CPanel 並轉到“數據庫”菜單。 創建一個新的 MySQL 數據庫並將其中的示例文件更改為“wp-config.php”。

如果您選擇了正確的主機,您甚至不必做所有這些。 一些主機提供了一個簡單的按鈕,可讓您無縫下載 WordPress。 如果您有“安裝 WordPress”按鈕,只需單擊該按鈕。 安裝時不要忘記提及子域,而不是核心域。

第 5 步:設計

現在,您已經超越了棘手的技術部分,並了解了您已經知道的設計網站。 您不能使用 Squarespace 主題來設計網站,因此您必須使用在 WordPress 上可以找到的最相似的主題。 轉到 WordPress.org,並瀏覽模板。

如果它足夠好,那就去吧。 由於 WordPress 是高度可定制的,因此您始終可以使其與您當前網站的外觀更加相似。

例如,這兩個主題可以完美地融合在一起。

IC:方形空間
集成電路: WordPress.org

乍一看,它們看起來一樣。 然而,兩者都有大量的空白和一個居中的簡單菜單。 要使 WordPress 看起來像 Squarespace 中的那樣,您所要做的就是將菜單項更改為深灰色,將字母設置為較小的字體,並將徽標更改為您的。

將主題下載到子域文件夾。 您可以通過 FTP 在 CPanel 上執行此操作。 您應該將文件添加到的文件夾是“web/content/wp-content/themes”。 然後,通過將“/wp-login.php”或“/admin”添加到您的子域地址來訪問網站創建面板。

這會將您帶到一個登錄頁面,其地址類似於 blog.site.com/admin。” 登錄,然後轉到外觀 > 主題並激活新主題。 請注意,如果您在“site.com/admin”這樣的主域上鍵入它,這將不起作用。 ” 如果它仍然由 Squarespace 運營,該網站將不會做出回應。

現在,您對正在創建的頁面擁有完全的創意控制權。

第 6 步:創建無縫連接

雖然您的主域和包含 WordPress 的子域是兩個不同的網站,但您的訪問者應該不會注意到這一點。 據他們所知,他們正在訪問博客或商店頁面。

最簡單的方法是使導航菜單相同。 博客頁面的風格可能與您的 Squarespace 網站略有不同,但導航是使兩個頁面看起來相同的原因。

確保在設計它們時匹配兩者的風格,並在子域中包含來自核心域的所有鏈接,反之亦然。

導出 Squarespace 網站

您需要主域上的 WordPress 功能嗎? 不幸的是,你不能這樣做,因為這兩個平台不能一起使用。 您唯一的解決方案是從 Squarespace 網站導出所有數據並在 WordPress 上運行。

這是你必須做的:

  • 登錄 Squarespace
  • 轉到設置>高級>導入/導出
  • 選擇導出到 WordPress
  • 將文件保存在硬盤上
  • 手動保存圖像
  • 獲取 WordPress 導入器
  • 將網站導入您的 WordPress 主機
  • 手動添加圖像
  • 檢查一切是否正常

請注意,您將無法從 Squarespace 導出所有內容。 您不會獲得自定義 CSS,因為它屬於公司。 您也將無法導出您在平台上所做的 CSS 更改以及某些頁面格式,如事件、專輯和封面。

如果您想確保可以完美地複制您的網站,請保持其運行以幫助您在 WordPress 上重新設計網站。 這也將使您的客戶更容易,因為他們不必忍受停機時間。

包起來

現在您有兩個將 Squarespace 集成到 WordPress 的選項。 您不能同時運行 Squarespace 和 WordPress,但您可以將子域上的兩個系統組合為一個網站的一部分。 如果這還不夠,您還可以將 Squarespace 網站導出到 WordPress。