wordpress自定義字段實現(xiàn)商務(wù)網(wǎng)站價格列表功能

時間：2022-07-18 18:42:02 | 來源：建站知識

時間：2022-07-18 18:42:02 來源：建站知識

WordPress允許日志撰寫者為日志分派自定義字段。通過自定義字段，我們可以很容易就給日志或者頁面增加額外的內(nèi)容，并且還能很快的改變信息顯示方式。

在正式學(xué)習(xí)之前我們先來了解一下自定義字段的數(shù)據(jù)庫結(jié)構(gòu)，為后面的學(xué)習(xí)打下基礎(chǔ)。

首先，我們打開phpmyadmin，其實自定義字段是存放在wp_postmeta 這個表里面，這個表的結(jié)構(gòu)是非常簡單的。它只有四個字段：meta_id，post_id，meta_key和 meta_value組成。

如下圖:

meta_id：是自動產(chǎn)生的一個自定義字段的序號，我們不需要理會它(比如上圖中的meta_id為342的一行)。

post_id：是當(dāng)前自定義字段的信息鏈到日志的ID(post_id是來自于wp_posts表的記錄，比如上圖中的115.)我們通過post_id可以對應(yīng)到具體某篇文章上去。

meta_key：key的名稱，是你想附加到日志上信息的描述(比如上圖中的價格:“price”等)。

meta_value：于key相關(guān)聯(lián)的值，是自定義字段信息的實際內(nèi)容(比如上圖中于price相關(guān)聯(lián)的鍵值為‘300元’等)。

電子商務(wù)網(wǎng)站或淘寶類網(wǎng)站上，一般都會有產(chǎn)品圖片和該產(chǎn)品的價格介紹等，產(chǎn)品圖片、產(chǎn)品介紹都可以包含在wp_posts數(shù)據(jù)表中，但是我們想把產(chǎn) 品價格單獨提出來，放在圖片下面顯眼的地方單獨顯示，怎么辦咧?現(xiàn)在，我們就可以用到wordpress的自定義字段的功能了來實現(xiàn)下圖的價格調(diào)用。

下面蘿卜魚開始和大家一起來學(xué)習(xí)如何使用wordpress自定義字段創(chuàng)建電子商務(wù)網(wǎng)站的報價信息的顯示并顯示它。(比如蘿卜魚的蘿卜居家園網(wǎng)就使用此功能。)

一、添加自定義字段的信息：

我們規(guī)劃一下，需要添加的自定義字段的key名稱為’price’(即價格)，通過定義key鍵為price，而value鍵值為300元。

如何在wordpress后臺實現(xiàn)上面的key和value的分配咧?

1、在寫好日志后，下拉到寫有自定義字段(Custom Fields)的地方。

2、現(xiàn)在來創(chuàng)建名為"price"的自定義字段，在標(biāo)為Key的文本輸入?yún)^(qū)中輸入文本price。

3、現(xiàn)在就要為新建的Key分派一個Value了，在Value字段中輸入300元。

4、點擊添加自定義字段(Add Custom Field)按鈕來保存該日志的此條自定義信息即可。

二、在頁面上顯示已自定義字段的內(nèi)容：

添加完自定義字段后我們就要將它們顯示出來。要顯示各日志的自定義字段，需要使用

get_post_meta()函數(shù)：get_post_meta($post_id, $key, $single);

$post_id 是自定義字段所用于的日志ID。使用$post->ID 來獲取某日志的ID。

$key 自定義字段的鍵名，比如就是我們上面的‘price’。

$single 可以為true 或false。如果設(shè)為true，函數(shù)就會返回單個字串形式的結(jié)果。如果是false，或沒有進(jìn)行設(shè)定的話，函數(shù)就會返回自一個定義字段 的數(shù)組，即WordPress 允許你在很多日志中使用相同的自定義字段鍵，你可以通過把”$single = true“ 改成”$single = false“ 來“群組”這些鍵。

解釋完上述函數(shù)后，我們來看看如何將我們上面定義的price為300元的鍵值顯示在你想要顯示的網(wǎng)頁位置，我們在網(wǎng)頁適當(dāng)位置添加一下代碼：

價格：ID, "price", $single = true); ?>

三、測試顯示結(jié)果：

蘿卜魚在本地測試了兩個博客文章，一個為價格為300元，另外一個為價格為500元，本地測試結(jié)果顯示如下：

結(jié)束：很多時候，我們通過使用自定義字段，可以給日志和頁面附上額外的信息，并且還能很快的改變信息顯示方式。嘿嘿，今天就說到這了，不知道大家學(xué)會了沒?最后，本文由蘿卜居家園網(wǎng)原創(chuàng)+本地測試，轉(zhuǎn)載請注明蘿卜魚的小博客：蘿卜居家園網(wǎng) ，謝謝了!