你一直想創建一個自己網站?最詳細瞭解編程和學習設計。建議收藏

你一直想創建一個網站,但不知道如何?或許你一直認為這太難了?那需要了解編程和學習設計嗎

然後,這個分步教程適合您。它顯示了一種快速而簡單的方法來創建一個網站,而無需學習HTML / CSS編碼,或閱讀冗長乏味的教程。

1所需專業水平:初學者

你一直想創建一個自己網站?最詳細瞭解編程和學習設計。建議收藏

2設置網站所需的時間:20-30分鐘

3你會得到什麼:完整的網站,你自己的域名

在本文中,我將向您展示大多數Web開發人員如何構建他們的站點以及如何避免昂貴的網站構建者,這些構建者通常對於較大的站點而言太有限。

我也幫你避免我在開始時犯的一些錯誤。

PS如果您在使用本文時遇到困難(我不懷疑),請不要猶豫與我聯繫 - 我會幫助解決這個問題。

準備今天推出您的網站了嗎?讓我們開始吧…

你一直想創建一個自己網站?最詳細瞭解編程和學習設計。建議收藏

在開始之前,請閱讀:

市場上有數百種不同的網站建設平臺和網站建設者。

WordPress,Wix,Joomla,Drupal ......僅舉幾例。

您也可以從頭開始編碼您的網站,但我不推薦它主要有兩個原因:

它只需要太多時間(嚴重)

你的最終結果將是平庸的......

但是你應該選擇哪一個?

讓我們來看看BuiltWith最近的這些統計數據。

人們如何在2019年建立網站

你一直想創建一個自己網站?最詳細瞭解編程和學習設計。建議收藏

從上圖中可以看出,在2019年,最受歡迎的網站構建者(或內容管理系統)是:

WordPress(免費)52%

Wix(已付款)7%

Joomla(免費)4%

Progress Sitefinity(免費)4%

SquareSpace(已付費)4%

Weebly(已付)2%

這就是為什麼大多數人使用WordPress建立一個網站

與網站建設者不同,它完全免費。

WordPress是我曾經使用過的最簡單的平臺,但它足夠靈活,適合所有人 - 小型企業網站,在線商店,大型組織等......

但更重要的是:

你一直想創建一個自己網站?最詳細瞭解編程和學習設計。建議收藏

WordPress與HTML和CSS:從頭開始學習HTML需要6個月以上,更不用說CSS和PHP了。掌握HTML的基本知識可以幫助您更快地評估事物,但如果您想在一兩天內創建一個網站,學習HTML不是一個可行的選擇。

WordPress與網站建設者:網站建設者很昂貴,而且往往非常有限。它們適用於單頁網站,但不是更多。

WordPress與Joomla / Drupal:WordPress更加用戶友好

如果你想了解更多細節,我會在WordPress,Joomla和Drupal之間進行綜合比較。

如果由於某種原因您不想使用WordPress構建您的網站,請查看我的Drupal,Joomla和HTML5指南。它們都是免費使用的。

但對於初學者,我強烈建議堅持使用WordPress

PS請勿立即選擇您的平臺。大多數網絡託管服務為WordPress,Joomla和Drupal提供一鍵安裝。您可以稍後決定,無需下載/安裝任何內容。

步驟1獲取Web主機並註冊域名

創建網站的第1步要設置WordPress(或任何其他類型的網站),您將需要兩件事:

域名(像YourSiteName.com這樣的網址)

網頁寄存(將您的網站連接到互聯網的服務)

你一直想創建一個自己網站?最詳細瞭解編程和學習設計。建議收藏

為了存儲您的圖像,內容和網站文件,您將需要一個虛擬主機。沒有網絡託管,您的網站將無法在互聯網上顯示。

擁有自己的域名看起來比將您的網站放在其他人的域名(比如yourbusiness.my-free-website.com)更專業,而且它也非常實惠。大多數託管服務提供商提供免費域名一年(通常約15美元/年)。

簡而言之 - 沒有網站託管和域名,您的網站將不存在。

我在哪裡註冊域名並獲得虛擬主機?

完全披露:WebsiteSetup的正常運行和最新狀態。

我主要使用 Bluehost作為網站託管和域名註冊商。

他們也是市場上最受歡迎的託管服務提供商之一,因此他們絕對是完善的,足以託管您的網站。

雖然他們的大部分服務器都位於美國,但他們可以處理來自世界各地的大量流量。它可能比你當地的主機便宜。作為一個住在歐洲的人,我仍然喜歡使用它們。

已經有域名和託管?繼續前進到第2步,我將解釋如何設置您的網站。

以下是如何註冊網站託管服務提供商(如果您還沒有註冊域名,請註冊域名)。

1. 訪問www.Bluehost.com (或任何其他Web主機)

請記住:由於我自己使用Bluehost,我已經為WebsiteSetup.org。使用此鏈接激活它。

你一直想創建一個自己網站?最詳細瞭解編程和學習設計。建議收藏

2.選擇您的網站託管計劃

點擊“立即開始 ”後,您將進入一個頁面,選擇您選擇的主機方案。

基本

選擇加

如果您有預算,可以使用他們的“基本”計劃。這對於流量較低或沒有流量的小型網站來說非常適合。

但是,如果您想擴展或期望更多流量到您的網站,我建議您選擇他們的“選擇加”計劃。這真的是無限的。

無論您選擇哪種方式,都可以根據需要升級或降級。

你一直想創建一個自己網站?最詳細瞭解編程和學習設計。建議收藏

3.選擇域名

如果您還沒有域名,這裡有一個簡單的起點:

如果您為自己的公司創建網站,則您的域名應與您的公司名稱相匹配。例如: YourCompanyName.com

如果您打算為自己建立一個網站,那麼 YourName.com 可能是一個很好的選擇。

對於本網站(網站設置),我選擇了WebsiteSetup.org,因為當時正在使用WebsiteSetup.com。

你一直想創建一個自己網站?最詳細瞭解編程和學習設計。建議收藏

域名通常以.com,.org或.net結尾,但在最近幾個月,大量的域名擴展(網址的末尾部分,如.com)已經出現,從.agency到.pizza 。

我最好的建議? 避免使用奇怪的擴展並使用.com,.net或.org, 除非它們完美地描述了您提供的內容 - 即便如此,看看您是否能找到更常見的名稱。

如果您已經擁有域名,只需輸入該域名,然後單擊“我有一個域名”表單中的“下一步”。

如果您尚未準備好立即 選擇域名 ,則可以在以後的網站設置中執行此操作。

4.填寫您的帳戶詳細信息

要創建帳戶,只需在“創建帳戶”頁面上輸入您的個人信息即可。

您需要添加您的名字,姓氏,國家/地區,街道地址,城市,郵政編碼,電話號碼和電子郵件地址。您的收據將發送到您在此處輸入的電子郵件地址。

您也可以選擇在此表單中添加您的商家名稱。

你一直想創建一個自己網站?最詳細瞭解編程和學習設計。建議收藏

輸入您的付款信息以繼續。

5.檢查“包裝信息”並完成註冊

註冊Bluehost帳戶的下一步是選擇您的計劃和包。

這些是您在帳戶創建完成之前完成的最後一步,因此您幾乎就在那裡......

只需選擇您的網絡託管註冊的長度,你就可以了。

你一直想創建一個自己網站?最詳細瞭解編程和學習設計。建議收藏

如果您選擇了“Choice Plus”計劃,則您已經擁有域名隱私和Codeguard基本版。否則,我建議獲得域名隱私保護。

這可以使您的註冊信息完全隱藏在公眾面前。沒有人可以發現您是您所在域的所有者。

6.創建密碼並登錄Bluehost

付款和註冊後,您就可以創建密碼了:

你一直想創建一個自己網站?最詳細瞭解編程和學習設計。建議收藏

第2步設置您的網站第2步 - 設置您的網站

一旦您購買了域名並設置了託管服務,您就可以順利完成了!

現在是時候讓您的網站啟動並運行。您需要做的第一件事是將WordPress安裝到您的域中。

安裝WordPress

你一直想創建一個自己網站?最詳細瞭解編程和學習設計。建議收藏

安裝WordPress有兩種可能的方法,一種比另一種更容易

1.要使用WordPress(或Joomla和Drupal)創建網站,請使用“一鍵安裝”:

幾乎所有可靠且完善的託管公司都為WordPress集成了一鍵安裝功能,這使得快速上手。

如果您使用Bluehost 或任何其他類似的託管公司註冊,您應該在帳戶控制面板中找到“一鍵安裝”。

以下是您應遵循的步驟(在所有主要的網絡託管公司中應該類似/相同):

1.登錄您的託管(Bluehost)帳戶。

2.轉到您的控制面板。

3.尋找“WordPress”或“網站”圖標。

4.選擇要安裝新網站的域。

5.單擊“立即安裝”按鈕,您將可以訪問新的WordPress網站。

你一直想創建一個自己網站?最詳細瞭解編程和學習設計。建議收藏

2. ...或手動安裝(對於那些不使用Bluehost或任何類似主機的人)

如果由於某些奇怪的原因(某些託管公司不為WordPress提供一鍵安裝)您沒有自動安裝WordPress的選項,請查看下面的手冊指南:

手動安裝WordPress

Pssst - 如果他們沒有單擊安裝,也許你正在處理一個糟糕的主機!

第3步設計您的網站

你一直想創建一個自己網站?最詳細瞭解編程和學習設計。建議收藏

成功將WordPress安裝到您的域後,您將看到一個非常基本但乾淨的站點。

但你不想看起來像其他人一樣,是嗎?

這就是為什麼你需要一個主題 - 一個告訴WordPress你的網站應該如何看的設計模板。查看可以安裝的免費WordPress主題示例:

你一直想創建一個自己網站?最詳細瞭解編程和學習設計。建議收藏

這是它變得有趣的地方:

有超過1500多個精彩,專業設計的主題,您可以選擇和自定義您自己的坐。

大多數WordPress主題都是免費使用和高度可定製的。

這是如何找到你喜歡的主題

1.登錄您的WordPress儀表板

如果您不確定如何,請輸入:https://yoursite.com/wp-admin(將“yoursite”替換為您的域名)。

這就是WordPress儀表板的樣子:

你一直想創建一個自己網站?最詳細瞭解編程和學習設計。建議收藏

一切都很容易貼上標籤。如果你感覺有點不知所措,不要出汗 - 我會告訴你下一步去哪兒。

2.訪問免費主題

一旦進入儀表板,您就可以訪問超過1500個免費主題!只需在側欄中搜索“外觀”,然後單擊“主題”。

我甚至編制了27個最流行的WordPress主題列表。

如果你想要比你在這裡找到更專業或更優雅的東西,你可以前往 ThemeForest.net,那裡有一個可以不同成本挑選的大型主題庫。

但在你這樣做之前,我真的建議你至少嘗試花一些時間瀏覽免費主題。他們中的許多人實際上非常專業,製作精良; 所以不要把它們寫下來

你一直想創建一個自己網站?最詳細瞭解編程和學習設計。建議收藏

如您所見,為您的網站安裝新主題非常簡單。

您可以搜索特定關鍵字和/或使用過濾器來查找適合您風格的主題。找到完美的主題可能需要一段時間,但這是值得的。

您還應該尋找“響應”的主題,因為這意味著它們在任何移動設備上都會很好看。

只需將其作為您的關鍵字之一加入,您就會全力以赴!

3.安裝新主題

找到喜歡的主題後,安裝它就像單擊“安裝”,然後單擊“激活”一樣簡單。。

你一直想創建一個自己網站?最詳細瞭解編程和學習設計。建議收藏

重要提示:更改主題不會刪除以前的帖子,頁面和內容。您可以根據需要隨時更改主題,而無需擔心丟失已創建的內容。

第4步將內容添加到您的網站

安裝主題後,您就可以開始創建內容了。讓我們快速瀏覽一些基礎知識:

想要一個“服務”頁面,或“關於我”頁面(就像我在網站頂部的菜單上一樣)?

1.在WordPress儀表板的側邊欄中查找“Pages” - >“Add New”。

2.你會發現一個看起來很像你在Microsoft Word中看到的屏幕。添加文本,圖像等以構建您想要的頁面,然後在完成後保存。

你一直想創建一個自己網站?最詳細瞭解編程和學習設計。建議收藏

將頁面添加到菜單中

如果您希望將新頁面鏈接到導航欄,

1.單擊“更新”,保存對頁面所做的任何更改

2.單擊WordPress儀表板側欄中的“外觀” - >“菜單”

3.找到您創建的頁面,然後單擊旁邊的複選框,然後單擊“添加到菜單”,將其添加到列表中。

你一直想創建一個自己網站?最詳細瞭解編程和學習設計。建議收藏

如果您的網站上有博客,“帖子”將轉到下一個。您可以使用不同的類別對相似的帖子進行分組

WordPress類別如果要在網站上添加博客,可以使用不同的類別和帖子。假設您要創建名為“Blog”的類別。只需將其添加到您的菜單並開始發帖。

這是你需要做的:

一個。轉到“帖子 - >類別”創建新類別

要麼

灣 通過轉到“帖子 - >添加新”來創建博客文章。完成博客文章的編寫後,您需要為其添加正確的類別。

一旦您創建了類別,只需將其添加到菜單中,即可開展業務!

定製和無盡的調整......

在本節中,我將介紹一些我一直被問到的基本問題,可以幫助您調整網站。

更改標題和標語

頁面標題向搜索者解釋了您的網站的內容。它們也是搜索引擎如何確定排名的重要組成部分。你想確定他們有你想要定位的關鍵詞(但以自然的方式,為真人寫的)。

您應該在網站的每個頁面上使用唯一標題。例如,我的網站的標題是“如何建立網站”。

(找不到它?只需將鼠標懸停在網絡瀏覽器頂部的標籤上)。

標語在每個頁面的標題末尾添加。我網站的標語是“循序漸進指南”

要更改網站上的標題和標語,請轉到“設置 - >常規”並填寫下面的表單:

你一直想創建一個自己網站?最詳細瞭解編程和學習設計。建議收藏

禁用帖子和頁面的評論

一些網站(主要是商業/組織網站)不希望他們的訪問者能夠對他們的網頁發表評論。

以下是關閉WordPress頁面註釋的方法:

1.在編寫新頁面時,單擊右上角的“屏幕選項”。

2.單擊“討論”框。“允許評論”框將顯示在底部。

3.解開“允許評論”。

是否要默認禁用每個新頁面上的評論?

1.轉到“設置 - >討論”並取消選中“允許其他人發表對新文章的評論”

設置靜態首頁

你一直想創建一個自己網站?最詳細瞭解編程和學習設計。建議收藏


有些人聯繫我說他們的主頁看起來像博客文章感到沮喪。你可以通過讓你的主頁“靜態”來解決這個問題。

靜態頁面是不會更改的頁面。與博客不同,第一篇新文章每次都會顯示在頂部,每當有人訪問網站時,“靜態”頁面都會顯示相同的內容 - 就像您設計的主頁一樣。

要設置靜態首頁:

1.轉到“設置 - >閱讀”

2.選擇您已創建的靜態頁面。“Front Page”表示您的主頁。“帖子頁面”是您博客的首頁(如果您的整個網站不是博客)。

你一直想創建一個自己網站?最詳細瞭解編程和學習設計。建議收藏

如果您不自行選擇靜態頁面,WordPress將收集您的最新帖子並開始在您的主頁上顯示。

大多數WordPress主題在右側有一個側邊欄(在某些情況下,它在左側)。

如果你想擺脫側邊欄或編輯你不需要的項目,如“類別”,“元素”和“檔案”,這通常是沒有意義的,這裡是如何:

1.轉到WordPress儀表板中的“外觀 - >窗口小部件”。

2.在此處,您可以使用拖放操作向側邊欄添加不同的“框”,或刪除不需要的項目。

還有一個“HTML框” - 一個可以使用HTML代碼的文本框。對於初學者,不要擔心這一點 - 只需將您想要的元素拖放到側邊欄中即可。

安裝插件以獲取更多WordPress

什麼是插件?

“插件”是為擴展WordPress功能而構建的擴展,為您的網站添加了內置功能和功能。

它們是讓您的網站做您想做的事情的捷徑,而無需從頭開始構建功能。

您可以使用插件執行所有操作,從添加照片庫和提交表單到優化您的網站和創建在線商店。

如何安裝新插件?

要開始安裝插件,請轉到“插件 - >添加新”,然後開始搜索。

請記住,有超過25,000個不同的插件,所以你有很多可供選擇!

安裝很簡單 - 一旦找到喜歡的插件,只需點擊“安裝”即可。

但是 - 在你安裝每一個之前,我建議你閱讀這篇文章: 關於使用WP插件你需要知道的事情。

為了節省您的時間,我已經整理了網站管理員認為最有用的最受歡迎的插件列表:

WordPress的#2 Yoast SEO:如果你想讓你的WordPress網站更加SEO友好,這個插件是必須的。它是免費的,而且很棒。您將能夠從頁面內部編輯標題標籤,元描述等等 - 不再需要使用WordPress設置。

#3 Google Analytics:有興趣跟蹤訪問者/流量及其行為嗎?只需安裝插件,將其與您的Google帳戶相關聯即可開始使用。

當然,這只是冰山一角!這是我推薦的插件列表。

恭喜 - 您已準備好發佈!

要快速總結您所學到的步驟:

你一直想創建一個自己網站?最詳細瞭解編程和學習設計。建議收藏

最後但同樣重要的是 - 不斷改進您的網站!

正如我之前提到的,WordPress是高度可定製的。如果您想真正掌握 WordPress,請查看以下這些綜合指南。

我建議從第一個(初學者指南)開始,然後根據需要檢查其餘部分:


分享到:


相關文章: