鑰匙要點
- > WordPress插件樣板系列的第三部分重點是實現(xiàn)插件的公共面向功能，其中包括檢索用戶首選項並在其單個帖子視圖上相應(yīng)地顯示通知。 >
- >指南說明瞭如何準(zhǔn)備測試主題，如何將其連接到the_content過濾器中，如何有條件地修改內(nèi)容以及如何計算當(dāng)前時間和帖子最後修改時間之間的差異。 還討論了
- 造型通知文本，作者提供了一個簡單的樣式指南，以匹配整體主題設(shè)計。作者還提出了潛在的改進，例如針對不同上下文的動態(tài)文本和可忽視的通知。 >
- 作者通過突出顯示W(wǎng)ordPress插件樣板的好處，指出其清晰的結(jié)構(gòu)，遵守最佳實踐以及為插件開發(fā)具有可靠的起點的節(jié)省時間的結(jié)論。 在本系列的第二部分中，我們?yōu)椴寮?zhǔn)備了簡單的管理功能。我們?yōu)橛脩籼峁┝艘粋€選項頁面，他們可以根據(jù)他們的首選項調(diào)整插件。
如果您錯過了第1部分和第2部分，請在下面找到它們：
>> WordPress插件樣板第1部分：使用WordPress插件板
- 加速開發(fā)
- > WordPress插件樣板第2部分：開發(fā)WordPress插件
- 在本文中，我們將實現(xiàn)插件的公開功能。這意味著我們將檢索用戶的偏好，確定該特定帖子是否過時，並在其單個帖子視圖上相應(yīng)地顯示通知。讓我們開始！
>我們需要準(zhǔn)備主題，以便以後可以對其進行測試。我們將使用WordPress默認運輸?shù)亩鍌€主題。我們將使用主題審核團隊提供的主題單元測試數(shù)據(jù)來填充帖子。
>我們需要下載上述法典頁面上提供的主題單位test-data.xml，並將其導(dǎo)入我們的WordPress安裝中。 WordPress內(nèi)置的導(dǎo)入功能可以通過導(dǎo)航到側(cè)欄的導(dǎo)入工具>
>我們將提供各種選擇，並且由於我們正在導(dǎo)入WordPress導(dǎo)出文件，因此我們將選擇WordPress。根據(jù)WordPress的安裝，如果我們沒有安裝WordPress進口商插件，將顯示插件彈出窗口。如果您沒有它，請首先繼續(xù)安裝插件，一旦完成後，我們將繼續(xù)進行實際的導(dǎo)入過程。
這是默認的WordPress導(dǎo)入頁面，因此我們需要選擇先前下載的theme-unit-test-data.xml，然後單擊“上傳文件和導(dǎo)入”按鈕。
然後將顯示第二個屏幕。不必擔(dān)心“分配作者”部分，因為我們可以將其作為默認情況。在“導(dǎo)入附件”部分中，請確保勾選複選框“下載和導(dǎo)入文件附件”，以便將所有外部附件都下載並導(dǎo)入到媒體庫中。
>按“提交”按鈕，然後等到成功完成導(dǎo)入過程。 現(xiàn)在，我們準(zhǔn)備編寫顯示我們通知的代碼。
>
掛接到the_content filter使用the_content過濾器是更改向用戶顯示的帖子內(nèi)容的完美方法。根據(jù)上一個教程，我們將將鉤子添加到樣板類加載器中，唯一的區(qū)別是將使用Define_public_hooks方法而不是Define_admin_hooks。
>將此代碼添加到該方法中：
這意味著，我們需要將公共the_content方法實現(xiàn)到我們的OUTED_NOTICE_PUBLIC類中。打開公共/班級淘汰 - notice-public.php並進行相應(yīng)的修改。
>
有條件修改內(nèi)容<span>$this->loader->add_action( 'the_content', $plugin_public, 'the_content' );</span>
因為the_content過濾器由各種插件和內(nèi)部WordPress核心使用，所以我們需要謹(jǐn)慎地將我們的自定義內(nèi)容插入其中。
>>我們需要確保只有在顯示單個帖子而不在博客文章索引上插入過時的通知文本。為了做到這一點，我們可以使用IS_MAIN_QUERY函數(shù)過濾它。只要我們需要確定運行查詢是主要的還是輔助/自定義查詢。
>我們需要考慮的另一件事是，我們將僅顯示帖子類型帖子單一視圖的通知文本，因此is_singular（'post'）驗證將非常適合工作。這是oftated_notice_public類中包含的更新的the_content方法。
計算天數(shù)
>在開始之前，讓我們設(shè)置位置，以使通知顯示為“之前”帖子，而閾值的天數(shù)為30。
首先，我們需要檢索插件的存儲設(shè)置。 get_option函數(shù)將完成這項工作，作為一個安全的度量，我們將將默認值作為第二個參數(shù)將其傳遞給get_option。
<span>$this->loader->add_action( 'the_content', $plugin_public, 'the_content' );</span>
>計算當(dāng)前時間和帖子最後修改時間之間的天數(shù)，我們將實例化兩個日期對象。我們可以使用內(nèi)置在DateTime類中的DIFF方法進行準(zhǔn)確的時間差測量。請注意，DateTime類僅在php> = 5.3.0。
<span>public function the_content( $post_content ) {
</span>
<span>if ( is_main_query() && is_singular('post') ) {
</span> <span>// do something
</span> <span>}
</span>
<span>return $post_content;
</span> <span>}</span>$ $ date_diff是dateinterval類的一個實例，因此我們將擁有有關(guān)時間差的一系列數(shù)據(jù)。如果我們要var_dump $ date_diff變量，這是我們應(yīng)該得到的，具體取決於您當(dāng)前正在查看的帖子。 >
<span>$position = get_option( 'outdated_notice_position', 'before' ); </span> <span>$days = (int) get_option( 'outdated_notice_day', 0 );</span>>我們只對日子價值感興趣，因為它將與我們的日期閾值進行比較。正如我之前說的，我們將比較它們，以便我們可以將特定類應(yīng)用於通知div元素，以在帖子之間以不同的方式進行樣式。
<span>$date_now = new DateTime( current_time('mysql') );
</span> <span>$date_old = new DateTime( get_the_modified_time('Y-m-d H:i:s') );
</span> <span>$date_diff = $date_old->diff( $date_now );</span>這個簡單的比較塊足以確定用於我們的Div的哪個類?，F(xiàn)在剩下的唯一的是實際構(gòu)建以添加到帖子內(nèi)容中的HTML。
>為了更好地翻譯現(xiàn)成的文本，我們將使用_n函數(shù)選擇為選擇適當(dāng)?shù)奈谋?，這是根據(jù)帖子上次更新以來的天數(shù)。然後，我們將以自己的div包裝通知文本，以便以後可以對其進行樣式。請隨時將通知文本調(diào)整為自己喜歡。
>$通知變量現(xiàn)在應(yīng)包含我們將插入帖子內(nèi)容的標(biāo)記。剩下的唯一要做的就是將其添加。
<span>object(DateInterval)#286 (8) {
</span> <span>["y"]=>
</span> <span>int(0)
</span> <span>["m"]=>
</span> <span>int(0)
</span> <span>["d"]=>
</span> <span>int(12)
</span> <span>["h"]=>
</span> <span>int(23)
</span> <span>["i"]=>
</span> <span>int(17)
</span> <span>["s"]=>
</span> <span>int(22)
</span> <span>["invert"]=>
</span> <span>int(0)
</span> <span>["days"]=>
</span> <span>int(12)
</span> <span>}</span>>
作為回顧，這就是the_content方法outdated_notice_public最終應(yīng)該看起來。
<span>if ( $date_diff->days > $days ) {
</span> <span>$class = 'is-outdated';
</span> <span>} else {
</span> <span>$class = 'is-fresh';
</span> <span>}</span>>
>嘗試瀏覽幾頁，以查看我們的插件是否按預(yù)期工作。這是我在瀏覽url
<span>// Filter the text </span> <span>$notice = sprintf( </span> <span>_n( </span> <span>'This post was last updated %s day ago.', </span> <span>'This post was last updated %s days ago.', </span> <span>$date_diff->days, </span> <span>'outdated-notice' </span> <span>), </span> <span>$date_diff->days </span> <span>); </span> <span>// Add the class </span> <span>$notice = '<div >' . $notice . '</div>'; </span> <span>$notice = sprintf( $notice, $class );</span>
造型通知文本
>我們將在.outdated Notice Div上應(yīng)用一些簡單的樣式，這些樣式與整體主題設(shè)計良好，而不會侵入。為了做到這一點，對於已經(jīng)使用的字體尺寸或字體系列，我們不會更改任何內(nèi)容。另外，我們將暫時藉用Bootstrap配色方案和樣式。 >
>打開公共/CSS文件夾中包含的過時的notice-public.css文件，並添加此規(guī)則。
>我們還需要兩種不同的樣式來表示後循環(huán)，這是.is fresh的一種樣式，另一種是以上的。這個片段應(yīng)該可以解決問題，為我們提供了一個不錯的綠色配色方案，用於新的帖子，紅色配色方案用於過時的帖子。
<span>if ( 'after' == $position ) {
</span> <span>$post_content .= $notice;
</span> <span>} else {
</span> <span>$post_content = $notice . $post_content;
</span> <span>}</span>>讓我們刷新帖子視圖，看看它的樣式。新鮮和過時的帖子的示例：> 改進
您需要首先從其GitHub存儲庫下載它。下載後，您可以重命名樣板目錄和文件以匹配插件的細節(jié)。樣板的代碼被充分評估，引導(dǎo)您將自定義代碼放置在哪裡。請記住要更新主插件文件中的插件標(biāo)頭以反映您的插件的詳細信息。 > wordpress插件樣板的結(jié)構(gòu)是什麼？ 插件的功能，通常會在“ Include”目錄中為該功能創(chuàng)建一個新類。此類應(yīng)定義您的功能需要運行的所有掛鉤。然後，在主插件類中實例化此類，並將其添加到“運行”功能中。這種模塊化方法使您可以輕鬆地添加，刪除或修改插件中的功能。 >如何使用WordPress插件樣板國際化插件？目錄。此類將加載插件的文本域，從而將其翻譯成其他語言。您只需要用插件的文本域替換樣板中的佔位符文本域。 > WordPress Plugin Bobilin Boblein包含一個UnInstall.php文件，該文件在從WordPress儀表板上卸載時運行時運行。該文件應(yīng)包含任何清理代碼，例如刪除插件選項或數(shù)據(jù)庫表。這樣可以確保您的插件被卸載後不會留下任何痕跡。 
就是這樣！現(xiàn)在，我們基於WordPress插件樣板開發(fā)了功能齊全的插件。 >根據(jù)我們到目前為止所做的事情，可以改進各種事情。其中包括：
>刪除過時的notice-public.js腳本的起點。
> WordPress插件樣板是什麼，為什麼重要？它提供了一個易於理解和使用的清晰一致的結(jié)構(gòu)，尤其是對於WordPress插件開發(fā)的新開發(fā)人員而言。這很重要，因為它通過提供一個可靠的起點來節(jié)省時間和精力，從而減少了從頭開始編寫常見代碼的需求。它還促進了插件的編碼，增強性能，安全性和可維護性的最佳實踐。 >我如何開始使用WordPress插件樣板？ >我可以使用WordPress插件樣板用於商業(yè)項目嗎？
是的，WordPress plubin Boilerplate是開源的並在GPL下獲得許可，這意味著您可以將其用於個人和商業(yè)項目。但是，最好在插件的文檔或積分中確認樣板。
>我如何為WordPress插件樣板項目做出貢獻？
如何使用WordPress插件樣板處理插件選項？ “管理”目錄中的處理插件選項。此類包括用於註冊設(shè)置，定義部分和字段以及渲染設(shè)置頁面的功能。您可以擴展此類以處理插件的特定選項。
如何使用WordPress插入式樣板？
用於在“管理員”和“公共”目錄中製定腳本和樣式。這些課程包括用於註冊和啟動您的腳本和樣式的功能，確保它們在正確的位置和正確的時間加載。
>>如何使用WordPress插件樣板清潔插件？
以上是WordPress插件樣板第3部分：最後一步的詳細內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
熱門話題
如何將git與WordPress一起使用
Jun 26, 2025 am 12:23 AM
使用Git管理WordPress項目時，應(yīng)只將主題、自定義插件和配置文件納入版本控制；設(shè)置.gitignore文件以忽略上傳目錄、緩存和敏感配置；利用webhook或CI工具實現(xiàn)自動部署並註意數(shù)據(jù)庫處理；採用兩分支策略（main/develop）進行協(xié)作開發(fā)。這樣做可避免衝突、保障安全，並提升協(xié)作與部署效率。
如何使用WordPress測試環(huán)境
Jun 24, 2025 pm 05:13 PM
使用WordPress測試環(huán)境是為了確保新功能、插件或主題在正式上線前的安全性和兼容性，避免影響真實網(wǎng)站。搭建測試環(huán)境的步驟包括：下載安裝本地服務(wù)器軟件（如LocalWP、XAMPP），創(chuàng)建站點、設(shè)置數(shù)據(jù)庫和管理員賬號，安裝主題和插件進行測試；複製正式網(wǎng)站到測試環(huán)境的方法是通過插件導(dǎo)出站點、導(dǎo)入測試環(huán)境並替換域名；使用時應(yīng)注意不使用真實用戶數(shù)據(jù)、定期清理無用數(shù)據(jù)、備份測試狀態(tài)、適時重置環(huán)境，並統(tǒng)一團隊配置以減少差異問題。
如何創(chuàng)建一個簡單的Gutenberg塊
Jun 28, 2025 am 12:13 AM
創(chuàng)建Gutenberg塊的關(guān)鍵在於理解其基本結(jié)構(gòu)並正確連接前後端資源。 1.準(zhǔn)備開發(fā)環(huán)境：安裝本地WordPress、Node.js和@wordpress/scripts；2.使用PHP註冊塊並用JavaScript定義塊的編輯和顯示邏輯；3.通過npm構(gòu)建JS文件以使更改生效；4.遇到問題時檢查路徑、圖標(biāo)是否正確或使用實時監(jiān)聽構(gòu)建避免重複手動編譯。按照這些步驟，可以逐步實現(xiàn)一個簡單的Gutenberg塊。
如何以編程方式刷新規(guī)則
Jun 27, 2025 am 12:21 AM
在WordPress中，當(dāng)新增自定義文章類型或修改固定鏈接結(jié)構(gòu)後，需手動刷新重寫規(guī)則，此時可通過代碼調(diào)用flush_rewrite_rules()函數(shù)實現(xiàn)。 1.可在主題或插件激活鉤子中添加該函數(shù)以自動刷新；2.僅在必要時執(zhí)行一次，如添加CPT、分類法或修改鏈接結(jié)構(gòu)後；3.避免頻繁調(diào)用以免影響性能；4.多站點環(huán)境下需視情況為每個站點單獨刷新；5.某些託管環(huán)境可能限制規(guī)則保存。此外，訪問“設(shè)置>固定鏈接”頁麵點擊保存也可觸髮刷新，適合非自動化場景。
如何使WordPress主題響應(yīng)迅速
Jun 28, 2025 am 12:14 AM
要實現(xiàn)響應(yīng)式WordPress主題設(shè)計，首先要使用HTML5和移動優(yōu)先的Meta標(biāo)籤，在header.php中添加viewport設(shè)置以確保移動端正確顯示，並用HTML5結(jié)構(gòu)標(biāo)籤組織佈局；其次，利用CSS媒體查詢實現(xiàn)不同屏幕寬度下的樣式適配，按移動優(yōu)先原則編寫樣式，常用斷點包括480px、768px和1024px；第三，彈性處理圖片和佈局，為圖片設(shè)置max-width:100%並使用Flexbox或Grid佈局替代固定寬度；最後，通過瀏覽器開發(fā)者工具和真實設(shè)備進行充分測試，優(yōu)化加載性能，確保響應(yīng)
如何在WordPress htaccess中設(shè)置重定向
Jun 25, 2025 am 12:19 AM
tosetupredirectsinwordpressingthe.htaccessfile，locateThEfileInyourSite'sRootDirectorectoryAndDrectRectrulesabovethe＃beginWordPresssection.forbasic301redirects，USETHEETHEETERECTREFTATRECTATREDERTREFTATREDERTREFTATRECTRECTATRECTRECTATREDECT301/OLD-PAGEHTTPS：
如何將第三方API與WordPress集成
Jun 29, 2025 am 12:03 AM
TOINTEGRATETHIRD-PARTYAPISINTOWORDPRESS，關(guān)注臺詞：1.SelectAutableabepianDobtainCredentialslikeapikeYsoroAuthtoKensByEnterRegisteringThemSecure.2.ChooseBeteBetB????eteBetB????eteBetB????etebetInpliCityOorcustimplicityOrcustomPliCoseTompliCoseTomploomcoseusionfunctionfunctionfunctibunitiacuciencipuity forfunigation。
如何使用SMTP從WordPress發(fā)送電子郵件
Jun 27, 2025 am 12:30 AM
UsingsMtpForWordPresseMailSimProvesDeliverabilitialComparedComparedTothEdeDefaultPhpMail（）函數(shù).1.smtpauthenticateswithyouremailserver.2.somemomehostsdisablesablephpmail（）
