使用古騰堡來排版頁面

廢話不多說，我們直接開始吧，今天主要來聊聊如何使用Wordpress自帶的可視化頁面編輯器。我相信只有駕馭最基礎(chǔ)的可視化排版，后面才能對高級版本的擴(kuò)展可視化編輯器elementor有著更深刻的理解。

圖文排版

1，登錄WP后臺管理頁，找到文章，去添加一個文章。如圖（我把之前的示例清空了），

添加之后，列表會出現(xiàn)在下面。

進(jìn)入添加文章之后，先把標(biāo)題添加上，固定鏈接，最好自己設(shè)置，方便SEO，分類的話，我這邊先寫個案例。以方便演示，后面會講分類的設(shè)置。設(shè)置完成后，我們可以先點擊一下保存草稿。WP默認(rèn)也會實時的保存。

下面為了避免版權(quán)問題，我們先去找一個神器，[狗屁不通文章生成器]，隨機(jī)生成一篇文章。生成好文章后，按照下面的方式添加進(jìn)去

也可以按左側(cè)的添加板塊，將需要的板塊拖拽到內(nèi)容區(qū)域。

我們可以直接從左側(cè)操作欄拖拽一個圖片放在文檔的開頭。圖片可以來自URL，也可以媒體庫。

如果我們需要添加圖片與文字的組合，我們可以使用列，

在文章的任意地方，我們可以添加一個列，根據(jù)需要，來進(jìn)行對列的選擇。比如，我們選擇7/3分。

我們在第一列選擇圖片，第二列選擇文字，

其實這樣的多列看起來總是缺乏很多的違和感，我們還可以用古騰堡提供的媒體圖文塊，

調(diào)整一些排版，就可以像這樣。

就這樣，看起來就像雜志的排版。下面，我們來組多圖插入，做一個畫廊，

直接拖拽過來，從媒體庫選擇一組圖片。古騰堡會自動進(jìn)行圖片排版。

最后，我們來為文章插一個封面，

發(fā)布一下，我們回到博客主頁看看，

好了，到現(xiàn)在為止，圖文排版差不多就這樣了。還有更多的板塊，同學(xué)們可以自由去發(fā)揮，比如插入視頻，圖表，子標(biāo)題，鏈接到別的網(wǎng)站等內(nèi)容。

Qubely古騰堡的神兵利器

去插件下載一個qubely，完成安裝激活。我們只需要使用其免費功能即可。

激活后，我們來添加一個主頁，作為我們打開博客頁面的門面。如下圖

此時，我們打開主頁進(jìn)行編輯，發(fā)現(xiàn)很多高級塊，可以隨意拖拽到內(nèi)容區(qū)體驗下。

我們現(xiàn)在可以拖拽一個圖片過去，并更改頁面模板，為全寬（Qubely Full Width），如下，

我們選中圖片區(qū)塊，在右側(cè)的操作欄，可以看到區(qū)塊的樣式，并從此處去選擇媒體庫中的圖片，

這里只是一個示例，現(xiàn)在我們可以把圖片刪掉，添加一個行塊，來增加更復(fù)雜的組塊。如下圖，

我們可以在高級你們設(shè)置內(nèi)邊距，外邊距等。我們也可以為行塊添加一個背景圖片，使其更有層次感。照著自己的感覺去調(diào)整。

調(diào)整完成后，我們可以直接把我們剛才的文章，添加到我們的首頁，

根據(jù)自己的需要，完成一些調(diào)整設(shè)置后，我們點擊發(fā)布。發(fā)布完成后，我們可以去自定義網(wǎng)站，將該頁面設(shè)置為我們的網(wǎng)站首頁。步驟如下，

確認(rèn)無誤后，點擊發(fā)布，即發(fā)現(xiàn)，現(xiàn)在的首頁已經(jīng)是我們設(shè)計的啦。（如果覺得自己做的首頁不好看，不設(shè)置，也沒有關(guān)系，我們后面有機(jī)會還會講更強(qiáng)大的網(wǎng)頁編輯器，只需要簡單的拖拽，就可以完成隨心所欲的頁面）

我做的頁面感覺實在不好看，我給刪了，用默認(rèn)的頁面

分類和標(biāo)簽

分類，即是把文章按照樹形結(jié)構(gòu)進(jìn)行排列分組。可以對分類進(jìn)行父子關(guān)系的組合。而標(biāo)簽，主要的目的是提取文章的核心關(guān)鍵詞，以便搜索引擎索引。一篇文章的核心關(guān)鍵詞不建議超過五個。

設(shè)置分類，建議別名使用英文，方便SEO

我這邊按照我的編程計劃，設(shè)置一些內(nèi)容。完成類別的設(shè)置后，我們?nèi)プ远x菜單，將分類作為菜單。

我們先創(chuàng)建一個主菜單。

在管理位置中，將菜單添加至頁眉的菜單

這樣，我們回到首頁，便可以看見菜單已經(jīng)配置到我們的主頁面頭部了。

我已經(jīng)在菜單中，調(diào)整過想要展示菜單的順序了。

頁眉和頁腳設(shè)置簡介

關(guān)于頁眉與頁腳，這期只簡要提到一下，不做深入講解。我貼幾張圖，從左往右，大家去操作一下，即刻能明白其中的意思。比如頁頭，

頁腳也這樣，

我們可以對具體的內(nèi)容進(jìn)行編輯。比如對社交媒體進(jìn)行編輯。

尾記

至此，一個基本的屬于自己的博客網(wǎng)站，已經(jīng)差不多設(shè)置完成了，剩下的功能，需要同學(xué)們自己去多折騰折騰。我自己在操作的過程中也一直再思考一個問題，要不要把博客的風(fēng)格再升級的花里胡巧一些。后來都被我否定了。

對于我們核心的目的是寫內(nèi)容，存儲內(nèi)容，我想這樣簡簡單單，用戶看完內(nèi)容就走。不去設(shè)置各種彈窗廣告去騷擾。也不要添加過多的插件,避免影響網(wǎng)站的穩(wěn)定性等問題。

然？就這？結(jié)束了？

No，這怎么可能。我的意思是說，作為一個博客網(wǎng)站的基本功能，現(xiàn)在已經(jīng)具備了，我們需要花一些時間填充一些文章。直到我們遇到下一個問題。比如運營過程需要對SEO進(jìn)行優(yōu)化。對訪問進(jìn)行統(tǒng)計。需要表單對反饋信息進(jìn)行收集等。甚至，我們需要銷售一些自家的產(chǎn)品，等等。

既然我們的主線是電商，下一篇開始Woocommerce咯。

總結(jié)

以上是生活随笔為你收集整理的2021年Wordpress博客装修美化（二）的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。