\u0417\u0430\u0434\u0430\u0447\u0430 \u0442\u0430\u043a\u0430\u044f — \u0441\u043e\u0437\u0434\u0430\u0442\u044c \u043c\u0435\u0442\u0430-\u0431\u043e\u043a\u0441, \u0433\u0434\u0435 \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u0442\u0441\u044f \u0438\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u0432 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u0438\u0445 \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0445 \u043f\u043e\u043b\u044f\u0445, \u0442\u043e \u0435\u0441\u0442\u044c \u0433\u0440\u0443\u043f\u043f\u0430 \u043f\u043e\u043b\u0435\u0439, \u0447\u0442\u043e\u0431\u044b \u043c\u043e\u0436\u043d\u043e \u0431\u044b\u043b\u043e \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u044c \u043d\u0435\u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0435\u043d\u043d\u043e\u0435 \u043a\u043b\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u044d\u0442\u043e\u0439 \u0433\u0440\u0443\u043f\u043f\u044b.<\/p>\n
\u0422\u0430\u043a\u0430\u044f \u0433\u0440\u0443\u043f\u043f\u0430:
\nval1: \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 | val2: \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 | val3: \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435<\/p>\n
\u0418 \u0435\u0451 \u043a\u043b\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435:
\nval1: \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 | val2: \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 | val3: \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435
\nval1: \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 | val2: \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 | val3: \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435
\nval1: \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 | val2: \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 | val3: \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435…<\/p>\n
\u0423 \u043c\u0435\u043d\u044f \u0435\u0441\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044f, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043c\u043d\u0435 \u0434\u0435\u043b\u0430\u0442\u044c \u043a\u043b\u043e\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0435 \u043e\u0434\u043d\u043e\u0433\u043e \u043f\u043e\u043b\u044f \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u044f\u0442\u044c \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442 \u0432 \u0431\u0430\u0437\u0443 \u0434\u0430\u043d\u043d\u044b\u0445, \u0438 \u043f\u043e\u043b\u0443\u0447\u0430\u0442\u044c \u043d\u0430 \u0432\u044b\u0445\u043e\u0434\u0435 \u043c\u0430\u0441\u0441\u0438\u0432. \u0412\u043a\u0440\u0430\u0442\u0446\u0435, \u0441\u0430\u043c\u043e \u043f\u043e\u043b\u0435 \u0432 \u0430\u0434\u043c\u0438\u043d\u043a\u0435 \u0432\u044b\u0432\u043e\u0434\u0438\u0442\u0441\u044f \u0442\u0430\u043a:<\/p>\n
$input = '\n <span class="item-personnel">\n <input type="text" name="'. self::$meta_key .'[]" value="%s">\n <span class="dashicons dashicons-trash remove-personnel-item"><\/span>\n <\/span>\n ';<\/code><\/pre>\n\u041d\u0443\u0436\u043d\u043e, \u0447\u0442\u043e\u0431\u044b \u043e\u043d\u043e \u0432\u044b\u0433\u043b\u044f\u0434\u0435\u043b\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u043d\u043e \u0442\u0430\u043a:<\/p>\n
$input = '\n <span class="item-personnel">\n VAL1 <input type="text" name="'. self::$meta_key .'[val1]" value="%s">\n VAL2 <input type="text" name="'. self::$meta_key .'[val2]" value="%s">\n VAL3 <input type="text" name="'. self::$meta_key .'[val3]" value="%s">\n <span class="dashicons dashicons-trash remove-personnel-item"><\/span>\n<\/span>\n';<\/code><\/pre>\n\u042f \u0434\u0443\u043c\u0430\u044e, \u0432\u0441\u044f \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u0430 \u043f\u0440\u043e\u0441\u0442\u043e \u0432 \u0442\u043e\u043c, \u0447\u0442\u043e\u0431\u044b \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043c\u0435\u0442\u0430-\u0431\u043e\u043a\u0441\u0430. \u0421\u0435\u0439\u0447\u0430\u0441 \u0441\u043e\u0445\u0440\u0430\u043d\u0435\u043d\u0438\u0435 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u0438\u0442 \u0442\u0430\u043a:<\/p>\n
if ( wp_is_post_autosave( $post_id ) )\n return;\n\n if ( isset( $_POST[self::$meta_key] ) && is_array( $_POST[self::$meta_key] ) ) {\n $addresses = $_POST[self::$meta_key];\n\n $addresses = array_map( 'sanitize_text_field', $addresses );\n\n $addresses = array_filter( $addresses );\n\n if ( $addresses ) \n update_post_meta( $post_id, self::$meta_key, $addresses );\n else \n delete_post_meta( $post_id, self::$meta_key );\n\n }\n }<\/code><\/pre>\n\u0427\u0442\u043e \u043d\u0443\u0436\u043d\u043e \u0441\u0434\u0435\u043b\u0430\u0442\u044c, \u0447\u0442\u043e\u0431\u044b \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u0432 \u043c\u0430\u0441\u0441\u0438\u0432 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u0432 (\u0433\u0440\u0443\u043f\u043f \u043f\u043e\u043b\u0435\u0439)?<\/p>\n
\u0410 \u0432\u043e\u0442 \u0432\u0441\u044f \u043c\u043e\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u0446\u0435\u043b\u0438\u043a\u043e\u043c:<\/p>\n
new My_Custom_Fields;\n\nclass My_Custom_Fields {\n\n public $post_type = 'page';\n\n static $meta_key = 'my_meta_key';\n\n public function __construct() {\n add_action( 'add_meta_boxes', array( $this, 'add_metabox' ) );\n add_action( 'save_post_' . $this->post_type, array( $this, 'save_metabox' ) );\n add_action( 'admin_print_footer_scripts', array( $this, 'show_assets' ), 10, 999 );\n }\n\n public function add_metabox() {\n add_meta_box( 'my_meta_key_form', 'my_meta_key', array( $this, 'render_metabox' ), $this->post_type, 'advanced', 'high' );\n }\n\n public function render_metabox( $post ) {\n\n ?>\n <table class="form-table my_meta_key_form">\n\n <tr>\n <th>\n My Meta Box <span class="dashicons dashicons-plus-alt add-personnel"><\/span>\n <\/th>\n <td class="personnel-list">\n <?php\n $input = '\n <span class="item-personnel">\n <input type="text" name="'. self::$meta_key .'[]" value="%s">\n <span class="dashicons dashicons-trash remove-personnel-item"><\/span>\n <\/span>\n ';\n\n $addresses = get_post_meta( $post->ID, 'personnel', true );\n\n if ( is_array( $addresses ) ) {\n foreach ( $addresses as $addr ) {\n printf( $input, esc_attr( $addr ) );\n }\n } else {\n printf( $input, '' );\n }\n ?>\n <\/td>\n <\/tr>\n\n <\/table>\n\n <?php\n }\n\n public function save_metabox( $post_id ) {\n\n if ( wp_is_post_autosave( $post_id ) )\n return;\n\n if ( isset( $_POST[self::$meta_key] ) && is_array( $_POST[self::$meta_key] ) ) {\n $addresses = $_POST[self::$meta_key];\n\n $addresses = array_map( 'sanitize_text_field', $addresses );\n\n $addresses = array_filter( $addresses );\n\n if ( $addresses ) \n update_post_meta( $post_id, self::$meta_key, $addresses );\n else \n delete_post_meta( $post_id, self::$meta_key );\n\n }\n }\n\n public function show_assets() {\n if ( is_admin() && get_current_screen()->id == $this->post_type ) {\n $this->show_styles();\n $this->show_scripts();\n }\n }\n\n public function show_styles() {\n ?>\n <style>\n .add-personnel {\n color: #00a0d2;\n cursor: pointer;\n }\n .personnel-list .item-personnel {\n display: flex;\n align-items: center;\n }\n .personnel-list .item-personnel input {\n width: 100%;\n max-width: 400px;\n }\n .remove-personnel-item {\n color: brown;\n cursor: pointer;\n }\n <\/style>\n <?php\n }\n\n public function show_scripts() {\n ?>\n <script>\n jQuery(document).ready(function ($) {\n\n var $companyInfo = $('.album-personnel');\n\n $('.add-personnel', $companyInfo).click(function () {\n var $list = $('.personnel-list');\n $item = $list.find('.item-personnel').first().clone();\n\n $item.find('input').val('');\n\n $list.append( $item );\n });\n\n $companyInfo.on('click', '.remove-personnel-item', function () {\n if ($('.item-personnel').length > 1) {\n $(this).closest('.item-personnel').remove();\n }\n else {\n $(this).closest('.item-personnel').find('input').val('');\n }\n });\n\n });\n <\/script>\n <?php\n }\n\n}<\/code><\/pre>\n","protected":false},"template":"","class_list":["post-12200548","topic","type-topic","status-publish","hentry","topic-tag-data-base","topic-tag-meta-box","topic-tag-php"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ru.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/12200548","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ru.wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/ru.wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/ru.wordpress.org\/support\/wp-json\/wp\/v2\/topic\/12200548\/revisions"}],"wp:attachment":[{"href":"https:\/\/ru.wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=12200548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}