請更新您的瀏覽器

您使用的瀏覽器版本較舊,已不再受支援。建議您更新瀏覽器版本,以獲得最佳使用體驗。

【網站經營攻略2】如何建置一頁式網站?提供給創業者、設計師與工程師的3種應用說明

行銷人

發布於 2021年02月24日02:31 • 行銷人

|文/Eric|原文出處/Applemint蘋果薄荷行銷公司-如何在 WordPress 打造一頁式網站|首圖/pixabay

前情回顧:一頁式網站是什麼?建置一頁式網站的優缺點分析

這次要繼續說明實務上應該如何製作一頁式網站
根據創業者、設計師與工程師三種不同身份,本篇將提供三種建議的解決方案:

創業者:使用一頁式佈景主題

使用OnePress建立一頁式網站。/ 圖:作者提供

先說結論:如果你是自己一個人創業,除非你的服務跟網站有關,不然就不要花時間自己做網站了。

退一步來說,你最多也只該套用既有的佈景主題。

對於自己經營品牌的人來說,時間最重要。將時間投資在自己的產品與服務,並透過佈景主題快速建置一頁式網站,是比較適合的作法。

我在 WordPress 的社群中時常看到許多經營者為了節省網站製作費用,而花了許多時間在社團詢問問題。

基本上這是本末倒置的行為

對於業主或品牌端的行銷人員,我會建議使用如 OnePress 這類的一頁式網站佈景主題,能夠快速的幫你建置好一頁式網站所需的架構。你需要的,只是在適當的地方,填入正確的資訊即可。

當然,如果你希望能夠少一點「套版」的感覺,建議還是要學習 CSS 語法。坦白說,當代網站的版面配置相似度都很高,只要掌握好邊界 (margin) 與邊框間距 (padding) 的留白技術,便能排列出更美觀的版面。

onepress優缺點分析

設計師:使用區塊/頁面編輯器

許多設計師很喜歡 Elementor,而部分前端工程師則喜歡使用 Oxygen。/ 圖:作者提供

設計師有很好的點子,但是往往因為不熟悉程式碼,因此難以將設計落實。

區塊編輯器與頁面編輯器便是用來補足這一點。市面上的頁面編輯器,除了 Elementor 外,還有 Divi、Beaver 與 Oxygen 等等。

儘管有些工程師會認為頁面編輯器會拖累網站效能,但這往往是不當使用頁面編輯器所導致。事實上,頁面編輯器透過逐頁產生 CSS 檔案的方式,可以有效的避免未使用的 CSS 樣式佔用請求資源。而頁面編輯器搭載的動畫特效,也多是經過最佳化過的程式碼。

因此,只要使用得當,頁面編輯器會是讓設計師可以恣意揮灑創意的空白畫布。

區塊/頁面編輯器-Elementor優缺點分析

工程師:使用初始佈景主題

_s 是一款相當有用的初始佈景主題。/ 圖:作者提供

如果你的一頁式網站,未來會需要由非工程的同事或業主維護,那使用初始佈景主題,如:_s,是你絕佳的選擇。

身為前端工程師,可能會嫌棄 WordPress 龐大的架構,主張直接套用 HTML 範本建立一個一頁式網站更快、更精確。

但 WordPress 的美麗並不只是在刻畫樣式。

藉由 WordPress 的架構,你可以同時使用 WordPress 中的後端功能,例如以 Contact Form 7 為核心製作的 AJAX 聯絡表單、配合 NextGen Gallery 快速產生投影片輪播圖庫。更重要的是,未來這些內容可以由非工程師的同事或客戶進行更新。

WordPress 優缺點分析

結語

這次跟大家介紹如何透過 WordPress 建置一頁式網站,然而,如同一頁式網站是什麼?建置一頁式網站的優缺點分析中所提到的,這種一頁式網站最重要的是「流程規劃與設計」。

為了能夠改善使用者體驗與流程,持續針對網站進行最佳化測試是必要的。下一篇,我們將討論如何對一頁式網站進行後續的分析與測試。

更多行銷人報導
【網站經營攻略1】一頁式網站是什麼?建置一頁式網站的優缺點分析
【網站經營攻略】流量查詢、分析到成長秘訣,4 大熱門網站分析工具介紹

|本文由Applemint蘋果薄荷行銷公司提供,僅反映專家作者意見,未經原作者授權請勿轉載。

查看原始文章

更多科技相關文章

01

2024年星際飛機任務失敗 NASA署長批波音與內部高層

路透社
02

輝達擬砸300億美元投資OpenAI 取代千億美元長期合作

路透社
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...