Bật tùy chọn kết nối trường với trường Id & lớp

Làm cách nào để bạn thêm tùy chọn kết nối trường vào các trường Id và lớp trong tab Nâng cao của bất kỳ biểu mẫu cài đặt nào (mô-đun, hàng và cột)? Tôi đang chia sẻ đoạn mã PHP nhỏ sẽ kích hoạt tùy chọn kết nối. Vì vậy, bạn có thể đặt khóa trường tùy chỉnh ở đó và kiểm soát giá trị từ bài đăng, trang, màn hình thêm / chỉnh sửa cpts hoặc trang tùy chọn chủ đề.

Yêu cầu tối thiểu

  • Plugin Beaver Builder
  • Tiện ích bổ sung Beaver Themer
Mở tệp functions.php của chủ đề đang hoạt động của bạn và thêm mã PHP này vào cuối tệp
/**
 * Adding connection field to the ID & Class fields
 */
add_filter( 'fl_builder_register_settings_form', 'paulc_filter_settings_from', 1052, 2 );
function paulc_filter_settings_from( $form, $slug )
{
	if( $slug === "module_advanced" )
	{
		$form['sections']['css_selectors']['fields']['id']['connections'] = [ 'custom' ];
		$form['sections']['css_selectors']['fields']['class']['connections'] = [ 'custom' ];
	}
	if( $slug === "row" || $slug === "col" )
	{
		$form['tabs']['advanced']['sections']['css_selectors']['fields']['id']['connections'] = [ 'custom' ];
		$form['tabs']['advanced']['sections']['css_selectors']['fields']['class']['connections'] = [ 'custom' ];
	}
	return $form;
}
Bây giờ bạn sẽ nhận được một nút biểu tượng “dấu cộng” ở bên phải các trường Id & Class trong tab Advanced. Bạn sẽ ánh xạ trường bằng khóa trường tùy chỉnh của mình.