初學者的WordPress主題備忘單


您是否正在尋找WordPress主題備忘單以快速修改主題或創建新的自定義主題? WordPress附帶了許多內置模板標記,您可以使用它們來搶先一步。 在本文中,我們將為初學者共享一個WordPress主題備忘單。

適用於初學者的WordPress主題開發備忘單

開始之前

WordPress帶有一個強大的模板引擎,允許主題開發人員為WordPress驅動的網站創建漂亮的設計。 您可以在網站上安裝高級和免費的WordPress主題。

每個WordPress主題都帶有許多自定義選項。 這些選項使您可以更改顏色,添加標題圖像,設置導航菜單等。

但是,您仍然受限於主題支持的功能。 有時,您可能需要對WordPress主題進行一些更改,而這需要一些編碼。 為此,您需要了解一些基本的PHP,HTML和CSS。

首先,您要熟悉WordPress在幕後的工作方式和WordPress主題模板。

之後,您可能需要遵循一些最佳實踐。 例如,創建子主題而不是直接在主題文件中進行更改。

您還可以通過在計算機上安裝WordPress來練習主題。

話雖如此,讓我們深入了解初學者的WordPress主題備忘單。

基本的WordPress主題模板

基本的WordPress主題文件

每個WordPress主題均由稱為模板的不同文件組成。 所有WordPress主題都必須具有樣式表和索引文件,但通常它們會提供很多其他文件。

以下是每個主題都具有的基本文件的列表:

  • style.css
  • header.php
  • index.php
  • sidebar.php
  • footer.php
  • single.php
  • page.php
  • comments.php
  • 404.php
  • functions.php
  • archive.php
  • searchform.php
  • search.php

如果要構建自己的主題,則可以從WordPress入門主題之一開始。 這些主題隨附可隨時使用的WordPress模板文件和CSS,為您提供了一個可構建的框架。

標頭中的模板標籤

WordPress附帶了許多方便的功能,可用於在整個主題中輸出不同的內容。 這些功能稱為模板標籤。

首先,可能是所有符合標準的WordPress主題中所需的最重要的功能稱為wp_head,它看起來像這樣:


此代碼獲取WordPress需要添加的所有重要HTML。 網站上每個頁面的一部分。 對於許多WordPress插件來說,在您的網站上正常工作也很重要。

以下是您通常在主題的header.php文件中找到並使用的模板標籤的列表。 但是,當您需要它們時,也可以在主題的其他位置使用它們。

// Title of the Blog, or Blog Name
 

// Title of a Specific Page


// Exact URL for the site
 

// Site's Description
 

// Location of Site’s Theme File


// Link to the Style.css location
  

// RSS Feed URL for the site
 

// Pingback URL for the site


// WordPress version number 
 

其他主題文件中使用的模板標籤

現在,讓我們看一下其他一些常用的模板標籤及其作用。

包含其他模板的模板標籤

以下模板標籤用於調用和包括其他模板。 例如,主題的index.php文件將使用它們包括頁眉,頁腳,內容,註釋和側邊欄模板。

//Displays Header.php file content
 

// Displays Footer.php file content


// Displays Sidebar.php file content


// Displays Comment.php file content
 

在WordPress循環內使用以下模板標記來顯示您帖子中的內容,摘錄和元數據。

// Displays the Content of the Post
  

// Displays the excerpt that is used in Posts


// Title of the Specific Post


// Link of the Specific Post


// Category of a Specific Post


// Author of the Specific Post
 

//ID of a Specific Post


// Edit link for a Post 
// Oonly visible to logged in users with editing privileges


// URL of the next page


// URL of the previous page
 

WordPress主題帶有稱為小工具欄的可用於小部件的區域。 這些是主題文件中的位置,用戶可以在其中拖放WordPress小部件。 通常,主題有多個位置,用戶可以在其中添加小部件。

但是,最常見的是,這些小部件區域位於主題佈局的右側或左側。 要了解更多信息,請參閱我們的指南,了解如何在WordPress主題中添加支持動態窗口小部件的側邊欄。

這是用於在主題中顯示側邊欄的代碼。



您將需要用您的主題為該特定的小部件就緒區域或側欄定義的名稱替換sidebar-1。

顯示導航菜單的模板標籤

WordPress帶有功能強大的菜單管理系統,該系統使用戶可以為其網站創建導航菜單。 WordPress主題可以具有多個導航菜單位置。

請參閱我們的指南,了解如何以WordPress主題創建自己的自定義導航菜單。

以下是將在您的主題中用於顯示導航菜單的代碼。

 'my-custom-menu', 
    'container_class' => 'custom-menu-class' ) ); 
?>

主題位置取決於您的主題用於註冊導航菜單的名稱。 可以使用任何您喜歡的名稱來調用CSS容器類。 它將圍繞您的導航菜單,以便您可以相應地設置其樣式。

雜項模板標籤

以下是在整個WordPress主題中常用的一些標籤。

// Displays the date current post was written
 

// Displays the last time a post was modified
get_the_modified_time

// Displays the last modified time for a post


// Displays post thumbnail or featured image


// Displays monthly archives


// Displays the list of categories


// Displays the gravatar of a user from email address
// 32 pixels is the size, you can change that if you need


// Displays gravatar of the current post's author


WordPress主題中的條件標籤

條件標記是返回True或False的結果的函數。 這些條件標籤可以在整個主題或插件中使用,以查看是否滿足某些條件,然後相應地執行某些操作。

例如,當前帖子是否具有特色圖片。 如果沒有特色圖片,則可以顯示默認的特色圖片。

';
}
?>

以下是一些您可以使用的條件標籤。

// Checks if a single post is being displayed
is_single() 

// Checks if a page is being displayed
is_page() 

// Checks if the main blog page is displayed
is_home() 

// Checks if a static front page is displayed
is_front_page() 

// Checks if current viewer is logged in
is_user_logged_in() 

您可以使用更多條件標籤。 有關條件標籤的完整列表可以在WordPress Codex頁面中找到。

WordPress循環

循環或WordPress循環是用於在WordPress中獲取和顯示帖子的代碼。 由於許多WordPress模板標記與post或post_type對象相關聯,因此它們可能僅在循環內起作用。

以下是一個簡單的WordPress循環示例。

 
    

" rel="bookmark" title="Permanent Link to ">

Posted: by

Sorry no posts matched your criteria.

要了解有關循環的更多信息,請查看WordPress(信息圖形)中的什麼是循環。

我們希望本文能為您提供初學者的基本WordPress主題備忘單。 您可能還想查看有關WordPress函數文件的最有用技巧的列表。

如果您喜歡這篇文章,請訂閱我們的YouTube頻道WordPress視頻教程。 您也可以在找到我們 推特 和Facebook。