全新開始:在 WordPress 中創(chuàng)建空白設(shè)計的初學(xué)者指南

空白設(shè)計使我們能夠重新開始并自定義我們的網(wǎng)站,以滿足我們的確切需求和偏好。從頭開始使我們能夠更好地控制網(wǎng)站的設(shè)計和布局,因為我們可以準(zhǔn)確選擇要包含的元素以及它們的放置方式。

從零開始并自己創(chuàng)建 ui 也有助于我們創(chuàng)建一個在競爭中脫穎而出的獨(dú)特網(wǎng)站。我們可以更輕松地實(shí)施新的 UI/ux 技術(shù),以跟上最新的趨勢和標(biāo)準(zhǔn),而無需拆除所有內(nèi)容。我們也不必?fù)?dān)心兼容性問題,因為一切都是從頭開始設(shè)計的。

在本教程中,我將引導(dǎo)您完成我的工作流程,了解如何從完全空白的狀態(tài)開始使用 WordPress。您將學(xué)習(xí)如何生成空白頁面、如何向網(wǎng)站添加新頁面以及如何將頁面與主導(dǎo)航菜單鏈接起來。

安裝插件

我們將用來在 WordPress 中創(chuàng)建空白頁面的主題稱為“空白畫布”。這是我最喜歡的主題之一,我用它來重新開始。這是一個非常簡單的主題,正如它所說的那樣——一塊空白畫布。

要安裝空白畫布主題:

  • 登錄您的 WordPress 管理信息中心。
  • 在邊欄中,導(dǎo)航至外觀 > 主題
  • 點(diǎn)擊新增按鈕。
  • 搜索空白畫布主題
  • 安裝主題,然后激活它。

全新開始:在 WordPress 中創(chuàng)建空白設(shè)計的初學(xué)者指南

主題成功安裝后,請轉(zhuǎn)到您網(wǎng)站的主頁。它應(yīng)該類似于此圖片:

全新開始:在 WordPress 中創(chuàng)建空白設(shè)計的初學(xué)者指南

正如您所看到的,這里的干擾少了很多,但仍然有一些文字。為了使其更加空白,您需要在用戶界面編輯器中進(jìn)行一些設(shè)置和配置。

在側(cè)邊欄中,轉(zhuǎn)到外觀>自定義以打開 UI 編輯器。

全新開始:在 WordPress 中創(chuàng)建空白設(shè)計的初學(xué)者指南

接下來,打開主頁設(shè)置并將主頁顯示選項設(shè)置為靜態(tài)頁面。單擊主頁下的添加新頁面按鈕,提供頁面標(biāo)題(例如主頁),然后單擊添加強(qiáng)>按鈕。這會將指定頁面創(chuàng)建為空白頁面。

全新開始:在 WordPress 中創(chuàng)建空白設(shè)計的初學(xué)者指南

全新開始:在 WordPress 中創(chuàng)建空白設(shè)計的初學(xué)者指南

如您所見,它現(xiàn)在顯示我們的空白主頁(帶有 hello world 文本)。您可以通過在 UI 編輯器的“附加 css”部分中添加自定義 CSS 來刪除該文本。

您還可以向您的網(wǎng)站添加帖子頁面(例如博客頁面)。為此,請單擊帖子頁面下的添加新頁面按鈕,為頁面命名(例如博客),然后單擊 >添加按鈕。

添加主菜單

我們在網(wǎng)站中添加了導(dǎo)航菜單,以幫助訪問者在您的網(wǎng)站上找到自己的方式,并輕松找到網(wǎng)站的不同部分。

要在 WordPress 中創(chuàng)建菜單:

  • 返回側(cè)邊欄菜單。
  • 選擇菜單并點(diǎn)擊創(chuàng)建新菜單
  • 為您的菜單命名,然后選擇主導(dǎo)航作為菜單位置

全新開始:在 WordPress 中創(chuàng)建空白設(shè)計的初學(xué)者指南

  • 點(diǎn)擊下一步,然后點(diǎn)擊添加項目
  • 同時選擇主頁博客頁面選項,將其添加到菜單中。
  • 點(diǎn)擊發(fā)布發(fā)布菜單。

要顯示菜單,請返回側(cè)邊欄菜單并單擊內(nèi)容選項。在這里,您可以選擇啟用菜單、小部件、頁面和帖子標(biāo)題以及評論的可見性。選中啟用網(wǎng)站標(biāo)題和頂部菜單,然后單擊發(fā)布激活菜單。

全新開始:在 WordPress 中創(chuàng)建空白設(shè)計的初學(xué)者指南

如上圖所示,菜單已成功發(fā)布到空白畫布。

結(jié)論

在 WordPress 中開始空白設(shè)計是讓您的網(wǎng)站從競爭對手中脫穎而出的好方法。借助空白畫布主題,您可以輕松地從頭開始自定義網(wǎng)站的外觀和風(fēng)格。您所需要的只是一些耐心和創(chuàng)造力,您最終將得到一個獨(dú)特且有吸引力的網(wǎng)站,它一定會引起人們的注意并產(chǎn)生興趣。

? 版權(quán)聲明
THE END
喜歡就支持一下吧
點(diǎn)贊12 分享