解碼WordPress:使用WordPress樣板目錄快速構建

解碼WordPress:使用WordPress樣板目錄快速構建

WordPress 又成功了?

這一次,要歸功於一種叫做 WordPress 區塊樣板的東西,以及組織這些樣板的新樣板目錄和庫。

感興趣嗎?

請允許我們向您介紹 WordPress 樣板目錄,各種技術水平的網站所有者都可以使用它來建立精美的佈局。此外,我們還將為您提供一些選擇正確樣板的技巧,以打造您理想的品牌體驗。

每個區塊就像一個小部件,能夠新增文字、媒體、設計、功能元素、表單等內容,您可以將其放置在 WordPress 頁面或文章的任何位置。您可以隨心所欲地排列區塊,還可以對其中的許多區塊進行自定義,以獲得您想要的外觀和功能。

相關: 最適合全站編輯的 27 個 WordPress 區塊主題

既然我們已經瞭解了區塊,那麼讓我們回到樣板上來。

正如我們開始所說的,區塊樣板是區塊的預定義組合,它們構成了 WordPress 頁面和文章的功能元素,例如頁首和頁尾、時事通訊訂閱框和電子商務顯示屏。

樣板最酷的特點可能是,樣板中每個區塊的字型、顏色和其他樣式元素都會自動調整,以匹配你的主題。您仍然可以在每次使用樣板時對其進行自定義,以防您想移動或移除一個頁面或文章中的樣板元素,但在另一個頁面或文章中卻不想這樣做。

一個很好的例子就是使用一個單一的樣板作為所有博文的預製模板。你希望它們非常相似,但你可能希望根據內容和受眾的不同,將行動呼籲 (CTA)、常見問題部分、表單和其他元素放在不同的位置。

流行主題的開發者都有自己的自定義樣板,因此您可以輕鬆建立一個漂亮、甚至複雜的佈局,而且您知道它將充分發揮作用。如果你正在選購現代主題風格和最佳樣板,本指南提供了一份有用的主題和預製樣板清單(免費和付費)。

總之,WordPress 樣板是預先設計好的元素,能讓網站所有者、管理者和開發者快速建立強大、一致的網站。

下面我們就來談談如何訪問 WordPress 樣板。

瞭解WordPress樣板目錄

現在,我們可以進入今天要學習的好內容:WordPress 樣板目錄。

但首先(猜對了!),我們還有一個注意事項:有一個 WordPress 樣板目錄和一個 WordPress 樣板庫。

這是因為 WordPress.org 和 WordPress.com 都有一個 WordPress 樣板庫,而 WordPress.org 和 WordPress.com 是不同的。

WordPress.org 是一個用於建立定製網站的開源平臺。您可以下載並免費使用。但是,要使您的網站能夠在網際網路上執行和訪問,您需要購買虛擬主機。

這就是 WordPress.com 的優勢所在,它是一個線上網站建設和託管服務提供商。WordPress.com上的基本功能是免費的,您可以付費使用升級功能。

WordPress 樣板目錄或區塊樣板目錄位於 WordPress.org。WordPress 樣板庫位於 WordPress.com。

這兩個資源最近都出現了,為樣板設計師和開發人員提供了一個共享創作的獨特場所,使他們的生活更加輕鬆。像你這樣的創意網站所有者和/或構建者可以訪問這些資源,快速構建美觀、實用的實驗,而無需每次都重新發明輪子。

最棒的功能是什麼?庫和目錄中列出的 100 多種模式都可以免費使用。

如何瀏覽WordPress樣板目錄

WordPress 區塊樣板庫和目錄可以讓您非常容易地找到適合自己網站的樣板。

在每個網站主頁的頂部,你會看到一組過濾器,你可以用它們來縮小你正在尋找的圖案型別的範圍。目前,目錄中的區塊樣板類別包括:

  • 文章:顯示部落格內容
  • 文字:在網站的任何地方顯示文字
  • 相簿:展示圖片
  • CTA:鼓勵網站訪問者採取行動
  • Banner:在頁面頂部顯示設計,吸引訪客
  • Header:幫助網站導航
  • 頁尾:出現在網站底部,提供額外的導航功能
  • 線框:提供佔位符,用於規劃和嘗試不同的設計元素

您還可以在搜尋欄中找到特定的樣板。這是一種快速查詢符合您要求的解決方案的方法。

分類選單樣板

在目錄中,您可以點選樣板,預覽其在不同螢幕寬度下的外觀。

預覽樣板效果

在這兩個網站上,您都會看到一個藍色按鈕,允許您複製樣板。

複製樣板按鈕

當我們第一次在 WordPress 網站上使用樣板時,我們將向你展示它的具體用途。

如何開始使用WordPress樣板目錄

讓我們開始在你的網站上實施你的第一個樣板。

首先,你需要選擇要新增樣板的文章或頁面。我們將登入 WordPress,在側邊欄中查詢“文章”,轉到“所有文章”,然後選擇要編輯的文章。

所有文章入口

進入文章後,在編輯區的左上角應該有一個加號按鈕,可以開啟區塊和樣板選單。

區塊和樣板選單

注意: 在您編輯的頁面上看不到新增區塊或樣板的選項?您使用的主題可能還不支援它們。在這裡,你將看到你正在使用的主題的所有可用區塊樣板。

樣板選單

比方說,我們想在文章中新增一個 CTA。我們將點選該類別,然後選擇我們選擇的 CTA 樣板。就這樣,游標會出現在文章中的任何位置。

提示:插入從樣板目錄或庫中複製的樣板。只需使用所需圖案上的藍色複製按鈕,返回到要編輯的 WordPress 頁面或文章,點選螢幕上想要樣板的位置,然後貼上即可。

CTA樣板

想要移動、刪除或以其他方式編輯您的樣板?點選文章中的樣板,檢視所有樣板設定和選項。

編輯CTA樣板

請務必選擇 WordPress 螢幕右上方的 “儲存草稿”或“釋出”來儲存您的作品。

以上就是在網站上使用圖案的基礎知識。超級簡單,對嗎?

WordPress樣板有什麼用?

樣板似乎無所不能。它們可以加快建立和構建的速度,確保毫不費力的統一性以改善品牌印象,並提供你一直想要的網站美感。

建立速度

目錄中的每個樣板都能與大多數現代主題無縫整合。實施樣板就像拖放你喜歡的元素一樣簡單。

這意味著您不必是 WordPress 設計師,也不必瞭解開發,就能快速建立強大的體驗,展示您的品牌,提高搜尋引擎優化,甚至提高轉化率和留存率。

網站一致性

花幾個小時仔細梳理網站上的每個頁面,將午夜藍配色方案改為海軍藍?

哦,又來了。

WordPress 樣板繼承了主題本身的字型、顏色和間距設定。這裡沒有通用預設!

這就大大降低了視覺效果不一致的可能性,無論你是在更新網站還是在嘗試網站的外觀和感覺。

精美的設計

使用圖案來充實你的企業網站的一個最好、也是最明顯的好處就是,它們通常好看得令人髮指。

有些整頁樣板實際上就是為你設計網站頁面。你只需稍作調整,就能擁有一個定製的、品牌的、看起來專業的網站。

整頁樣板

不知所措?選擇最佳樣板的3個技巧

有成千上萬種 WordPress 樣式可供選擇,這是一件大好事。

但是,如何對它們進行分類並選擇最適合自己網站的樣板,也是一件令人頭疼的事情。

因此,讓我們用幾個小貼士來幫助你在選擇樣板時做出更明智、更快速的決定。

從可訪問性入手

世界上有多達15% 的人口患有殘疾,這也是為什麼世界各地的法律和機構網路一直保持著較高的網站可訪問性標準。

提高可訪問性的一些技巧包括使用可讀的字型大小、建立高對比度的設計、簡化導航、為圖形新增字幕,以及使網站結構合乎邏輯。選擇能提高整個網站無障礙性的樣板,例如大字型的文字樣板或高對比度的設計樣板,而不必全部廢棄。

如需全面瞭解,請務必閱讀《如何設計無障礙網站(完整指南)》

決定你的故事和風格

在設計網站時,佈局和外觀會講述你的品牌故事

只有你才能準確地講述這個故事。一旦你確定了這個故事,就應該為其他一切提供參考,比如你的內容和呈現內容的風格。

極簡主義是正確的風格嗎?還是你的品牌響亮而充滿活力?在銷售產品時,圖片是中心,還是在提供服務時,內容是關鍵?

知道這些問題的答案後,您就可以直奔主題,將各種模式組合在一起,精心打造一個能講述您的故事的網站。

瞭解有關網頁設計的更多資訊,請參閱《網頁設計的 7 大基本要素》。

瀏覽流行元素

儘管如此,有時對品牌核心的理解並不能激起任何設計靈感。我們中的一些人就是不善於視覺思考。

如果你就是這樣的人,而且你需要快速獲得靈感,那就看看我們的網頁設計趨勢指南吧。

只要稍加引導,你就可以開始挑選模式,建立一個既時尚又獨一無二的網站。

小結

有了這些,你已經做好了訪問 WordPress 目錄和資料庫的充分準備,可以開始建立你夢想中的網頁設計了。

但是,如果您不相信自己的設計能力,沒有時間處理您的業務訂單(恭喜您!),或者您根本不想做設計呢?

這就是為什麼我們提供專業的網站設計開發服務,以支援網站所有者和管理者建立促進搜尋引擎優化、提高轉化率和美觀的線上體驗。

評論留言