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