首頁  >  文章  >  CMS教程  >  全新開始:在 WordPress 中建立空白設計的初學者指南

全新開始:在 WordPress 中建立空白設計的初學者指南

王林
王林原創
2023-08-30 17:17:031126瀏覽

空白設計使我們能夠重新開始並自訂我們的網站,以滿足我們的確切需求和偏好。從頭開始使我們能夠更好地控制網站的設計和佈局,因為我們可以準確地選擇要包含的元素以及它們的放置方式。

從零開始並自己創建 UI 也有助於我們創建一個在競爭中脫穎而出的獨特網站。我們可以更輕鬆地實施新的 UI/UX 技術,以跟上最新的趨勢和標準,而無需拆除所有內容。我們也不必擔心相容性問題,因為一切都是從頭開始設計的。

在本教學中,我將引導您完成我的工作流程,以了解如何從完全空白的狀態開始使用 WordPress。您將學習如何產生空白頁面、如何為網站新增頁面以及如何將頁面與主導航選單連結。

安裝外掛程式

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

要安裝空白畫布主題:

  • 登入您的 WordPress 管理資訊中心。
  • 在側邊欄中,導覽至外觀 > 主題
  • 點擊新增按鈕。
  • 搜尋空白畫布主題
  • 安裝主題,然後啟動它。

全新开始:在 WordPress 中创建空白设计的初学者指南

#主題成功安裝後,請前往您網站的主頁。它應該類似於此圖片:

全新开始:在 WordPress 中创建空白设计的初学者指南

#正如您所看到的,這裡的干擾少了很多,但仍然有一些文字。為了使其更加空白,您需要在使用者介面編輯器中進行一些設定和配置。

在側邊欄中,前往外觀>自訂以開啟 UI 編輯器。

全新开始:在 WordPress 中创建空白设计的初学者指南

#接下來,打開主頁設定並將主頁顯示選項設定為靜態頁面。點擊主頁下的新增頁面按鈕,提供頁面標題(例如主頁),然後點擊新增強>按鈕。這會將指定頁面建立為空白頁面。

全新开始:在 WordPress 中创建空白设计的初学者指南

全新开始:在 WordPress 中创建空白设计的初学者指南

##如您所見,它現在顯示我們的空白主頁(帶有 hello world 文字)。您可以透過在 UI 編輯器的「附加 CSS」部分中新增自訂 CSS 來刪除該文字。

您也可以為您的網站新增貼文頁面(例如部落格頁面)。為此,請點擊帖子頁面下的新增頁面按鈕,為頁面命名(例如部落格),然後點擊 >新增按鈕。

新增主選單

我們在網站中新增了導覽選單,以幫助訪客在您的網站上找到自己的方式,並輕鬆找到網站的不同部分。

要在 WordPress 中建立選單:

  • 返回側邊欄選單。
  • 選擇選單並點選建立新選單
  • 為您的選單命名,然後選擇主導航作為選單位置

全新开始:在 WordPress 中创建空白设计的初学者指南

  • #點選下一步,然後點擊新增項目
  • 同時選擇主頁部落格頁面選項,將其新增到選單中。
  • 點擊發布發布選單。

要顯示選單,請返回側邊欄選單並點選內容選項。在這裡,您可以選擇啟用選單、小工具、頁面和貼文標題以及評論的可見性。選取啟用網站標題和頂部選單,然後按發布啟動選單。

全新开始:在 WordPress 中创建空白设计的初学者指南

#如上圖所示,選單已成功發佈到空白畫布。

結論

在 WordPress 中開始空白設計是讓您的網站從競爭對手中脫穎而出的好方法。透過空白畫布主題,您可以輕鬆地從頭開始自訂網站的外觀和風格。您所需要的只是一些耐心和創造力,您最終將獲得一個獨特且有吸引力的網站,它一定會引起人們的注意並產生興趣。

#

以上是全新開始:在 WordPress 中建立空白設計的初學者指南的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn