Squarespace 教程：如何使用 Squarespace？ 初學者分步指南
已發表: 2021-05-12正在尋找 Squarespace 教程來幫助您製作網站？
這是一個很好的選擇。 我喜歡Squarespace。 您現在想建立什麼並不重要——無論是電子商務商店還是樂隊的網站——重要的是一旦你知道如何使用 Squarespace，你就會知道如何為幾乎任何東西製作網站。
另一方面，Squarespace 可以將奇怪的曲線球扔向您的方向。 它有這麼多不同的選項，學習如何使用 Squarespace 可能會有點混亂。 通過這個分步指南，我們將向您展示如何充分利用 Squarespace 來更快地讓您的網站上線。
目錄：
- 個性化您的 Squarespace 體驗
- 如何為您的網站選擇 Squarespace 設計
- 註冊 Squarespace
- 了解您的 Squarespace 儀表板和編輯器
- 編輯您的網站內容
- 進行設計更改
- 添加電子商務商店
- 在移動設備上預覽您的網站
- 發布您的網站和定價
Squarespace 教程：如何使用 Squarespace 建站
現在，讓我們前往 Squarespace 網站並單擊兩個“開始”按鈕之一：
個性化您的 Squarespace 體驗
開始後，您可以選擇回答有關您的業務和網站的一些問題。 您可以隨時跳過它們，但您的回答有助於 Squarespace 找到符合您的需求和目標的網站主題。
例如，如果您想製作美食博客，Squarespace 將向您展示博客和美食的最佳網站主題。 您可以輸入自己的主題，但要廣泛。 例如，房地產將比出售給首次購房者產生更好的結果。
如果您對選擇感到滿意，請單擊下一步繼續。
如果您有特定的目標，例如創建會員網站或創建電子商務網站，請從目標菜單中選擇它們。
但不要選擇你計劃追求“一天”的目標。 只需選擇促使您今天開始的那些。 這些將決定 Squarespace 如何對您稍後將看到的設計進行排名。
例如，如果房地產是您的主題，但您選擇銷售產品和服務作為首要目標，您會先看到許多電子商務主題，然後才能看到單個房地產主題。
處理完目標後，讓我們解決最後一個問題。 無論您是在探索一個想法還是轉移一個網站，請單擊最佳答案，然後單擊“完成”以繼續進行任何 Squarespace 教程中令人興奮的部分：模板選擇。
如何為您的網站選擇 Squarespace 設計
當設計出現時，您可能會注意到輕微的嗡嗡聲。 別擔心，這完全正常。 Squarespace 以出色的模板設計而聞名。 但要充分利用 Squarespace，請記住以下幾點：
- 最適合您的模板將首先出現。
- 在它們下方，您會發現一些模板，它們是您網站的良好起點。
- 最後，您會發現最受歡迎的設計。
如果您預覽了一些模板但沒有吸引您，請搜索 110 多個模板的完整列表或使用網站類型和主題列表過濾結果。
但是，不排除基於演示內容的主題。 學習如何像專業人士一樣使用 Squarespace 的訣竅是尋找具有您喜歡的顏色、字體和佈局的設計。
使用 Squarespace，可以更輕鬆地選擇具有“錯誤”功能的主題並添加它們，而不是徹底檢查具有“正確”功能的主題的配色方案。
請務必仔細查看主題並預覽您喜歡的任何主題。 當你找到你最喜歡的，點擊它開始使用 Squarespace 帳戶。
註冊 Squarespace
此時，您將需要登錄或創建一個 Squarespace 帳戶。 您可以使用一個 Squarespace 帳戶進行多次 14 天試用，因此如果您以前使用過 Squarespace，請不要創建新帳戶。
註冊後，為您的網站命名。 您可以稍後更改它，因此請隨時輸入佔位符並在準備好時更新它。 但是，如果您現在想要一個完美的名稱，企業名稱生成器將幫助您找到它。
註冊並添加名稱後，您可以在到達網站儀表板之前享受平台自己的快速 Squarespace 教程。
了解您的 Squarespace 儀表板和編輯器
管理您的 Squarespace 帳戶以及您的整體網站管理是通過儀表板或可視化編輯器處理的。
儀表板用於密碼更改或域轉移等操作。
如果您運行幾個網站，您可以從儀表板在它們之間切換。 要查看您的一個網站，請單擊網站按鈕以打開全套網站管理工具（包括可視化編輯器）。
網站管理是 Squarespace 的樂趣。 雖然其他網站建設平台有多種競爭工具，如 SEO，但 Squarespace 的做法不同。 您可以跳過需要付費的工具列表。 相反，您成功所需的一切都在一個頁面上。
您會在屏幕左側找到您的網站管理工具。 在右側，您將預覽您的網站。
- 使用頁面來更改您網站的內容。
- 更改設計方面，例如網站樣式、附加 CSS 和錯誤頁面。
- 控製商業功能，例如產品、運輸和計費。
- 通過流量報告、轉換和 SEO 性能深入分析。
- 啟動多個營銷選項，例如彈出窗口和電子郵件活動。
- 為您的客戶提供自調度選項。
- 再加上更多。
編輯您的網站內容
每次打開可視化編輯器時，我都會對 Squarespace 網站從一開始的完整外觀印象深刻。 讓我們看看我們有什麼：
- 鏈接到基本頁面的功能菜單。
- 專業的佈局與引人注目的按鈕相得益彰。
- 匹配良好的字體和專業的配色方案。
它不僅看起來很棒，而且如果幸運的話，所選模板將與您的主題相匹配，並且在發布之前您可能需要的唯一東西就是簡單的編輯。
讓我們開始編輯頁面，因為它們位於菜單的頂部。
如您所見，您網站上的每個頁面都在此處列出。 要編輯頁面設置，請滾動名稱以找到小齒輪圖標並單擊它。
在頁面設置中，您可以調整網站的身份和外觀。 最重要的是，對我們來說，常規設置控制著您的頁面標題和 URL slug。
如果您想知道如何復制 Squarespace 頁面，頁面設置非常有用。 轉到頁面設置 → 常規並向下滾動以找到重複頁面鏈接。 只需單擊它即可複制任何 Squarespace 頁面。
當您在這裡時，考慮將社交圖像更新為您想在社交媒體平台上分享的內容（只需轉到社交圖像並將您最喜歡的圖像拖放到框中）。
一旦您設置了站點的身份，我們將繼續進行 Squarespace 教程的下一步：頁面內容。
單擊“編輯”按鈕打開頁面的編輯選項。
編輯網站標題
滾動頁面的不同部分時會出現不同的編輯選項。 為什麼不從站點標題開始？ 出現時單擊編輯按鈕。
在這裡，您將找到以下內容的桌面和移動編輯選項：
- 網站標題和徽標。
- 各種元素，如社交鏈接和按鈕。
- 顏色和透明度。
- 標題位置。
如果您一直在等待添加您的網站名稱，您現在可以在添加您已設置的任何社交媒體配置文件時執行此操作。 有了基本的識別元素，讓我們深入研究移動選項。
您在移動或桌面菜單中所做的任何更改將僅在這些設備上可見。 對於移動設備，您可以更改標題佈局和菜單選項。
對於桌面，您可以更改佈局，還可以更改元素的外觀和標題本身的大小。 Squarespace 在元素間距方面做得相當好，因此您可以保持原樣的填充和間距。
無論您要更改什麼，每個更改都會立即出現在預覽窗口中。 例如，更改網站標題將實時發生。
編輯頁面內容
當您準備好更改其文本或更新圖像時，從任何頁面進入編輯模式。 大多數內容區域都可以編輯，包括文本塊、按鈕和照片。
例如，要編輯句子和標題，請單擊文本以打開文本編輯器。 在這裡，您可以添加列表和鏈接、粗體文本等。 只需輸入新文本並添加任何格式。
️ 重要一點，Squarespace 沒有自動保存功能。 通常，如果不點擊Done和Save changes就很難離開頁面。 但是失去連接或關閉窗口可能會導致一些麻煩。
編輯部分佈局
要更改部分背景和佈局，請滾動任何部分以找到帶有編輯選項的小菜單：
- 鉛筆使您可以控制截面外觀。 這包括部分大小、背景和顏色。
- 單擊這兩個頁面將復制該部分中的所有內容。 您將復制佈局、任何圖像以及文本。 您複製的部分將立即出現在現有部分的下方。
- 兩個箭頭在頁面上向上或向下移動該部分。
- 垃圾桶會刪除整個部分。
例如，要更改背景圖像，請單擊鉛筆 和背景。 單擊替換以上傳您喜歡的背景圖像。 如果您有 YouTube 或 Vimeo 鏈接，您可以在Video下找到視頻背景設置。
添加部分
當我們一直在滾動光標時，您可能已經註意到一個藍色邊框，兩端帶有Add Section 。 單擊其中任何一個都將打開包含每個 Squarespace 部分的新部分彈出框。
最常見和最受歡迎的部分將顯示在頂部，因此滾動整個列表以查看晦澀的部分，例如：
- 約會
- 捐款
- 產品
- 日曆
- 圖表
- 標誌牆
- 音樂
- 還有很多
每個部分都有多個佈局，您可以在單擊以將部分添加到頁面之前滾動瀏覽這些佈局。
佈局不僅看起來不同，而且根據他們使用的元素，它們也有不同的選項。 例如，位置部分有多種地圖設計，帶有用於滾動等元素的簡單開關滑塊。
添加頁面
沒有向您展示如何添加頁面，任何 Squarespace 教程都是不完整的。 您可以從“頁面”菜單中創建新頁面並刪除現有頁面。
主菜單中的每個頁面都可以在主導航標題下找到。
任何未鏈接的頁面或會員區域都將位於主要部分下方。
要添加頁面，請根據您希望頁面出現的位置單擊“+”按鈕。
您可以從頭開始構建頁面或使用預先設計的 Squarespace 佈局，例如：
- 敬請回复
- 服務
- 團隊
- 畫廊
- 文件夾
- 博客
- 和更多
例如，如果您決定添加博客頁面，您可以選擇您喜歡的佈局並將其添加到主菜單。 可以看出，菜單將隨您的新頁面自動更新。
當您準備好撰寫第一篇文章時，只需單擊您的博客頁面即可打開存檔。 存檔打開後，單擊“+”按鈕開始新帖子。
進行設計更改
是時候讓我們的 Squarespace 教程轉向設計工具，這些工具可幫助您添加個人風格，為您的網站提供視覺識別。 一旦您準備好開始更改顏色、大小和字體，請單擊“設計”鏈接開始探索。
單擊後，您將能夠編輯：
- 網站樣式，如字體、顏色、動畫等。
- 瀏覽器圖標
- 鎖定屏幕
- 結帳頁面
- 404 頁
- 社交分享徽標
- 自定義 CSS
雖然您應該嘗試所有這些選項卡，但網站樣式將對您的網站產生最大的影響。 點擊鏈接打開主菜單：
您可以看到網站樣式涵蓋了您網站的所有重要視覺元素。 每當您需要設計選項時，請單擊畫筆圖標打開菜單。
選擇一個選項後，Squarespace 會自動將樣式更改應用到整個頁面。 您不必立即瀏覽各個元素和更改。 例如，更改調色板會使用新顏色更新所有部分。
添加電子商務商店
筆記; 此步驟是可選的。 並非每個用戶都希望使用 Squarespace 開設電子商務商店。 也就是說，如果這是您的目標，Squarespace 完全有能力處理這項任務！
雖然 Squarespace 不是最受歡迎的電子商務平台，但它確實具有足夠的商務功能，可以將任何網站擴展到在線商店。
事實上，如果你還不確定在網上賣什麼，那也沒關係。 Squarespace 將讓您有機會探索您的選擇。
實際上，您可以將 200 種產品添加到商店頁面。 如果您想從您的網站創收，Squarespace Commerce 是一個不錯的選擇。
當您準備好開始時，單擊“商務”選項卡。
可以使用 Squarespace 的四步電子商務嚮導來處理商店設置過程。 單擊開始，然後單擊添加待售產品。
此時，Squarespace 會要求您選擇商店佈局。 你應該至少有兩個選擇。 單擊您的首選選項。
您的商店應該在佈局中包含一些演示產品。 可以對其進行編輯以適合您的產品，或者您可以通過單擊“+”按鈕添加新產品。
您可以從具有不同設置的四種主要產品類型中進行選擇：
- 身體的
- 數字的
- 服務
- 禮物卡
對於產品展示的各個方面，每種產品類型都有不同的字段。 您可以從產品頁面添加多個圖像、設置價格和管理您的庫存。
完成產品外觀後，向下滾動以查找自定義選項，例如按鈕和運輸選項。
單擊完成 → 保存以將產品添加到您的商店。
將付款方式添加到您的 Squarespace 商店
是時候讓這個 Squarespace 教程集成支付網關了。 您會在商店設置菜單中找到“添加獲得付款方式”選項。
使用 Squarespace，您可以集成 Stripe、PayPal 和 Square（在美國）。 單擊您的首選網關以將網關鏈接到您的站點。
設置運輸要求
單擊選擇如何運送您的產品按鈕。
使用此選項來決定您的運費。 如圖所示，您可以選擇統一費率、基於重量的運輸，或者只是讓承運人計算定價。
一旦您選擇了一個選項，它將與成本和區域限制一起出現在您的運輸選項中。
移動預覽
如果您對網站的外觀感到滿意，請單擊編輯器右上角的電話圖標。
這會將所有內容轉移到您網站的移動預覽中。
滾動瀏覽移動預覽並確認您對所有外觀感到滿意。 它看起來很棒，所以讓我們進行 Squarespace 教程的最後一步：發布您的網站讓全世界看到！
發布您的網站和定價
現在，我們已準備好與其他人共享該網站。 讓我們升級我們的計劃並發佈網站。
單擊“設置”鏈接以查找發布選項。
當設置選項打開時，我們感興趣的是站點可用性。
單擊站點可用性以打開升級和發布選項。
Squarespace 有許多不同的計劃，但價格較高的計劃通常有更好的電子商務選擇。
選擇最適合您的計劃並慶祝。 這個 Squarespace 教程結束了。 你做到了！ 您的網站現已上線！
結論
從本教程可以看出，我喜歡 Squarespace！ 它不僅是最適合初學者的網站構建器之一，而且您還可以使用 Squarespace（快速）構建任何東西。
我們在這裡涵蓋了很多領域。 回顧一下，我們了解到：
- 個性化您的 Squarespace 體驗
- 如何為您的網站選擇 Squarespace 設計
- 註冊 Squarespace
- 了解您的 Squarespace 儀表板和編輯器
- 編輯您的網站內容
- 進行設計更改
- 添加電子商務商店
- 在移動設備上預覽您的網站
- 發布您的網站和定價
您如何看待 Squarespace 作為網站建設工具？ 您享受您的 Squarespace 體驗嗎？ 請隨時在下面的評論中分享您的想法。