Как форматировать настраиваемые поля при редактировании вложения?

Я добавляю некоторые настраиваемые поля для вложений, делая примерно это в плагине (на основе этого урока ):

function myplugin_add_attachment_fields( $form_fields, $post ) { $fields = array( 'myplugin_credit' => array( 'label' => 'Credit', 'input' => 'text', 'application' => 'image', 'exclusions' => array('audio', 'video'), 'helps' => "eg 'Bob Ferris'" ) // More fields here. ); foreach($fields as $name => $field_data) { if ( preg_match( "/" . $field_data['application'] . "/", $post->post_mime_type) && ! in_array( $post->post_mime_type, $field_data['exclusions'] ) ) { $field_data['value'] = get_post_meta( $post->ID, '_' . $name, true ); $form_fields[$name] = $field_data; } } return $form_fields; } add_filter( 'attachment_fields_to_edit', 'myplugin_add_attachment_fields', 11, 2 ); 

Все это прекрасно работает, но при редактировании объекта Media эти поля выглядят так:

введите описание изображения здесь

Два вопроса:

  1. Как я могу легко сделать метки («Кредит», «Издатель») вертикально с самим полем ввода?

  2. Как я могу сделать поле ввода таким же широким, как стандартные поля на странице?

Я знаю, как использовать CSS для выполнения этой работы, но я не знаю, как это сделать с помощью хорошего WordPress из моего плагина.

ОБНОВЛЕНИЕ: В случае, если это помогает кому-либо, после использования ответа socki03, чтобы добавить мой собственный файл CSS, я поставил его в нем, чтобы исправить проблему с макетом:

 .compat-attachment-fields th.label { vertical-align: top; } .compat-attachment-fields, .compat-attachment-fields input.text { width: 100%; } .compat-attachment-fields p.help { margin-top: 0.2em; margin-left: 5px; } 

Вам нужно будет включить и вставить новый файл CSS для вашего плагина на стороне администратора, используя admin_enqueue_scripts . И так как вы можете загрузить это на каждой странице, я бы выполнил первый пример в Codex (вставляемый здесь):

 function load_custom_wp_admin_style() { wp_register_style( 'custom_wp_admin_css', get_template_directory_uri() . '/admin-style.css', false, '1.0.0' ); wp_enqueue_style( 'custom_wp_admin_css' ); } add_action( 'admin_enqueue_scripts', 'load_custom_wp_admin_style' ); 

Но вместо функции get_template_directory вы, get_template_directory , захотите использовать функцию plugin_dir_url .

 function load_custom_wp_admin_style() { wp_register_style( 'custom_wp_admin_css', plugin_dir_url(__FILE__) . '/admin-style.css', false, '1.0.0' ); wp_enqueue_style( 'custom_wp_admin_css' ); } add_action( 'admin_enqueue_scripts', 'load_custom_wp_admin_style' ); 

Чтобы ответить на ваши два вопроса, похоже, что метки вертикально выровнены в формате таблицы. Итак, если это так, вам нужно будет вертикально выровнять содержимое вверх, а затем изменить ширину таблицы и все последующие входы до 100% или что-то в этом роде. Без проверки, я просто догадываюсь об изображении …