我們之前見過很多 博客提示 和工具。 好了，今天我們將學習如何為您的博客創建一個好的工具-FAQ頁面插件。 但是最重要的是不僅插件本身，而且您可以使用此原理做什麼。 您將學習如何在WP網站中存儲任何類型的數據，以及如何將其與外部庫（如jQuery UI）集成，從而為您的網站創建自定義組件。 讓我們開始吧！
想法，演示和下載
我們的目標是創建一個可用於很多事情的插件，但非常適合FAQ頁面。
但除此之外，我們的主要成就將是 對此事的認知 WordPress 自定義帖子類型，短代碼，與外部JS / jQuery插件的交互。 有了這個想法，你可以根據你可能發現的其他瘋狂插件創建很多東西，這只是你的起點，親愛的Padawan。
So 在這裡你可以找到jQuery API演示 對於我們將要使用的組件——但真正酷的東西是用於生成該組件的代碼（PHP).
預熱 - 插件文件和自定義帖子類型
首先，我們需要創建一個自定義帖子類型來存儲我們的數據。
自定義帖子類型是 WP 魔法的重要組成部分，它允許您創建新的數據類型（有點像帖子、頁面、附件......），因此可以使用 WP 的函數調用和操作它。 這對於初學者來說可能看起來很簡單，但只是舊時 PHP 程序員（這仍然是一件事嗎？）知道在您的數據庫中連接和存儲數據是多麼困難。 更不用說動態創建新的數據類型了，這很微妙，但在我們的代碼中允許很大的靈活性。
為了讓我們擁有這個，我們需要一個插件，但您可能已經熟悉這個概念。 插件就像樂高積木 WordPress，他們使用一些可以輕鬆插入（duh！）或根據需要拔出的代碼添加或轉換當前功能。
要以WP識別它的方式創建插件，您需要2：
- 在你的wp-content / plugins /中創建一個文件
- 在該文件的開頭添加元數據，以便WP可以理解其中的內容
請記住，文件名必須是唯一的，因此當有人安裝您的插件（甚至是您自己）時，不會與當前插件發生衝突。 在我們的例子中，為了更好的組織，我們將添加一個名為 faq-whsr 的新文件夾，其中包含一個名為 faq-whsr 的文件。php.
現在對於元數據，只需在插件文件的開頭添加類似這樣的內容（就在 <?php ):
意思是：
- 插件名稱：將在您的wp-admin>插件界面中顯示的漂亮名稱
- 插件URI：如果要添加鏈接到插件的頁面（文檔，示例，銷售頁面）
- 說明：這是您的wp-admin>插件界面中顯示的一小段。 保持簡單，以便用戶記住它的用途
- 作者/作者URI：創建插件的人/公司和信用的鏈接
- 許可證：因此用戶將知道他們可以/不能對您的插件做什麼
好的，現在我們已經創建了我們的插件，添加了一些相關的元數據。 保存插件文件後，您應該可以在wp-admin界面中看到它
讓我們激活它，看看會發生什麼。
等等，沒什麼？ 嗯，這是一件好事，如果現在出現任何問題，你會發現錯誤。 現在讓我們繼續我們的自定義帖子類型創建。
在我們的案例中，CPT是FAQ項目，但您可以創建書籍，視頻，推薦書等。 這裡要記住的重要一點是：函數名稱應該是唯一的。 現在重複一遍：函數名稱應該是唯一的，函數名稱應該是唯一的。 得到它了？ 好，這將為您節省很多麻煩，直到我們可以使用OOP（可能在下一個教程中）。
這個代碼完成了魔法：
這就是相關部分的含義：
- $ labels –是一個數組，其中包含wp-admin區域不同部分的標籤和文本。 因此，WP將知道調用我們物品的正確方法
- 支持–這告訴您可以在wp-admin> FAQ>新屏幕中看到的內容。 在我們的案例中，我們將擁有標題，編輯器（主要內容框），作者，修訂和自定義字段（如果需要）。
- 分類法–在這裡您告訴WP允許使用哪些分類法（類別，標籤或自定義分類法）
- register_post_type（'faq_whsr'，$ args）–這告訴WP “嘿，使用$ args中的參數創建一個ID為faq_whsr的新自定義帖子類型”.
保存它並屏住呼吸。 您現在應該在主wp-admin菜單中看到一個新部分
等等，就是這樣嗎？ 是啊。 該片段創建了整個CPT功能。 如果你沒有找到這個酷，請等待下一節它會變冷。
在我們離開wp-admin之前，添加一些虛擬數據（一些至少包含2類別的常見問題解答）。
前端 - WP x jQuery交互
現在終於有時間看到一些動作，我們將使用它 jQuery UI Accordion元素 這一點。
jQuery UI與jQuery本身俱有幾乎相同的優點：
- 很多開發人員正在研究它
- 跨瀏覽器和移動就緒代碼
- 有據可查
- WP很好玩（WP本身使用它們）
現在的問題是：我們如何稱呼它？
有2方法：
- 劣質純 / tags in your wp_head
- 好的wp_enqueue
今天我們不會用錯誤的方法浪費太多時間，但好的方法基本上是告訴WP “嘿哥們，我們在代碼中的某個時刻需要jQuery UI，請將它包含在頁面中”。 這樣WP可以檢查是否有其他人已經包含它或包含它的不同版本，並避免重複庫的很多麻煩。 好的，如何將這個好聊天翻譯成代碼？
使用enqueue函數：
短代碼
現在我們又回到了wp-admin。 我們有FAQ項目，我們有圖書館可以根據需要設置項目樣式，還缺少什麼？ 好吧，我們需要調用這些物品！
我們有很多選擇，但最簡單的方法是創建一個短代碼。 短代碼是您在內容字段中添加的內容（對於頁面，帖子，CPT ......），WP實際上會搜索要在其上運行的函數。 有2類型的短代碼：
- [自封閉] –相似標籤要么這種短代碼只是在某個時候調用一個函數–這是我們的傢伙
- [包裝]內容[/包裝] –這就像標籤要么並且實際上可以轉換其內容，或將內容用作參數。
讓我們看看它是如何工作的。 在wp-admin中創建一個新頁面並在其中添加以下代碼：
[FAQ-whsr]
保存並訪問該頁面，看看會發生什麼......
開個玩笑，它不會做對嗎？ 嗯，那是因為我們還沒有為它創建一個函數。
在插件文件中添加：
現在刷新你的頁面，我保證會發生很酷的事情。
很酷，對吧？ 現在你可以看到它正在運行，現在天空是你的極限。 該代碼所做的只是告訴WP，有一個名為[faq-whsr]的短代碼，如果WP找到它，WP應該在頁面的這一點運行一個函數。
在我們的例子中，我們需要為要創建的jQuery UI面板實現此結構：
為此，我們將創建一個 WP查詢，加載我們的常見問題項目及其內容。 用以下代碼替換短代碼功能：
好的，現在您的FAQ項目將被調用。 我們所做的是調用wp_query來調用我們的自定義帖子類型，然後將其傳遞給短代碼返回，這樣WP將按照所需的結構顯示所有這些。
這很好，但缺少一些東西，對吧？ 那裡有一些選擇呢？ 好吧，我們可以為短代碼添加選項，讓我們看看如何在我們的短代碼中創建一些WP_Query參數：
這樣您就可以使用以下參數調用項目（您可以根據需要組合使用）：
- cat –類別ID（已添加多個作為數組）[faq-whsr cat = 1]
- category_name –類別名稱[常見問題解答-whsr category_name =“ food”]
- 訂單– ASC或DESC（默認為DESC）[faq-whsr order =“ ASC”]
- orderby –更改訂購商品的條件[faq-whsr orderby =” title”]
- posts_per_page –更改已加載的項目數[faq-whsr posts_per_page = 5]
但就像我說的那樣，天空是我朋友的極限。 以下是您可以實現和使用的WP_Query的一些選項：
- 作者
- 類別（使用not_in添加排除選項）
- 搜索（很酷，如果你想讓用戶能夠搜索它們）
- 自定義字段（因為FAQ項目具有它們，您可以使用它們來加載具有特定自定義字段和值的項目）
現在輪到你了
正如您所看到的，這只是您的起點。 我們都可以學習很多其他很酷的東西來改進這個簡單的插件，這裡有一些建議供你深入挖掘：
- 響應式設計
- 小部件創建
- 插件激活/取消激活掛鉤
- 國際化
- OOP
- 僅在需要時排隊（對於某些頁面）
不要忘記在評論中留下您的想法！ 這就是我們面臨的挑戰：是否可以為短代碼應用“默認項目”選項（因此，在加載頁面時，將打開另一個項目，而不是第一個）？ 你會怎麼做？
