在Shopify上如何打造奢華的網站?逐步教程
By McKenna Beverly · 2023-07-31
本教程將逐步介紹在Shopify上打造奢華網站的方法,包括使用Canva製作橫幅和圖片、調整顏色方案、修改頁首設置以及上傳標誌圖片。
教程:在Shopify上創建主題
- 這篇教程將教您如何在Shopify上創建主題。
- 使用Canva軟件來創建網站橫幅和圖片。
- 首先,打開Shopify,進入“線上商店”和“主題”選項。
- 在主題庫中選擇一個模板,然後點擊“添加”以應用Dawn主題。
- 調整顏色方案,將背景改為黑色,文本顏色為白色,按鈕背景也改為白色。
- 修改頁首設置,將桌面標誌位置設為頂部中心。
- 在公告欄中,自定義文本內容。
- 上傳標誌圖片,回到主題設置,點 擊上傳。
- 按照教程中的步驟向您展示如何完成這些設置。
教程:在Shopify上創建主題
教學:設計網站橫幅圖像和標誌
- 點擊上方的標誌,然後選擇圖像。
- 您可以從計算機直接上傳圖像。
- 調整標誌大小,確保在標頭中關閉黏性標頭。
- 移除標題文字,關閉邊框按鈕樣式,並將圖像橫幅的覆蓋透明度設置為零。
- 使用Canva設計網站橫幅,尺寸為4320 x 2160像素,並在畫布上拖放圖片。
- 在Canva中使用網頁橫幅模板,移除間距,並將所需的圖片拖放到畫布上。
教學:設計網站橫幅圖像和標誌
教學:美化網站橫幅和商品分類
- 首先,我們需要在文本區域上傳字體。將字體顏色更改為白色,然後插入文本。
- 接著,更改文本的字體為Beautifully Delicious。
- 然後將另一段文本的字體更改為Dream Avenue,同時將其轉換為大寫。
- 複製這一段文本,並在下方新增一些額外的文字。
- 接著,點擊效果,選擇背景。這將在文本周圍添加黑色背景,然後調整擴散度和銳化效果。
- 最後,將其下載為PNG格式以獲得最佳品質。
- 回到Shopify後,點擊選擇圖片,上傳橫幅圖片。點擊全屏預覽,確認橫幅效果。
- 調整橫幅高度為中等,使其看起來更寬。
- 接著,添加商品分類,點擊箭頭,選擇集合列表,標題可自訂,插入各個產品集合。
- 注意,目前僅顯示三個集合。
教學:美化網站橫幅和商品分類
如何在Shopify上調整字體和添加內容
- 點選「設定」,然後選擇「排版」,即可更改字體設定。
- 在Canva上製作1000x1000像素的圖片,選擇想要的圖片後,以PNG格式下載,然後在Shopify上傳。
- 選擇「特色收藏」,然後選擇要添加的收藏品。
- 跟隨這些簡單步驟,即可更改字體和添加所需內容。
- 通過Canva製作圖片,下載並在Shopify上上傳,可以為網站添加吸引人的圖片。
- 這些方法可以幫助您快速在Shopify上進行設計調整和內容添加。
如何在Shopify上調整字體和添加內容
添加評論區段
- 首先,在這裡新增一個區段,然後選擇多欄。
- 調整成四欄後,你可以在這裡插入你的文字。
- 接下來,我會示範如何添加顧客評論的個人形象。
- 我在 Canva 中打開了另一個網頁橫幅,插入了形狀,然後添加了一個圓形框架。
- 接著,將圖片拖放至此處,然後插入星形圖形並調整顏色。
- 下載圖片後,上傳到照片區域。
- 接下來,我會示範如何創建簡報區段。
- 點選簡報後,即可插入所需文字,別忘了填寫按鈕標籤。
- 我想在背景加入三張垂直圖片,所以讓我來示範如何操作。
- 在 Canva 中開啟另一個網頁橫幅,插入折線圖,將格線間距調整為零,然後插入所需圖片並下載。
- 然後,將圖片上傳到 Shopify,效果如下。
- 重複這個步驟
添加評論區段
新增部分:博客文章
- 在這個部分,我將展示如何新增博客文章部分。
- 這是可選的,如果你想在網站上宣傳你的部落格。
- 你可以在多行選項中插入圖片和文字。
- 這是博客文章部分的預覽,你可以在標題文字或說明文字中添加博客連結。
- 接下來,我將新增一個電子郵件訂閱的選項。
- 這是可選的,但我希望這部分的背景顏色是深灰色。
- 我會選擇第二個配色方案,將背景顏色調整為深灰色,並將所有文字顏色改為白色。
- 針對這個電子郵件部分,我會使用第二個配色方案。
- 然後,我將新增另一個圖片橫幅,加入文字並移除其 中一個按鈕標籤,接著我會在這部分以及另一個部分插入圖片。
- 這是新增第二張圖片後的效果。
- 接下來,我會示範如何新增Instagram部分,以防你想要在網站上加入你的Instagram帳號。
新增部分:博客文章
插入Instagram帖子
- 在這裡插入你的Instagram帖子。
- 完成後,請確保在按鈕標籤中插入你的Instagram鏈接。
- 最後,我們將新增一個“讓我們聯繫”的頁面。
- 我會插入一張圖片橫幅,移除頂部的所有元素。
- 我回到Canva,打開了網頁橫幅模板,然後添加了這個淡化的元素,以增加圖片的立體感。
- 現在我要插入一些文字元素,我已經添加了所有的文字。
- 你基 本上可以添加你想要的任何圖標,我添加了Instagram圖標、Facebook圖標。
- 你可以調整它,添加任何你想要的元素。
- 這個字體是Authentic,這是Brown Sugar,這是Glacial Indifference,這是Ulta。
- 我們只需要下載這個。
- 接下來,我們只需要將它上傳到Shopify的這個區域,它將會呈現成這個樣子。
- 現在你可以享受你嶄新的網站。
- 另外,這個模板目前可在我的商店中購買,包括所有Canva模板和一個逐步指南。
- 非常感谢大家的觀看,我們下次見。
插入Instagram帖子
Conclusion:
透過本教程提供的逐步指南,你可以在Shopify上輕鬆打造出令人驚艷的奢華網站,吸引更多客戶。