成言科技行銷

手把手網站製作教學,快速學會製作網站

手把手網站製作教學,快速學會製作網站

過去要製作一個網站要學會HTML+CSS,才能製作一個簡單型網站。而今天要來網站製作教學一套非常好用的網站軟體,任何初學者只要花幾天時間就可以製作出一套網站!

在還沒有網站製作教學開始之前,我們先來看看為何需要網站製作教學的意義!  

1.   網站是最低成本效益的廣告方式。
2.   網站可呈現更多的產品及服務。
3.   可用最低成本效益的方式提供資料給顧客。
4.   利用網站獲取顧客意見。
5.   網站更容易與顧客及分銷商保持聯繫
6.   網站使您的業務快速成長,有能力快速穿透國際市場。
7.   提升公信力一個精心設計的專業網站能讓您的業務看起來專業並讓您的公司及其產品服務建立誠信度。
8.   365天 24 小時全天營業,沒有任何附加的開銷,而您的銷售潛力將以數倍的增加。

WordPress 有著美觀的設計、強大的功能,可自由用於建置任何型式的網站,並且是免費的。

可自訂設計

方便SEO設定

RWD響應式網站

隨時管理網站

高安全性

強大媒體管理

WordPress 網站製作教學,下載網站程式碼後安裝方式

  1. 如果尚未下載WordPress軟件包,請下載並解壓縮。
  2. 在您的 Web 服務器上為 WordPress 創建一個數據庫,以及一個擁有訪問和修改它的所有權限的MySQL(或 MariaDB)用戶。
  3. (可選)查找wp-config-sample.php並將其重命名為wp-config.php,然後編輯該文件(請參閱編輯 wp-config.php)並添加您的數據庫信息。
    注意:如果您對重命名文件不滿意,步驟 3 是可選的,您可以跳過它,因為安裝程序將為您創建wp-config.php文件。
  4. 將 WordPress 文件上傳到 Web 服務器上的所需位置:
    • 如果您想將 WordPress 集成到您域的根目錄(例如http://example.com/),請將解壓後的 WordPress 目錄(不包括 WordPress 目錄本身)的所有內容移動或上傳到您的 Web 服務器的根目錄中。
    • 如果您想將 WordPress 安裝在您網站上自己的子目錄中(例如http://example.com/blog/),請在您的服務器上創建博客目錄並通過 FTP 將解壓後的 WordPress 包的內容上傳到該目錄.
    • 注意:如果您的 FTP 客戶端有將文件名轉換為小寫的選項,請確保它已禁用。
  5. 通過在 Web 瀏覽器中訪問 URL 來運行 WordPress 安裝腳本。這應該是您上傳 WordPress 文件的 URL。
    • 如果您在根目錄中安裝了 WordPress,您應該訪問:http : //example.com/
    • 例如,如果您將 WordPress 安裝在其自己的名為blog的子目錄中,您應該訪問:http : //example.com/blog/

您的個人資料和個人選項

WordPress 要求您在個人資料中包含的唯一信息是您的電子郵件地址暱稱。應該注意的是,WordPress 僅需要您的電子郵件地址用於您的博客管理目的。電子郵件地址永遠不會發送到任何其他站點(甚至不會發送給 WordPress 總部的人員),也不會顯示在您的站點上(除非您手動將其放在那裡)。只有您博客的其他註冊用戶才能訪問您提供的電子郵件地址。另外,請記住每個用戶的電子郵件地址必須是唯一的。

:這是可能的一個主題,在網站上顯示你的e-mail地址(和你的其他註冊用戶的電子郵件地址),因為the_author_meta('user_email')模板標籤可以用於這種目的。但是,如果在您下載之前沒有通知您,這將是一個構思不佳的主題。默認情況下,WordPress 中包含的所有主題都不會在您網站公共端的任何位置顯示任何電子郵件地址。

此處要求提供的所有其他個人信息都是可選的,而且永遠不會將其發送給任何其他網站或個人。然而,它可能會顯示在您的網站上,具體取決於您使用的主題,因此如果您有任何偏執(並且對您的個人信息有點偏執是健康的),您應該使用您的特定主題進行測試。有關如何在您的站點上顯示此信息的信息(以及如何確保您使用的主題顯示/不顯示任何此類信息),請參閱the_author和相關模板標籤。通常,主題僅將您在顯示名稱中輸入的信息公開顯示為 字段,但是作者用戶名也經常包含在 URL(對於作者檔案)和 CSS 類中,用於針對每個作者的目標樣式。

個人選項:

  • 可視化編輯器– 選中此框在編寫 時禁用可視化編輯器,並使用純 HTML 編輯器。
  • 語法高亮– 選中此框在編輯代碼時禁用語法高亮
  • 管理配色方案– 選中管理屏幕所需配色方案旁邊的此單選按鈕。左邊兩種顏色是菜單背景顏色,右邊兩種顏色是滾動顏色。

聯繫方式:

  • 電子郵件– 所有用戶都必須在其各自的配置文件中列出電子郵件地址。每個用戶的電子郵件地址必須是唯一的。您的博客將使用此地址通知您對您的帖子的新評論和其他管理目的。重申上述內容,只有您博客的其他註冊用戶才能訪問此電子郵件地址。它永遠不會被發送到任何地方。
  • 網站– 輸入您的網站地址。

帳戶管理 :

  • 生成密碼– 您可以單擊此按鈕為帳戶生成新密碼。這將顯示一個帶有生成密碼的新字段。如果您選擇更改此密碼,則會出現一個複選框以確認您要使用弱密碼。您可以選中此框以確認您要使用自己的密碼而不是安全密碼。
  • 強度指示器這表明您輸入的密碼是非常弱、弱、中等還是強(以綠色顯示)。密碼越強,您的登錄就越安全。提示:密碼長度至少應為七個字符。為了使它更強大,請使用大寫和小寫字母、數字和符號,如!”?$%^&)
  • 在其他地方退出– 您可以單擊此按鈕退​​出其他設備,例如您的手機或公共計算機。

外觀自定義畫面#

如果您從Administration Screens 中選擇 Appearance -> Customize 菜單,將啟動 Theme Customizer。定制器允許您在發布之前預覽對站點的更改。如果您直接修改主題文件並更新它們,那麼您的修改可能會丟失。通過使用定制器,您將確保保留您的修改。

注意:定制器僅在活動主題支持定制功能時才可用。此外,對於啟用和構建它的每個主題,此屏幕可能會有所不同。例如,WordPress 26 主題定制器 提供了更改顏色和選擇背景圖像的選項。

  • 徽標 – 站點徽標圖像,例如公司符號
    單擊選擇徽標以打開媒體庫。從中選擇一個圖像或從“上傳文件”選項卡屏幕上傳新圖像,然後單擊右下角的“選擇徽標”按鈕。
    單擊刪除或更改徽標以刪除或更改站點徽標圖像。
  • 站點標題 –站點標題的文本框
  • 標語 –標語行的文本框
  • 顯示站點標題和標語 – 啟用或隱藏標題和標語行顯示的複選框
  • 站點圖標 – 站點圖標用作您站點的瀏覽器和應用程序圖標。圖標必須是方形的,寬和高至少為 512 像素。
    單擊選擇圖像以打開媒體庫。從中選擇一個圖像或從上傳文件選項卡屏幕上傳新圖像,然後單擊右下角的選擇按鈕。

選擇一個可選的背景圖像來代替上面顏色中指定的純色。

  • 選擇圖像 – 單擊此按鈕將打開“選擇圖像”對話框。您可以選擇媒體庫中已有的圖像 ,或在上傳文件選項卡屏幕中從本地計算機上傳圖像文件。選擇圖像並單擊“選擇圖像”按鈕。定制器將使用更新的背景預覽您的網站。

添加背景圖像後,您將獲得更多選項:

  • 刪除 – 上傳圖像後,如果不再需要該圖像,請使用此按鈕刪除該圖像。您將無法恢復任何自定義設置。
  • 更改圖像 – 單擊此按鈕可更改背景圖像。
  • 背景重複 – 檢查單選按鈕以確定圖像是否重複。選項包括不重複、平鋪、水平平鋪或垂直平鋪。
  • 背景位置 – 選中適當的單選按鈕以允許將圖像定位在左、中或右
  • 背景附件 – 滾動背景或顯示為固定的單選按鈕。

小部件#

主題通常至少有 1 或 2 個側邊欄。側邊欄是博客文章左側或右側的窄欄。側欄中的每個部分都稱為“小部件”,您可以添加或刪除它,也可以向上或向下移動。

您可以通過此小部件菜單在側邊欄中配置小部件。雖然您可以通過管理>自定小部件 菜單配置小 部件,但您可以在此定制器的實時預覽中看到您的更改。

配置您的小部件

  1. 單擊 主題定制器中的 小部件菜單以訪問小部件定制屏幕。
  2. 單擊 Widget Area的 向下箭頭可列出已註冊的 Widget。
  3. 單擊邊欄底部的添加小部件按鈕。它顯示可用小部件的列表。
  4. 單擊要添加的小部件。小部件應添加在側邊欄中。
  5. 預覽您的站點,您應該會看到來自新 Widget 的內容。
  6. 要在側邊欄中排列小部件,請按所需順序拖放小部件,或單擊重新排序鏈接並單擊每個小部件的向上箭頭和向下箭頭,然後在排列操作後單擊完成。
  7. 要自定義 Widget 功能,請單擊 右側的 向下箭頭以展開 Widget 的界面。
  8. 要刪除小部件,請 在上述步驟中從小部件的界面中單擊“ 刪除”

每個小部件的描述

以下是對各種類型的小部件及其配置選項的描述:檔案 – 顯示每個月有帖子的檔案鏈接。

  • 標題 — 出現在存檔鏈接列表上的描述。
  • 顯示為下拉菜單 — 如果選中此框,則會在下拉框中顯示存檔。
  • 顯示帖子計數 – 如果選中,此框會計算每個存檔期間的帖子數量。

日曆 – 顯示當月的日曆。如果當天有帖子,則日期會顯示鏈接。

  • 標題 — 出現在日曆上的描述

類別 – 顯示帖子類別列表作為這些帖子的鏈接。

  • 標題 — 出現在類別列表上的描述。
  • 顯示為下拉列表 — 如果選中此框,則會在下拉框中顯示類別。
  • 顯示帖子計數 – 如果選中,此框會顯示每個類別的帖子數量計數。
  • 顯示層次結構 — 如果選中,則以縮進的方式顯示父/子關係。

自定義菜單 – 顯示自定義菜單。

  • 標題 — 出現在菜單上的描述
  • 選擇菜單 — 選擇所需的創建菜單

 – 顯示元功能的鏈接,例如註冊、站點管理、登錄/退出、條目 RSS、評論 RSS 和 WordPress.org。

  • 標題 – 出現在元鏈接列表上的描述。

頁面 – 顯示每個頁面的鏈接 。

  • 標題 — 出現在頁面列表上的描述。
  • 排序方式 — 選擇頁面列表的排序順序。從下拉框中選擇頁面標題、頁面順序或頁面 ID
  • 排除(頁面 ID,以逗號分隔)— 輸入要排除的頁面 ID,用逗號分隔每個頁面 ID

最近的評論 – 顯示博客最近批准的評論列表。

  • 標題 — 出現在最近評論列表上的描述。
  • 要顯示的評論數:(最多 15 個);輸入要顯示的評論數量。

最近的帖子 – 顯示博客最近的帖子列表。

  • 標題 – 顯示在最近帖子列表上的描述。
  • 要顯示的帖子數:(最多 15 個)— 輸入要顯示的帖子數。
  • 顯示發布日期?— 選中此項以顯示帖子的發布日期。

RSS  – 顯示 RSS 提要。此小部件的多個實例可以添加到“當前小部件”列表中。 使用 RSS 小部件 列出了幾個要與此小部件一起使用的提要。

  • 在此處輸入 RSS 源 URL — 輸入完整的源 URL,例如 https://wordpress.org/development/feed/
  • 給提要一個標題(可選)——輸入出現在提要項目列表上的描述
  • 您想展示多少件商品?— 輸入要顯示的提要中的項目數。
  • 顯示項目內容?— 選中此項以顯示提要的內容
  • 如果可用,顯示項目作者?— 選中此項以顯示此特定項目內容的作者
  • 顯示項目日期?— 選中此項以顯示該項目的發布日期

搜索 – 顯示搜索框以輸入文本以搜索您的博客。還提供了一個提交按鈕。

  • 標題 — 出現在搜索框上方的描述。

標籤雲 -博客的前45名使用顯示列表 標籤 在標籤雲。

  • 標題 — 出現在標籤雲上的描述。
  • 分類法 — 選擇所需的註冊分類法(例如標籤、類別)。

文本 – 用於輸入 HTML、JavaScript 或純文本。此小部件的多個實例可以添加到“當前小部件”列表中。 使用文本小部件 詳細介紹了文本小部件的許多可能用途。

  • 標題區域——文本小部件的描述
  • 文本區域 — 使用此區域輸入文本、有效的 HTML 甚至有效的 JavaScript。
  • 自動添加段落 — 選中此項以自動添加段落以將每個文本塊包裝在 HTML 段落標記中(推薦用於文本)。

網站製作教學到此為止,您因該可以製作出一個網站了!

如有問題歡迎洽詢 成言科技行銷

網站製作教學