网站架设教学2020 | 免费系统用最低成本制作专业Landing Page

看完這教學視頻你至少可以省下五百元美金因為你不需要再請人幫你製作Landing Page或者網站你自己就能動手製作出像這樣子非常專業的網頁那麼你就可以把你的產品或服務的信息有系統的放在些網頁上面幫你24小時不眠不休的自動做宣傳讓更多的陌生顧客可以通過你的網址在網絡世界上找到你同時我也會一步一步的教你如何下載免費的網頁製作系統,這個系統是非常簡單操作你不需要有任何的電腦程式和設計的專業知識我保證你在看完視頻之後一定能夠做出一個非常專業的網頁,如果你是第一次來到這個頻道這個頻道是專門為你分享最新關於WordPress網站製作以及通過部落格賺錢的資訊如果你對這些內容有興趣的話那請記得要訂閱這個頻道以及一定這個頻道以及一定要打開小鈴鐺這樣的話你就你就不會錯過任何接下來會跟你分享的最新資訊那現在我們就開始吧,那首先第一個步驟我們必須去註冊一個伺服器,整個過程非常簡單,只需要五分鐘的時間。你看完教學視頻,我會教你如何去一步一步的申請你的伺服器。那我們還沒開始之前我們先了解一下什麼是伺服器。
這個概念你可以把它想像成在現實世界中,如果你要在一個商場做生意的話,你必須要向這個商場租借一個空間,那你才可以利用這個空間把整個空間裝潢成你自己的店面如果你今天要建造一個屋子,首先第一個步驟你必須要選擇好一塊地,你有了一塊地之後你才可以在這個地上面的建造你自己的屋子在網絡世界上也是一樣的道理,如果你今天要有自己的網站,要讓大家用你的網址能找到你的網站的話,你必須要有一個伺服器的空間,把你整個網站裏面的所有內容包括文字,影像,圖片儲存在這個空間裏面,有了這個虛擬的空間,也就是伺服器的功用,那我們才可以在對方輸入我們的網址也就是網站的名稱之後我們的內容才會呈現在網絡上第一個步驟就是我們必須去Cloudways這個網址,你可以輸入www.smartemy.com/cloudway或者是點這個視頻下面的連結進入到Cloudways這個網站來申請伺服器,但來到Cloudways的網站,我們可以點擊上面的Pricing在這個頁面,我們就可以看到Cloudways提供的服務以及價格.首先一個非常重要的原因,為什麼我們選擇Cloudways作為我們的伺服器公司,因為他們提供的是雲端伺服器,那如果我們選擇雲端伺服器,會比其他的伺服器公司來得更加的安全,以及我們的網站速度會更加的快,那同時他們也提供24小時365天的線上支援服務,如果我們的網站有任何的問題,或者是你有任何關於伺服器的問題我們都可以直接在我們的Cloudways網站上面找到他們的Support
Team.那他們就會現場幫我們很快速的解決問題.那這個對於我們的網站是非常重要的。那還有Cloudways的收費模式是是採取Pay
as you go以及No lock
in的方式那兩個模式就是我們用多少給多少的收費模式。不像其他的伺服器公司。你一開始就需要給一整年的年費。那Cludways是採取月費的方式。
也就是說你那個月,如果你的容量是非常的小或者是你的網站的流量是還不多,可以選擇他們最低最便宜的配套。那你可以隨時取消。如果說你今天的網站不做了,那你可以隨時取消伺服器的配套,那就不需要再付Cloudways任何費用。這個費用收費模式對我們新手來講是非常合理,以及非常方便的。
如果你註冊了Cloudways的伺服器也可以用作無限個網站也就說它提供Unlimited Application那今天如果你有一個網站,十個網站甚至更多的網站你都可以用同一個Cloudways的戶口來存放些網站那你可以拉到下面的價錢這裏,我們會選擇Digital Ocean,然後選擇每個月十塊美金的配套,因為我們剛剛架設的網站還不需要用到太多的容量以及我們的流量也沒有那麼多所以我們可以選擇最便宜的開始,如果有一天你的網站越做越大,越多人來關注之後,你需要更大的容量,你隨時隨地都可以升級到不同的配套,那現在我們就可以點擊這個Start Free開始。
如果你是用我的專屬連結smartemy.com/cloudway進入到Cloudway或者是在這個視頻下面點擊我的專屬連結那如果你之後決定付費給Cloudway使用他們伺服器。我有可能在之後會得到Cloudway發出的一點推薦獎金。那要注意的是這不會增加你任何需要付給Cloudway的費用.
如果你是用我的專屬連結開啟了Cloudway Account。那你可以在這個教學之後聯繫我,我會發出一個免費進階版的教學。教你如何去下載很多很好看的免費模板。
那詳情我會在這個視頻詳細給你說明。那現在我們就來創建Cloudway的Account你可以直接在這裏點擊Start Free或者是點擊Get Started
Free在上面這個按鈕來到這個頁面你就可以輸入你的名字,你的Email,創建你的密碼還有選擇你的生意的類型,然後你每個月伺服器費用大概是?你可以選擇最低這裏(美金)0-50。好,那輸入之後點擊這個I Agree
To The Cloudways Term
Of Service再點擊Start Free就可以了那來到界面,你可以點擊這個Start Now上面你會看到這樣子的信息
Your account verification is
pending然後點擊Verify your account.
這個時候你必須去到你剛剛輸入電子郵箱的Inbox裏面去找這個Email.你會看到有一個From Cloudway Team
send給你的Email那你只要在這裏點擊Activate account那之後就會跳到這個頁面。然後在這裏下面的空格輸入你的電話號碼,然後點擊Send sms.
那這個時候, Cloudway就會發一組驗證密碼到你的電話的sms上面,那你只需要把這個驗證密碼複製輸入這裏,然後點擊Verify就可以了。那當你輸入驗證密碼成功之後,你就跳回到Cloudway的後台這個界面。
我點擊Get Started.那現在我就可以開始選擇我要的配套現在你也可以看到上面的信息Thank you
for verifying your account.
也就是成功創建Cloudway的Account.那因為現在我們創建的是完全新的網站。所以在選擇Server(伺服器)大小的時候我們可以選擇1GB也最小的容量就可以了。那下面的Location就可以去選擇伺服器的地點。
通常我們會選擇你的顧客群會在哪一個地點,那他們多數是在哪一個地區去看到你的網站,比方說我是在馬來西亞,那我里就可以選擇最近的這個國家。那最近的國家有新加坡如果你是在亞洲地方的話,你的顧客群多數是在亞洲國家,你就可以選擇新加坡作為你伺服器的地點,選擇好之後你可以點擊右下角的Launch Now.當你看到這個界面就表示Cloudways正在添加我們的伺服器到Cloudway的後台,那在這個時候馬上就可以進入到我們製作網頁的部分。
那我們會使用到的是WordPress世界最多人使用的內容管理系統來製作我們的網頁.如果你不清楚什麼是WordPress或者是我們為什麼要選擇用WordPress來製作我們的網站呢?我在這個視頻下面有放一個連結,在這個連結裏面有詳細說明為什麼來使用WordPress我們的網站那現在你可以點擊上面的Application然後點擊Your Application。
然後找這個Admin Panel。
點擊這個箭頭灰色的按鈕點擊之後,它就會打開一個新的頁面。這個右邊右面的頁面就是WordPress的登錄頁面。那這個User Name你就可以複製你的User
Name. 這個User Name就是我們的Email
Address. 那這個Password也是一樣你可以在這個Admin Panel複製這個Password.
然後添加到這個WordPress的登錄頁面。然後點擊Log In那你現在看到的右邊這個界面它就是WordPress的後台。WordPress的後台也就是我們之後會添加WordPress模板,網站修改內容的地方。
也就是大多數時間我們會花時間這個後台上面。接下面我們就要開始安裝WordPress主題以及WordPress網頁製作系統。那很快的我們的網頁就會開始慢慢的成形。在還沒有開始之前。
別忘了回到我們Cloudway的Account在這個後台你會看到上面寫着你的這個Account只是一個試用期的Account。隨時都會Expired過期。如果你是剛剛申請的話你會看到你的Trial Account將會在3天Expired過期,這裏記得要點擊這個Upgrade
My Account. 然後在這個界面添加你Credit
Card詳情,然後點擊這個綠色的Authorize如果你忘記做了這個動作,Cloudway將會在3天後把我們的Account給自動關閉,那之後我們添加的模板修改的內容將會自動的消失。當你添加了Credit Card的資料,點擊了Authorize你就會看到這個Thank you
page.也就是說我們已經成功把我們免費的試用Account升級到Coudways的付費Account. 那之後我們添加的模板以及修改的網頁內容就不會在3天後消失了那現在就開始添加WordPress的主題以及安裝網頁製作系統。
如果你是在Cloudways的後台剛剛我已經說明過了要如何進到WordPress後台你就可以點擊Cloudways的Application,然後點擊Admin Panel的這個箭頭輸入Username和Password你就會進入到這個界面首先第一個步驟我們必須點擊這個ApperanceThemes來到這個界面,之後點擊這個Add New Theme,那你拉下來你會看到WordPress裏面已經有很多不同的模板供我們安裝這裏我們要尋找,一個叫做Astra的模板,那我們點擊這個Astra再點擊Install來安裝這個Astra這個主題。
Astra這個主題模板是世界上最多人使用的WordPress模板之一,也是非常受歡迎的WordPress模板這裏我們Activate,你會看到New Theme Activated也就是說我們的Astra的主題模板已經成功地啟動了.那接下來我們要安裝的是WordPress其中一個非常受歡迎的插件,這個插件可以幫助我們節省很多設計的時間,因為裏面的有很多很漂亮的模板,在這些設計模板安裝了之後我們也可以很簡單的去修改全部的內容.
那比方說如果我想要在內容裏面添加一個圖片那我可以非常快速地拖拉這個圖片的插件直接到我們的內容裏面上載圖片或者是直接在內容這裏就修改我們要的內容,那是像樣子直接的把我們的內容添加到這些已經設計好的模板裏面非常快速的就可以製作好一個Landing Page或是銷售式網頁,那我們要如何安裝插件呢?你可以點擊視頻下面的內容修改插件的連結.
或者是輸入smartemy.com/elementor.這個網址來到這個網站。當你來到這個網站之後點擊這個Free
Download然後輸入你的Email.然後點擊Subscribe & Download來下載我們這個插件到我們的電腦.
你會看到你電腦的左下方的是已經下載了我們這個插件到我們的電腦。那現在我們就必須把插件上載到WordPress後台。那現在回到WordPress來上載來我們剛剛下載的插件。現在我們點擊Plugins,
然後點擊「Add New」然後上面這個Upload Plugin然後你可以直接把我們下載的插件拖拉到這個Choose File這裏,然後你會看到這個插件的名稱出現在這裏你就可以點擊Install
Now,又或者你可以點擊這個Choose File,然後尋找個叫做Download的選項,然後點擊這個Elementor然後選擇open。那通過這個方法同樣的我們也可以把我們剛剛下載的插件上載到WordPress後台我可以點擊Install Now.
你會看到這裏下面這裏Plugin Installed Successfully.那就代表了我們已經成功把這個插件上載到我們的WordPress後台了可以點擊Activate
Plugin來啟動這個插件。如果你看到這個頁面就表示你的後台已經成功啟動了內容管理的插件,那接下來我們就要創建我們WordPress的第一個頁面,這個教學我會用一個Landing Page來做示範我們必須點擊Pages下面的Add New來來創建我們第一個頁面。
現在我們必須為我們的這個頁面取一個Title一個標題。那你可以用你頁面主要是要傳達什麼信息來作為這個標題。像是如果我現在製作的一個Landing Page是關於我其中一個產品的那我就可以把我這個產品的名字打上去例如我現在放的是Product
A, 然後我們來到右邊這裏的Page Attributes選擇Elementor Canvas.
然後我們點擊Publish, 再點擊多一個次Publish那為什麼我們要選擇Elementor Canvas而不是Default template
或是是Full Width,如果我們不選擇Canvas的話,那我們整個頁面的格式會包括Header,Footer或者是Side Bar那因為現在我們要製作的是一個Landing PageLanding
Page的話就是不會有Header Footer 或者是其他的Side Bar的.
接下來我們可以點擊這個Edit withElementor進入到Elementor的界面來添加模板及修改裏面的內容.接着我們可以點擊灰色的Add Template來添加我們的模板.
你可以看到Elementor已經為我們準備好很多很好看很專業的模板了那這裏我就選擇其中一個來製作我們的Landing Page那我選擇這一個,然後點擊這個綠色的Insert,當我們一開始在連接Elementor的模板的時候它會出現樣子的頁面我需要點擊這個Get Started然後這裏我必須要創建一個Elementor的Account,如果你已經有了Account你可以直接在這裏輸入你的Email跟密碼點擊Log In就可以了,如果你還沒有Elementor的Aaccount你可以點擊這個Create
an Account,然後輸入你的Email跟密碼,點擊Creare Account然後再點擊一次Connect當我們連接好Elementor的Account跟我們的WordPress之後我們的模板就會出現在這個頁面在這裏面你就可以開始去修改及增加你的內容。像是如果這個標題我想要修改成我自己的標題我馬上可以在里打上我要的中文或者是英語整個頁面的圖片顏色我們都是可以很簡單的的去修改的,像是這個背景如果我想換成其他的圖片的話,那我就只要點擊里選擇其他的圖片上載上去你會看到這個背景的圖片的馬上就換了。
然後顏色也是同樣的我們可以很快的去更改我們要的顏色背景當你修改好內容之後呢你可以點擊左下角的Update.然後再點擊左邊的Preview Changes但你就會看到全部的修改會馬上的更新你的Website上面如果你進行到這個步驟恭喜你!你已經懂得開始如何製作WordPress的頁面了。
如果你是通過我的Cloudways專屬連結來購買Cloudway配套。那你可以在下面的聯繫頁面聯繫我我會送你i一個免費的教學視頻,這個教學視頻我要教你如何去安裝更多更精美的模板,那這些模板跟Elementor原本有的模板是不一樣的。因為每一個模板都有一個主題,比方說這個主題,它就有給我們好幾個不同主頁的模板,比方說這是其中一個主頁的模板.這是其中一個可以放我們照片Gallery的模板這是聯繫我們的頁面的模板是顧客常見問題的模板在我這個免費教學裏面,總共我會教你如何去找到兩千個免費但是又非常專業的模板,每個模板在下載之後,我們都可以很快速的通過Elementor去修改裏面的內容在這個免費教學裏面你除了會學到剛剛提到兩千個模板下載的教學,你也會學到一個好的Landing
Page或者是Sale Page應該具備怎樣的文案內容這些文案內容我們應該怎樣去構思以及設計。除此之外,我也在免費教學裏面加入了其他非常實用的設置,這些設置都是我自己本身實際在運用的,所有的教學Step By
Step 一步一步,手把手的教你完成那要如何得到這個免費的線上教學?方法非常簡單只要你訂閱這個頻道以及記得打開小鈴鐺,之後我有發佈任何教學內容你就不會錯過了那如果你在這個視頻有學到東西,記得為這個視頻點個讚如果你在中間的過程有任何問題記得留言給我,我都會回答你。如果你成功完成全部的步驟,恭喜你!
只要在下面「我完成了」如果你是用我Cloudway專屬連結smartemy.com/cloudway來過買Cloudways伺服器的話你可以打開我的聯繫頁面聯繫我你可以通過smartemy.com/contact或者是點擊在這個視頻下面的聯繫頁面,那我就會把我的線上課程發給你。那這個教學就到這裏我們下一個教學見!