origgami/cmb2-grid

此包的最新版本(dev-master)没有可用的许可证信息。

安装数: 6,202

依赖项: 1

建议者: 0

安全性: 0

星标: 88

关注者: 4

分支: 21

公开问题: 16

类型:wordpress-plugin

dev-master 2023-12-07 18:38 UTC

This package is auto-updated.

Last update: 2024-09-07 20:07:24 UTC


README

Wordpress CMB2 库的网格系统,允许在管理界面中创建列以实现更好的布局。

安装

目前您必须将其作为WordPress插件安装

  1. 下载插件
  2. 将插件文件夹放置在您的 /wp-content/plugins/ 目录中
  3. 在插件控制面板中激活插件

使用方法

创建您的 cmb2 元数据框,就像您通常做的那样

$prefix = '_yourprefix_demo_';
$cmb = new_cmb2_box(array(
	'id'			 => $prefix . 'metabox',
	'title'			 => __('Test Metabox', 'cmb2'),
	'object_types'	 => array('page',), // Post type
));

$field1 = $cmb->add_field(array(
	'name'		 => __('Test Text', 'cmb2'),
	'desc'		 => __('field description (optional)', 'cmb2'),
	'id'		 => $prefix . 'text',
	'type'		 => 'text',
));

$field2 = $cmb->add_field(array(
	'name'		 => __('Test Text2', 'cmb2'),
	'desc'		 => __('field description2 (optional2)', 'cmb2'),
	'id'		 => $prefix . 'text2',
	'type'		 => 'text',
));

现在,创建您的列如下所示

if(!is_admin()){
	return;
}
$cmb2Grid = new \Cmb2Grid\Grid\Cmb2Grid($cmb);
$row = $cmb2Grid->addRow();
$row->addColumns(array($field1, $field2));

如果您想的话,也可以使用自定义的 Bootstrap 列类,如下所示

$row->addColumns(array(
   array($field1, 'class' => 'col-md-8'),
   array($field2, 'class' => 'col-md-4')
));

常见问题解答

  • 它也适用于 分组字段
  • 如果您想的话,您可以选择使用元数据和字段ID。
  • 目前网格系统使用的是Twitter Bootstrap的轻量版
  • 您可以创建任意多的行
  • 您必须按照创建顺序将字段放入列中
  • 您可以通过查看 Test/Test.php 文件来确切地了解其功能

截图

这就是使用列时您得到的结果

Image