使用 Wordpress 從 0 到 1 製作部落格網站

Mondo 科技 更新 2024-01-19

網域名稱使用二級網域名稱:blogzmrw.net(在瀏覽器中,可以提前預覽**製作後的效果)。

伺服器使用 A2 Hosting

該主題使用波爾圖主題。

訪問網域名稱,出現如下頁面,表示安裝成功。

後台登入鏈結:

輸入您的帳戶密碼進行登入。

修改語言和時區

修改日期顯示格式

修改永久鏈結

從 ThemeForest 購買好的波爾圖主題。

請參考以下鏈結了解如何購買:

選擇“外觀”主題

上傳主題,

啟用主題。

填寫啟用碼

檢查系統狀態是否滿足

設定子主題背景

確認您使用的是副主題

安裝外掛程式

安裝了兩個主要外掛程式:elementor、contact form 7

ps:如果 porto 功能外掛程式的安裝失敗,您可以從 ** 包上傳安裝。

安裝波爾圖功能

啟用外掛程式

選擇演示內容安裝

我將使用 Business Consulting 5 進行 ** 部署。

顯示器還需要安裝 alpus 外掛程式(包含在 **.

安裝 alpus 外掛程式

啟用外掛程式

安裝 Business Consulting 5 演示

顯示此資訊表示演示內容已成功安裝。

訪問部落格zmrw..net 檢視演示**。

至此,波爾圖WordPress主題基本嚮導已設定完畢,下一步就是對頁面進行裝飾和個性化。

修改徽標的適當大小

根據您的需要設定選單。

修改**。 修改訊息按鈕。

調整了整體風格。

將滑鼠懸停在底部,然後點選編輯頁尾

點選相應內容修改資訊,最終結果如下。

根據需要修改您自己的資訊。

修改**,通過顯示資訊,我們知道**正在使用Contact Form7的介紹聯絡人

編輯 TNTRO 聯絡人

將**修改為中文,增加您的**需求。

[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 "立即預約"]
再次重新整理主頁**已更新。

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

安裝要求與業務需求保持一致。

如果您覺得列相對較小,可以複製兩個。

修改合作夥伴列、客戶評論。

考慮到這一點,優化服務流程頁面。

修改我的榮譽。

優化的號召性用語

優化您的部落格專欄。

優化訊息欄目。

此時,主頁已安裝。

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

轉到頁面列表,然後單擊快速編輯。

只需編輯標題,然後單擊更新即可。

按照這個方法修改部落格中心,聯絡我們,主頁,服務中心,合作案例。

再次重新整理“關於我們”頁面,英文已更改為中文。

根據修改首頁的方法,依次修改各部分的欄目,修改以符合自己的文案。

唯一與首頁不同的是,底部有乙個FAQ頁面,FAQ頁面預設檢索所有FAQ,我們也可以通過FAQ IDS控制顯示的FAQ,調整FAQ的順序。

讓我們修改下面的常見問題解答內容。

修改標題和描述。

依次修改其他常見問題

我們還可以新增常見問題解答並為常見問題解答設定類別。

再次重新整理“關於我們”頁面,常見問題解答已更新。

至此,我們已經完成了製作。

服務中心主要是固定導航,這裡有一些細節需要注意。

首先,完成固定導航中文設定,假設我們的服務有**製作、**SEO、谷歌競價、社交媒體營銷。

這裡一定要記得設定鏈結:web-marketing,相當於乙個定位器,用來直接定位對應的版塊,比如第一版CSS ID就是網路營銷

依次修改相應內容。

至此,服務中心完成。

聯絡我們,就像首頁、服務中心頁面一樣,可以修改需要展示的資訊。

聯絡我們,需要修改的零件較少,而且相對簡單。

至此,“聯絡我們”頁面已完成。

在優化部落格頁面時,我們發現它沒有像上一頁那樣用 Elementor 進行編輯。

部落格頁面與其他頁面的不同之處在於它由主題控制。

我們觀察到部落格頁面上目前沒有側邊欄。

我們只需要將其修改為帶有側邊欄的部落格列表選項。

修改後的顯示結果如下表所示。

同樣,文章詳細資訊頁面的設定方式如下。

如果你想修改帖子列表顯示的樣式,你需要看到模板構建器正在控制我們的部落格風格。

點選後,我發現乙個是部落格,乙個是故事。

我們這次要修改的是:

單擊以編輯它。

使用 Elementor,我們可以控制每個部落格顯示的樣式。

每頁的展示次數。

顯示的列數。

適應您的需求。

至此,部落格列表頁和詳情頁已設定完畢。

直接點選,不小心就會出錯。

原因是這個頁面也是由主題控制的,需要參考部落格頁面進行修改,在模板構建器中找到對應的模組來修改存檔故事

控制存檔故事樣式由故事型別控制。

修改文章型別以控制樣式顯示。

至此,合作案例的優化工作已經完成。

我們需要設定 Elementor,以便它允許修改我們的部落格頁面,因為我們使用的是 Porto 主題,因此也禁用了 Elementor 的內建樣式。

新手對原有的布局不滿意,建議剛開始接觸WordPress建站的同學開始完全模仿原模板建站,以後再熟悉後再公升級。

上線後,最重要的是文章的發布,這將是我們流量的主要部分,也是我們未來工作的重中之重。

使用 WordPress** 從 0-1 建立部落格的教程到此結束。 希望想學習、建站的同學能有所收穫。

如果你覺得這篇文章很好,就給乙個關注 + 喜歡 + 收藏酒吧。

它還將更新為使用 WordPress 從 0-1 製作 B2B。

使用WordPress製作乙個從0-1的獨立站。

相關問題答案