Home / WordPress / Wordpress佈景主題教學 / WordPress佈景主題教學11-自訂欄位

WordPress佈景主題教學11-自訂欄位

假如把每篇文章當作書籍的資料庫,這時後在文章裡頭打定價、語言的說明看起來很方便。但如果是一萬多本書的話呢?可能就要新增一萬多次,所以這時後就可以使用Wordpress自訂欄位。

這邊參考官網: https://codex.wordpress.org/Custom_Fields

步驟一:請先啟動 自訂欄位

這時下面就會有自訂欄位的顯示

步驟二:新增兩個自訂欄位:定價、語言

步驟三:在Single.php 的The Loop裡頭加入 the_meta()

這邊主要是用get_template_part涵式,所以去佈景裡頭找content.php

找到entry-content,並在</div>前加入 <?php the_meta();?>

步驟四:增加自訂欄位得CSS

.post-meta {font-variant: small-caps; color: maroon; }

.post-meta-key {color: green; font-weight: bold; font-size: 110%; }

 

現在看前台的樣子

About RaiseDigital

RaiseDigital上升數位 官方網站 | 粉絲團