. 做網站準備

購買域名

域名使用的是二級域名：blog.zmrw.net（在瀏覽器可以提前預覽網站制作后效果）

購買服務器

服務器使用A2 Hosting

購買Wordpress 主題

主題使用的是 Porto 主題

二. 開始建站

1. 將域名添加至 Cloudflare

2. 將域名添加到 A2 Hosting

3. 給域名安裝 Wordpress環境

訪問域名，出現以下頁面則說明安裝成功

4. Wordpress 基本設置

后臺登陸鏈接：https://blog.zmrw.net/wp-login.php

輸入賬戶密碼進行登錄。

修改網站語言和時區

修改日期顯示格式

修改固定鏈接

下載 Porto Wordpress 主題

從 themeforest 下載購買好的Porto 主題

如何購買請參考如下鏈接：https://zmrw.net/porto-wordpress-zhu-ti-jie-shao/

安裝 Porto Wordpress 主題

選擇 外觀 〉主題，

上傳主題，

啟用主題

Porto Wordpress 主題基礎向導設置

填寫激活碼

檢查系統狀況是否滿足

設置子主題

確認使用子主題

安裝插件

主要安裝兩個插件： Elementor，Contact Form 7

PS：如果 Porto Functionality插件安裝失敗，可以從下載包中上傳安裝

安裝Porto Functionality

啟用插件

選擇演示內容安裝

我這邊準備使用 Business Consulting 5 來進行網站部署

顯示還需要安裝Alpus插件（在下載的壓縮包中包含此插件）

安裝Alpus 插件

啟用插件

安裝Business Consulting 5 演示內容

顯示此信息說明演示內容安裝成功

訪問 blog.zmrw.net 即可查看演示網站

至此，Porto Wordpress 主題基礎向導設置完成，下面就是該進行頁面裝修及個性化設置。

三. 博客裝修

修改Logo

修改Logo適當大小

修改菜單

根據自己需求進行菜單設置

修改電話

修改留言按鈕

調整后整體樣式

修改底部

鼠標放在底部，點擊 Edit footer

點擊對應內容修改信息，最終結果如下

優化首頁

根據需求修改成自己信息

修改表格，通過顯示信息，我們知道該表格使用的是 contact form7 的 Intro contact

編輯 Tntro contact

給表格修改成中文以及增加您的網站需求

[text* text-724 placeholder class:w-100 "您的姓名 *"][text* text-540 placeholder class:w-100 class:mt-3 "您的聯系方式 *"][text text-540 placeholder class:w-100 class:mt-3 "您的網站"][submit class:btn-br-4 class:w-100 class:mt-3 "現在預約"]

再刷新首頁表格已經更新

依次修改兩個移動端顯示樣式

安裝要求調整業務需求

如果覺得欄目比較少可以在復制兩個

修改合作伙伴欄目，客戶評價

按照此思路，優化服務流程頁面

修改我的榮譽

優化call to action

優化博客欄目

優化留言欄目

至此，網站首頁安裝完畢

優化關于我們

進入頁面我們發現顯示的是英文，需要在頁面中修改成中文

進入頁面列表，點擊快速編輯

只需要修改標題，點擊更新

按照此方法依次修改 博客中心，聯系我們，首頁，服務中心，合作案例

再次刷新關于我們頁面，英文已變成中文

按照修改首頁方法，依次修改各部分欄目，改成符合自己的文案

唯一與首頁有區別的是底部有一個FAQ頁面，FAQ 頁面默認是調取全部FAQ, 我們也可以通過 FAQ IDs 來控制顯示的faq, 以及調整FAQ 的順序。

下面來修改FAQ內容

修改標題與描述

依次修改其它FAQ

我們也可以增加FAQ, 以及給FAQ 設置分類

再次刷新關于我們頁面， FAQ 已經更新

至此，關于我們制作完成

優化服務中心

服務中心主要是一個固定導航，這里需要注意一些細節

首先完成固定導航 中文設置，假設我們服務有網站制作，網站SEO，Google 競價，社媒營銷

這里一定要記得你設置的 Link ：#web-marketing，這相當于定位符，用來直接定位到對應的 Section, 如第一個板塊 css id 就是 web-marketing

依次修改對應的內容

至此 服務中心 制作完成

優化聯系我們

聯系我們同首頁，服務中心頁面一樣，修改需要展示的信息即可

聯系我們需要修改部分較少，也比較簡單

至此，聯系我們頁面制作完成

優化博客頁面

在優化博客頁面，我們發現并沒有像之前頁面一樣，使用Elementor 編輯

博客頁面與其它頁面不同，它是由主題進行控制的

我們觀察目前博客頁面是沒有側邊欄的

我們只需要修改成帶側邊欄的博客列表選項即可

修改后展示結果如下

同理文章詳情頁也是這樣設置

如果想要修改文章列表展示樣式，就需要查看模板構建器是哪里控制我們的博客樣式

點擊后發現，一個是博客 一個是故事

我們這次修改的是

點擊后即可進行修改

通過 Elementor 我們控制 每個博客展示的樣式

每個頁面展示的個數

顯示多少列

根據自己需求進行調整

至此，博客列表頁以及詳情頁設置完畢

優化合作案例

直接點擊，不出意外會出現報錯

原因是這個頁面也是由主題進行控制的,需要參照博客頁面修改，在模板構建器找到對應的模塊進行修改 Archive Story

控制 Archive Story 樣式由 Story Type 控制

修改 Story Type 即可控制樣式展示

至此，合作案例優化完成

學習建議

Elementor 設置

我們需要對Elementor 進行設置，使它允許修改我們的博客頁面，因為我們使用的是 Porto 主題，因此也禁用了 Elementor 自帶樣式

更新網站原有布局

新手開始做網站不滿意原始布局，建議剛開始接觸wordpress 建站的同學開始完全模仿原有模板進行建站，后期熟悉后在進行升級

發布文章

在網站上線后，最主要的就是文章的發布，這個將是我們流量的主要來源，也是以后工作的重中之重。

至此 使用Wordpress 從0-1 制作一個博客網站 教程到此結束。希望想要學習建站的同學都能有所收獲。

如果您覺得文章不錯，給一個關注 + 點贊 + 收藏吧

之后也會更新使用Wordpress 從0-1 制作一個B2B網站

使用Wordpress 從0-1 制作一個在線獨立站

始?

今天先來一起簡單的本地搭建網站。在接下來的幾天，小編會根據自己的能力來教大家！

如果文章中有問題，還請大神多多評論！

小編一定會努力更改的！

正文

這是一篇本地搭建的網站?。ㄓ信d趣的小伙伴可以嘗試一下哈）

第一步下載phpstudy

編輯搜圖

請點擊輸入圖片描述

第二步，直接安裝即可

第三步 打開軟件點擊啟動

第四步 下載wordpress源碼 解壓至網站根目錄即可

第五步 訪問127.0.0.1/目錄名

第六步，按照步驟進行安裝

在這一步會用到數據庫，需要在phpstudy中簡單配置

填寫安裝之后

第七步 查看

到這里一個簡單的本地博客就搭建好了！

外觀雖然看起來不好看，但是里面有許許多多的模板，大家可以自行研究一下哈！

結尾

今天的小博客就搭建到這里！

每天都會更新不同的知識哦！

本文由奮斗小澤原創，歡迎關注，帶你一起長知識！

?

是愛喝啤酒的友，點擊右上方“關注”，每天為你分享開源作品與互聯網垂直領域干貨。

不知不覺已經從事互聯網開發3年多了，上學那會沒錢又迫切想搭建個網站于是在搭建自己的網站的時候踩了不少坑。

下面是我整理的比較經濟門檻不高的搭建自己博客或者企業官網的方式

前期準備

?購買一個支持PHP的Linux虛擬主機?購買一個域名

這些可以根據你的需求購買，也不貴。

WordPress

WordPress是開源的，能讓您輕松創建美麗網站、博客和應用的開源軟件。

為什么要推薦這個？因為WordPress的生態是非常完善的，擁有眾多的主題和插件開發者，可以找到非常多的免費開源的主題和插件。

wordpress-theme-puock

Sakura

Kratos

ZBlog

Z-BlogPHP是一款強大的博客式建站系統和CMS程序,Z-BlogPHP支持PHP 5.2 - 7.4、8.0 - 8.1，可運行在市面上所有的操作系統和WEB服務器之上?？梢詫⑵渥鳛槠胀ú┛统绦?，更可以將其視為一套CMS。它有著強大的可定制性，同時更有豐富的第三方應用，一定能滿足您的需求。極具可玩性的、樂高積木式的網站程序!

ZBlog也是我比較喜歡的建站系統，官方也有很多免費的主題提供使用，安裝好就可以選擇你喜歡的主題了。

當然還有很多不錯的搭建個人博客的程序，像Emlog、Typecho都是不錯的小巧簡約。

覺得內容對你你有幫助，記得順手點個贊點贊永遠是我持續寫作的動力，謝謝你。