內容簡介
iG:Custom Metaboxes 是一個 WordPress 外掛，提供一個物件導向和整潔的 API，以在 wp-admin 的 post_type 新增/編輯螢幕上建立自訂 Meta box。
此外掛基本上是一個程式庫，旨在用於其他外掛或佈景主題。單獨使用此外掛將不會做任何事情，它沒有 UI，也沒有任何要設定/調整的配置。此外掛允許添加 HTML5 欄位，但是專用欄位的功能（如調色盤、日期選擇器等）取決於瀏覽器。此外掛不會添加任何 JavaScript 以使這些欄位與不支持 HTML5 或不添加專用欄位功能的瀏覽器兼容。
此外掛是以 WordPress.com VIP 合規性為基礎撰寫，因此即使您在 WordPress.com VIP 上託管您的網站，也可以直接使用此外掛。
需求：此外掛需要 PHP 5.4 或更高版本，並支援 WordPress 4.0 或更高版本。它可能在較低版本的 PHP 或 WordPress 上運作，但這些平台不提供任何支援。
歡迎在 Github 上提交拉取請求。
Github：https://github.com/coolamit/ig-custom-metaboxes
插件使用
單獨使用此外掛將不會做任何事情，它是一個程式庫，旨在用於其他外掛/佈景主題。它提供了一個面向對象的 API，以物件導向的方式在 wp-admin 的 post_type 螢幕上創建自訂 Meta box。
使用範例：
$metabox = new iG\Metabox\Metabox( 'my-metabox-1' );
$metabox->set_title( 'My Cool Metabox' )
->set_context( 'normal' )
->set_priority( 'default' )
->set_css_class( 'my-metabox' )
->set_post_type( 'post' )
->add_field( //添加一個簡單的文字輸入欄位
iG\Metabox\Text_Field::create( 'my-txt-1', 'My Text Field 1' )
->set_description( 'Some Desc for 1st Field' )
->set_css_class( 'my-txt-css-1 second-css-cls' )
->set_placeholder( 'Enter the first text here' )
->set_size( 50 )
)
->add_field( //添加一個 HTML5 數字輸入欄位
iG\Metabox\Number_Field::create( 'my-num-1', 'My Numb Field A' )
->set_description( 'Some Desc for 1st Number Field' )
->set_css_class( 'my-num-css-1' )
->set_placeholder( 'Enter the first number here' )
->set_step( 2.5 )
)
->add_field( //添加一個 HTML5 調色盤
iG\Metabox\Color_Field::create( 'my-col-1', 'My Color Field 1a' )
->set_description( 'Some Desc for 1st Color Field' )
->set_css_class( 'my-colr-css-1' )
)
->add_field( //添加一個 HTML 日期選擇器
iG\Metabox\Date_Field::create( 'my-dt-1', 'My Date Field 1a' )
->set_description( 'Some Desc for 1st Date Field' )
->set_css_class( 'my-dt-css-1' )
->set_min( '2014-05-01' )
)
->add_field( //添加一個 HTML5 日期時間選擇器
iG\Metabox\Date_Time_Field::create( 'my-dttm-1', 'My Date Time Field A' )
->set_description( 'Some Desc for 1st Date Time Field' )
->set_css_class( 'my-dttm-css-1' )
->set_min( '2014-05-01T05:00' )
)
->add_field( //添加一組單選按鈕
iG\Metabox\Radio_Group::create
外掛標籤
開發者團隊
原文外掛簡介
iG:Custom Metaboxes is a WordPress plugin to provide an object oriented and clean API for creating custom meta-boxes on wp-admin post_type add/edit screens.
This plugin is more or less a library which is meant to be used in other plugins or themes. On its own this plugin does nothing, it has no UI nor any configuration to be set/tweaked. This plugin allows addition of HTML5 fields however the functionality of specialized fields like color picker, date picker etc. is browser dependent. The plugin does not add any JavaScript to make these fields compatible with browsers which don’t support HTML5 or which don’t add functionality to these specialized fields.
This plugin has been written with WordPress.com VIP compliance in mind, so you can use it as is even if you host your website with WordPress.com VIP.
Requirements: This plugin requires PHP 5.4 or better and is supported on WordPress 4.0 or better. It might work on a lower version of PHP or WordPress but no support would be provided for those platforms.
Pull requests on Github are welcome.
Github: https://github.com/coolamit/ig-custom-metaboxes
Plugin Usage
On its own this plugin will not do anything, it is a library meant to be used in other plugins/themes. It provides an API to create custom metaboxes in wp-admin on post_type screens in an object oriented way.
Usage Example:
$metabox = new iG\Metabox\Metabox( 'my-metabox-1' );
$metabox->set_title( 'My Cool Metabox' )
->set_context( 'normal' )
->set_priority( 'default' )
->set_css_class( 'my-metabox' )
->set_post_type( 'post' )
->add_field( //add a simple text input field
iG\Metabox\Text_Field::create( 'my-txt-1', 'My Text Field 1' )
->set_description( 'Some Desc for 1st Field' )
->set_css_class( 'my-txt-css-1 second-css-cls' )
->set_placeholder( 'Enter the first text here' )
->set_size( 50 )
)
->add_field( //add a HTML5 number input field
iG\Metabox\Number_Field::create( 'my-num-1', 'My Numb Field A' )
->set_description( 'Some Desc for 1st Number Field' )
->set_css_class( 'my-num-css-1' )
->set_placeholder( 'Enter the first number here' )
->set_step( 2.5 )
)
->add_field( //add a HTML5 color picker
iG\Metabox\Color_Field::create( 'my-col-1', 'My Color Field 1a' )
->set_description( 'Some Desc for 1st Color Field' )
->set_css_class( 'my-colr-css-1' )
)
->add_field( //add a HTML date picker
iG\Metabox\Date_Field::create( 'my-dt-1', 'My Date Field 1a' )
->set_description( 'Some Desc for 1st Date Field' )
->set_css_class( 'my-dt-css-1' )
->set_min( '2014-05-01' )
)
->add_field( //add a HTML5 date time picker
iG\Metabox\Date_Time_Field::create( 'my-dttm-1', 'My Date Time Field A' )
->set_description( 'Some Desc for 1st Date Time Field' )
->set_css_class( 'my-dttm-css-1' )
->set_min( '2014-05-01T05:00' )
)
->add_field( //add a radio button group
iG\Metabox\Radio_Group::create( 'my-rdg-1', 'My Radio Group A' )
->set_description( 'Some Desc for 1st Radio Group' )
->set_css_class( 'my-rdg-css-1' )
->set_values( array(
'apple' => 'Apple',
'grape' => 'Grape',
'banana' => 'Banana',
'orange' => 'Orange',
'peach' => 'Peach',
) )
)
->add();
