Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. WordPress
Webdesign

用WordPress制作壹個單頁網站

by
Length:LongLanguages:

Chinese (Traditional) (中文(繁體)) translation by Fuhuan (you can also view the original English article)

壹個單頁網站是壹個在線官網的好選擇。它使妳能夠以簡潔的方式分享關於妳的業務的重要信息,讓妳的訪客壹目了然。

壹個單頁網站是壹個在線官網的好選擇。它使妳能夠以簡潔的方式分享關於妳的業務的重要信息,讓妳的訪客壹目了然。

為什麽要制作壹個單頁網站(有視差效果)

這種類型的網站是任何企業主誰沒有太多的時間來維護他們的網站或任何剛剛起步的新業務的絕佳選擇。繁忙的自由職業者或設計機構也可以通過單頁網站展示他們的業務。

最後,壹個單頁網站是完美的應用程序開發商或公司打算推出產品。由於壹個網頁通常會附帶多個BANNER,因此在妳準備好正式發布之前,這是構建妳的電子郵件列表的好方法。

與WordPress常見的情況壹樣,不乏壹個單頁網站的美麗的視差效果。 從多用途主題到企業和組合主題,妳可以找到適合妳的行業和業務性質的單頁主題。這裏還有更多頂級的WP主題:

如何為妳挑選壹個單頁網站主題

在這篇文章中,我們將向妳展示如何使用這些WordPress主題來制作壹個具有視差效果的單頁網站。

妳需要如何開始

我們來看看制作壹個網頁的步驟吧。在制作妳的網站之前,妳需要先做好幾件事情。除了妳將使用的主題外,妳還需要購買域名和托管計劃。 尋找壹個很好的圖像集與妳的網站壹起建議充分利用視差效應。現在,讓我們開始吧:

1.購買域名

在此之前,妳將需要壹個新的網站域名。這是妳的新網站域名。 如果妳有公司名稱,則明顯的選擇是將妳的公司名稱用作域名。但是如果妳是壹個自己做自己的名字的自由職業者,那麽妳的域名應該反映出來。

2.選擇壹個托管計劃

確定域名後,下壹步是購買妳的托管計劃。大多數托管公司將允許妳在註冊托管計劃的同時購買域名。 實際上,其中大部分都會包含壹年的免費域名。共享托管計劃是壹個很好的開始,如果妳決定切換到多頁面網站,妳可以隨時升級妳的計劃。

使用壹個單頁的WordPress主題

免費和收費的主題都可用於WordPress,但通常建議選擇付費主題。壹個優質的WordPress主題將包括來自主題開發者的專門支持,這意味著它將始終保持更新。

如果妳需要主題設置方面的幫助,高級主題的開發者更可能及時地回復妳。或者,妳可以在購買時購買額外的主題支持。

對於本教程,我使用ThemeForest主題。這是壹個單頁的主題,有幾個不同的演示版本:

The Ark WordPress theme with multiple layout options ready to use quickly
方舟WordPress的主題與多個布局選項準備快速使用

最重要的是,它也是自適應的,所以妳的網站將在各種屏幕尺寸上完美顯示。它還包括壹個頁面生成器,可以讓妳從頭制作壹個完全獨特的單頁面網站布局,或者隨心所欲地為妳的網站輕松添加額外的部分。

The Ark WordPress theme
方舟WordPress主題可以讓妳快速制作壹個網頁。

妳可以瀏覽壹個頁面的主題,找到妳喜歡的壹個。當妳找到符合妳需求的主題時,請購買,然後將主題文件下載到電腦上。

The Ark one page WordPress theme comes with several demos
方舟WordPress的主題附帶了幾個演示。

編譯妳的內容和圖像

我們最後壹件事是內容和圖像。雖然壹個網頁的內容確實是有限的,但是如果妳已經預先準備好了內容,而不是臨時提出來的內容,它仍然有所幫助。

妳也應該花壹些時間來收集妳想使用的圖片。這包括視差部分的背景圖像,可以是工作區,員工,公司甚至是產品的照片。 如果妳想為妳的品牌添加更多的個人色彩, 請不要忘記將過去客戶的照片添加到推薦部分或團隊成員的照片中。

入門

壹旦妳購買了主機方案以及域名和主題,現在是時候開始搭建妳的網站。第壹步是安裝WordPress,然後是妳的主題,以及任何需要的插件。

1.安裝WordPress

妳的托管公司會向妳發送壹封歡迎電子郵件,其中包含有關妳托管計劃的所有必要信息 打開電子郵件,記下妳的cPanel的用戶名和密碼。 點擊將立即轉到cPanel登錄頁面的鏈接。輸入提供的用戶名和密碼,然後妳就可以安裝WordPress了。

  1. 在cPanel中,查找網站安裝程序或Fantastico安裝程序或Softaculous安裝程序。點擊WordPress圖標,然後點擊安裝按鈕。 妳將被要求提供用戶名和密碼,並選擇安裝WordPress的域名。
  2. 選擇壹個包含大寫和小寫字母以及數字和特殊符號的用戶名和強密碼。把用戶名和密碼寫下來放在安全的地方。
  3. 再次單擊安裝按鈕完成安裝過程。

當WordPress安裝完成後,妳會看到壹個通知屏幕,其中包含壹個指向WordPress儀表板的鏈接。點擊鏈接,然後輸入妳在安裝過程中選擇的用戶名和密碼。

2.安裝妳的WordPress主題

現在妳已經登錄到妳的WordPress網站,點擊外觀>主題>添加新的。在加載的屏幕上,選擇上傳主題。

Installing your WordPress theme
快速安裝妳的WordPress主題。

點擊按鈕,選擇妳的主題文件壓縮文件夾,然後點擊上傳。壹旦主題安裝,點擊激活。

3.安裝並激活所需的插件

在WordPress主題被激活後,會給妳壹個通知,它需要額外的插件來安裝。要安裝它們,請點擊開始安裝插件,選擇所有插件,然後在下拉菜單中點擊安裝。

WordPress Plugins to Install
WordPress插件安裝。

然後,到“ 插件”>“已安裝的插件”,選擇剛安裝的所有插件,並從下拉菜單中選擇“ 激活 ”。

Activate your WordPress Plugins
激活妳的WordPress插件。

如何設置妳的壹個單頁WordPress網站

現在妳的WordPress主題已經被激活,並且已經安裝了額外的插件,現在可以自定義主題來匹配妳的網站並添加妳的內容。設置單頁網站的最簡單方法之壹是從預制布局開始。

值得慶幸的是,大多數優質的WordPress主題都有著已經配置好的幾個布局,所以妳只需要用自己的信息來替換就好了。對於本教程,我已經選擇了主要的演示,因為它有大量的預制頁面布局,包括有吸引力的壹個頁面布局。

壹旦妳選擇的演示安裝完畢,妳就可以開始自定義主題並替換信息。

首先,點擊設置>閱讀>首頁顯示壹個靜態頁面,並選擇壹個頁面布局之壹作為妳的主頁。然後為妳的帖子頁面選擇所需的布局,然後保存設置。

要替換內容,導航到頁面>所有頁面,選擇妳的主頁,然後單擊編輯。

要自定義標題中使用的圖像,點擊妳想要自定義的部分的編輯圖標,然後選擇框模型。 向下滾動到圖像或視差部分,並用自己的圖像替換圖像。請記住使用不太分散註意力的圖像,以便妳的副本脫穎而出並傳達關於妳公司的信息。

Add your companys messaging
添加妳的公司的消息到WordPress。

保持標題和正文的簡短和重點,不要讓文字太難以在圖像上閱讀。還可以自由修改顏色並調整此區域的邊距和填充,以及自定義字體。

要編輯演示內容,請單擊包含文本的部分,然後在Visual Editor中輸入妳自己的副本。只需要對每個需要編輯的部分重復這個過程。 在編輯部分時,單擊element.style選項卡並在ID字段中輸入帶小寫字母的ID。這將幫助妳很快設置導航菜單。

Adding ID attributes to your WordPress theme
將ID屬性添加到妳的WordPress主題。
或者,妳可以進壹步自定義布局,或通過轉到方舟>站點地圖從頭開始創建布局。

方舟子菜單還包括用於自定義頁眉,頁腳,側邊欄等的選項。

現在妳已經用自己的內容替換了內容,讓我們設置導航菜單。轉至外觀>菜單,然後從下拉列表中選擇單頁導航。勾選“ 顯示位置”下的“ 主導航 ”旁邊的框,然後單擊“ 保存”。

Adding a menu to your one page WordPress theme setup
將菜單添加到妳的壹個頁面WordPress主題設置。

單擊“ 自定義URL”並在“URL”字段中輸入在內容編輯過程中指定的所有部分的ID。點擊更新菜單,導航全部設置。

最後壹步是定制WordPress主題以匹配妳的業務。在妳的儀表板中,單擊方舟>主題選項。 在此頁面上,妳可以更改要在網站上使用的標題,自定義顏色,添加自定義字體或選擇Google字體。

Work with the WordPress theme Options panel
WordPress主題“選項”面板

請記住,妳選擇的顏色應該相互補充,但要確保使妳的顏色從頁面的其余部分突出。這將把妳的行動按鈕變成主要焦點。

如何添加額外的部分到妳的壹個網頁

如果妳需要添加更多的部件到妳的壹個頁面的網站,妳可以很容易做到這壹點,通過轉到妳的頁面,滾動到底部,點擊圖標添加壹個部分,壹行或任何其他元素。

Add sections to your one page website in your WordPress theme
在妳的WordPress主題中快速添加部件到妳的單頁網站。

妳還可以通過單擊頁面>添加新建>使用新建生成器並按照希望顯示的方式添加部分來創建全新的布局。新建布局也可以通過轉到方舟>站點地圖>默認頁面布局按鈕並單擊底部的+號來創建。 簡單地說,給妳的模板名稱,點擊保存,然後添加妳想要的部分和元素。

Adding a new page layout to your WordPress theme setup
添加壹個新的頁面布局到妳的WordPress主題設置

好了,妳的壹個單頁網站搭建完成。現在,妳已經學會了如何用WordPress主題制作壹個網頁,現在是時候開始吸引流量了。

妳的網站生效後要做些什麽

因為妳的網站是新建的,這並不意味著人們會立即知道妳的網站。第壹步是更新妳的社交媒體配置文件,並在配置文件部分添加壹個鏈接到妳的網站。

推廣妳的網站的另壹個簡單方法是在妳的名片上加上鏈接,以及妳可能擁有的任何其他方式,例如:信箋擡頭,小冊子或傳單。妳還可以在妳的電子郵件簽名中包含妳的新網站,因為電子郵件目前仍然被廣泛使用。

但是,最好的方法是定期發布新的高質量的內容。這不僅可以讓妳自己的內容分享到社交媒體上,而且還可以幫助妳吸引流量進入妳的網站,讓人們可以更多地了解妳所做的事情。

使用WordPress主題快速搭建壹個單頁網站

商業網站並不是必須包含多個頁面才能傳達有關妳的產品或服務的信息。有時,單頁網站足以激起目標受眾的興趣,並鼓勵他們與妳聯系。 利用能夠在單個頁面上呈現妳的信息,並使用我們的付費WordPress主題來為妳制作壹個新的單頁網站吧。 

Envato qr branded
关注我们的公众号
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.