手把手教你1天用WordPress建一个公司官网(1)

更新於 發佈於 閱讀時間約 5 分鐘

緣起

上週,有天早上,一個朋友打電話找我求助,說要去客戶公司那裡講產品方案,客戶說想先看看他們公司網站,但是之前出於各種原因吧,他們一直沒有把公司網站做出來,客戶說你們怎麼連個網站都沒有,沒有網站那就不要來了。 。 。這下就有點尷尬了,沒辦法,誰讓客戶是爸爸呢?

朋友發了一個他們行業裡競爭對手的網站,說就弄成這樣的得多久?我打開一看,嗨,這不就是一個典型的WordPress建的公司網站嗎,簡直太簡單了。正好他要展示給客戶的產品內容也非常簡單,基本上就一頁就可以完事,用WordPress來做非常適合。

我說,你把產品內容什麼的準備好,這種網站就是分分鐘的事。他大喜。指派了公司裡的一個做運營的妹子做內容對接。

於是我們就約了個時間聚在一個小咖啡館,先讓妹子理了理產品內容和素材,包括文字、圖片、視頻什麼的。然後花了點時間給她講解了一些WordPress的基本概念和用法,再裝上一個建站神器–強大到無以復加的Elementor,The World’s Leading WordPress Page Builder,大部分時間我就是在旁邊指指點點,她哪裡不會我就告訴她點哪裡,基本上完全是她自己拖拖拽拽搭積木一樣就弄出來了。這妹子是一個絕對百分之百的技術小白,人生中第一次做出來的公司官網還挺像模像樣的,也足可見WordPress和Elementor的強大之處啊。下面就是妹子最終上線的作品截圖:

raw-image

雖然是一個很簡單的單頁面,也沒有什麼跳轉頁面,是不是總體感覺還不錯的?有些地方還略微有點瑕疵,但是瑕不掩瑜,可以打個80-90分了!也可以看看她做的幾版的變化過程,開始的時候還有點亂七八糟,後面就一點點越來越成形了。

妹子之前從來沒有接觸過建站相關之類的東西,做出來這個之後非常開心,挺有成就感的。而且在手機上打開自動就是響應式的佈局,點擊鏈接就能自動滑動到相關部分,她覺得好神奇,朋友看了也覺得挺滿意,就直接發給客戶看了,客戶爸爸也覺得挺好。大家好才是真的好!總體上這個簡單的小站的建站過程非常快速,非常愉快,都很滿意,四贏局面,完美!下面就把這次簡單的建站過程介紹一下,有需要的朋友也可以藉鑑參考一下

第一步 買域名

朋友之前連域名都沒有買,所以第一步就是買域名。域名這個沒得說,只要他覺得合適就行。做公司官網肯定還是首選.com, 不要選些什麼奇奇怪怪的頂級域名。

Google Domains 服務覆蓋的國家/地區,您可以使用 Google Domains 購買域名。 Google Domains 默認提供一年註冊期並為您選擇啟用自動續訂(如下文第 6 步所述)。

raw-image

域名是個大生意,國內國外的大大小小的域名購買商太多了,多如牛毛,各家隱形的坑也不少。下圖就是各家的對比,基本上我在這幾家都買過域名。

raw-image

第二步 託管服務

折騰了幾個小時終於把域名搞定了。接下來就是要解決託管服務的選型了。上文已經說過,網站的程序方案已經確定無疑是WordPress了,所以基於WordPress來選擇託管服務也有幾個選擇:

Web Hosting?

Web Hosting 是一個空間來存放網站嘅圖片、影片、資訊、檔案……等,一個網站要完整運作,讓所有人都能見到,需要網址 (Domain)、寄存 (Hosting)、網頁製作 (Web Design),三大元素,缺一不可!

Web Hosting 分為邊幾類?

市面上 Web Hosting 大致可分為 Shared Hosting (共享寄存)、VPS Hosting (獨立主機)、Cloud Computing Platform (雲端主機) 三大類。

Shared Hosting 收費最平,差不多九成新手會選擇用共享寄存方式去開始做網站。SiteGround、BlueHost、DreamHost、GoDaddy這幾間公司都有提供名稱類似Shared HostingWordPress HostingManaged WordPress Hosting Plan。

小結

至此,域名和WordPress託管服務這些基礎設施建設已經搞定了,接下來就是如何一步步使用Elementor快速搭建一個公司官網了,本想放在一篇,但考慮到這樣的話內容會太長,讀起來也太累,還是拆做兩部分,未完待續,敬請期待

Cr/丘壑博客

留言
avatar-img
留言分享你的想法!
avatar-img
Choi ni Leung的沙龍
0會員
1內容數
你可能也想看
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
介紹朋友新開的蝦皮選物店『10樓2選物店』,並分享方格子與蝦皮合作的分潤計畫,註冊流程簡單,0成本、無綁約,推薦給想增加收入的讀者。
Thumbnail
當你邊吃粽子邊看龍舟競賽直播的時候,可能會順道悼念一下2300多年前投江的屈原。但你知道端午節及其活動原先都與屈原毫無關係嗎?這是怎麼回事呢? 本文深入探討端午節設立初衷、粽子、龍舟競渡與屈原自沉四者。看完這篇文章,你就會對端午、粽子、龍舟和屈原的四角關係有新的認識喔。那就讓我們一起解開謎團吧!
Thumbnail
當你邊吃粽子邊看龍舟競賽直播的時候,可能會順道悼念一下2300多年前投江的屈原。但你知道端午節及其活動原先都與屈原毫無關係嗎?這是怎麼回事呢? 本文深入探討端午節設立初衷、粽子、龍舟競渡與屈原自沉四者。看完這篇文章,你就會對端午、粽子、龍舟和屈原的四角關係有新的認識喔。那就讓我們一起解開謎團吧!
Thumbnail
要建立一個WordPress網站,你需要考慮多個因素,其中包括成本和必需的組件。對於預算有限或者初創的人來說,有的方法甚至能夠免費完成。但為了避免未來的頭痛,最好先了解一下各個部分的詳細資訊。
Thumbnail
要建立一個WordPress網站,你需要考慮多個因素,其中包括成本和必需的組件。對於預算有限或者初創的人來說,有的方法甚至能夠免費完成。但為了避免未來的頭痛,最好先了解一下各個部分的詳細資訊。
Thumbnail
這篇是用WordPress設計網站前置作業的手把手教學 用Bluehost,就能一次搞定購買主機+網域名稱!
Thumbnail
這篇是用WordPress設計網站前置作業的手把手教學 用Bluehost,就能一次搞定購買主機+網域名稱!
Thumbnail
什麼是WordPress? WordPress提供了一个直观的界面,使用户能够创建、编辑和管理网站的各个方面,包括页面、文章、菜单、媒体文件等。 除了基礎的建設網站,WordPress的外掛功能也非常強大,這裡拥有丰富的插件生态系统,使用者可以根据需要安装和激活各种插件来扩展网站的功能。插件可以用于
Thumbnail
什麼是WordPress? WordPress提供了一个直观的界面,使用户能够创建、编辑和管理网站的各个方面,包括页面、文章、菜单、媒体文件等。 除了基礎的建設網站,WordPress的外掛功能也非常強大,這裡拥有丰富的插件生态系统,使用者可以根据需要安装和激活各种插件来扩展网站的功能。插件可以用于
Thumbnail
探討如何免費建立自己的網站,結合 WordPress 和 Cloudflare Pages。文章涵蓋從本機安裝 WordPress、產出靜態檔案,到將檔案部署到 Cloudflare Pages 的完整流程,並探討其優點和缺點。
Thumbnail
探討如何免費建立自己的網站,結合 WordPress 和 Cloudflare Pages。文章涵蓋從本機安裝 WordPress、產出靜態檔案,到將檔案部署到 Cloudflare Pages 的完整流程,並探討其優點和缺點。
Thumbnail
為什麼個人網站很重要?「個人網站」在現今社群媒體平台琳瑯滿目,同時有越來越多小型創業者、個人工作者的時代下,它的重要性與價值會日漸重要。因為它將成為你的個人化樞紐 (hub),把關於你的一切整合在一起,並帶來以下好處: 完整自由地策
Thumbnail
為什麼個人網站很重要?「個人網站」在現今社群媒體平台琳瑯滿目,同時有越來越多小型創業者、個人工作者的時代下,它的重要性與價值會日漸重要。因為它將成為你的個人化樞紐 (hub),把關於你的一切整合在一起,並帶來以下好處: 完整自由地策
Thumbnail
緣起 上週,有天早上,一個朋友打電話找我求助,說要去客戶公司那裡講產品方案,客戶說想先看看他們公司網站,但是之前出於各種原因吧,他們一直沒有把公司網站做出來,客戶說你們怎麼連個網站都沒有,沒有網站那就不要來了。 。 。這下就有點尷尬了,沒辦法,誰讓客戶是爸爸呢? 朋友發了一個他們行業裡競爭對手的網站
Thumbnail
緣起 上週,有天早上,一個朋友打電話找我求助,說要去客戶公司那裡講產品方案,客戶說想先看看他們公司網站,但是之前出於各種原因吧,他們一直沒有把公司網站做出來,客戶說你們怎麼連個網站都沒有,沒有網站那就不要來了。 。 。這下就有點尷尬了,沒辦法,誰讓客戶是爸爸呢? 朋友發了一個他們行業裡競爭對手的網站
Thumbnail
使用 WordPress [ .org ] 自架站就像是開一家店,需要選(或搶)地段、租店面、裝潢、設備以及上架 ... 等等的作業流程。 而這些流程,正好對應了 WordPress 自架站所需要準備的幾個重要項目: 網域 ☞ 地段(門牌) 虛擬主機 ☞ 店面 佈景主題 ☞ 裝潢 外掛 ☞ 設備
Thumbnail
使用 WordPress [ .org ] 自架站就像是開一家店,需要選(或搶)地段、租店面、裝潢、設備以及上架 ... 等等的作業流程。 而這些流程,正好對應了 WordPress 自架站所需要準備的幾個重要項目: 網域 ☞ 地段(門牌) 虛擬主機 ☞ 店面 佈景主題 ☞ 裝潢 外掛 ☞ 設備
Thumbnail
過去我的工作內容比較偏向視覺設計師,雖然職稱大多是掛網頁設計,但其實我並不清楚實際上要架好一個網站,需要做哪些事情。 像是架網站必須要先有一台主機,這樣才能把你製作好的網頁檔上傳上去,然後你需要購買網域,這樣你的網站才會有對外的一個正式域名,而且主機跟網域要去哪裡買以及怎麼設定,我也不知道。
Thumbnail
過去我的工作內容比較偏向視覺設計師,雖然職稱大多是掛網頁設計,但其實我並不清楚實際上要架好一個網站,需要做哪些事情。 像是架網站必須要先有一台主機,這樣才能把你製作好的網頁檔上傳上去,然後你需要購買網域,這樣你的網站才會有對外的一個正式域名,而且主機跟網域要去哪裡買以及怎麼設定,我也不知道。
Thumbnail
在未來 2 - 3 年,WordPress 的發展將傾向{Block 區塊},趨勢是減少使用像 Elementor 或 Brizy 等的第三方頁面編輯器(Page Builder),制作網站的流程會回歸基本步,由 WordPress 官方主導,野外的開發團隊則會依賴這個生態,建立不同的應用為主的{
Thumbnail
在未來 2 - 3 年,WordPress 的發展將傾向{Block 區塊},趨勢是減少使用像 Elementor 或 Brizy 等的第三方頁面編輯器(Page Builder),制作網站的流程會回歸基本步,由 WordPress 官方主導,野外的開發團隊則會依賴這個生態,建立不同的應用為主的{
Thumbnail
 隨著雲端技術的發展,近年來越來越多的網站架設工具,其操作也越來越容易也越趨簡便。而以整個趨勢而言所謂的架站平台更可以讓你直接架設個人網站或公司網站,其功能也非常強大。本篇分別介紹 Blogspot、痞客邦、WordPress、Weebly、Google 協作平台、Yola、EDUBlogs、Wix
Thumbnail
 隨著雲端技術的發展,近年來越來越多的網站架設工具,其操作也越來越容易也越趨簡便。而以整個趨勢而言所謂的架站平台更可以讓你直接架設個人網站或公司網站,其功能也非常強大。本篇分別介紹 Blogspot、痞客邦、WordPress、Weebly、Google 協作平台、Yola、EDUBlogs、Wix
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News