Как сделать динамичное добавление произвольных полей в Wordpress?

Question

[Артем Гвоздев]

Как можно сделать динамичное добавление неограниченного числа произвольных полей?
Нашел пример на wp-kama но не могу понять что делать дальше?

Comments

[Модератор]

Артем Гвоздев дорогой пользователь, настоятельно рекомендуем еще раз обратить самое пристальное внимание на п. 3.1 регламента работы сервиса (и, в особенности, на его последний абзац).
В противном случае, ваши вопросы будут удаляться по причине тег-спама, а систематические нарушения приведут к блокировке учетной записи.

[zorca]

Конкретика то будет какая-то? Ссылка на пример с wp-kama хотя-бы? В плагине ACF PRO и библиотеке Carbon Fields эта возможность есть из коробки.

[Артем Гвоздев]

Модератор, а разве в wordpress не нужен php? дебильные правила у вас

[Артем Гвоздев]

zorca, и ссылку не дает вставить https://wp-kama.ru/id_740/blok-proizvolnyih-poley-...

Answer 1

[Орхан Гасанлы]

Гляньте плагин ACF Pro, в частности ACF Repeater.
https://www.advancedcustomfields.com/resources/rep...

Comments

[Артем Гвоздев]

он платный, про этот плагин в курсе, есть стать на
не пойму дальше что делать

[Орхан Гасанлы]

Артем Гвоздев, если хорошенько поискать в интернете название плагина со словом nulled вы обязательно найдете кучу ссылок на скачивание. Поделиться ссылой на архив не могу, забанят((
А вот, работать с ним довольно просто

[zorca]

Артем Гвоздев, Carbon Fields возьмите, он бесплатный и оупенсорсный. Уроки по нему на WP-Kama: https://wp-kama.ru/id_8542/carbon-fields-obzor-pla...

[Артем Гвоздев]

zorca, так не хотелось бы использовать плагин)

[zorca]

Артем Гвоздев, еще раз: Carbon Fields - это фреймворк, а не плагин для WordPress. В каталоге лежит старая версия, которая уже устарела. Фреймворк ставится свежий, через composer. Не хотите - не используйте. Все просто.

[Артем Гвоздев]

zorca, понял, а вот с этим кодом не поможете разобраться?
Выводит по 5-6 полей

<?php

new My_Best_Metaboxes;

class My_Best_Metaboxes {

	public $post_type = 'tours';
	static $meta_key = 'company_address';
	public function __construct() {
		add_action( 'add_meta_boxes', array( $this, 'add_metabox' ) );
		add_action( 'save_post_' . $this->post_type, array( $this, 'save_metabox' ) );
		add_action( 'admin_print_footer_scripts', array( $this, 'show_assets' ), 10, 999 );
	}

	## Добавляет матабоксы
	public function add_metabox() {
		add_meta_box( 'box_info_company', 'Информация о компании', array( $this, 'render_metabox' ), $this->post_type, 'advanced', 'high' );
	}

	## Отображает метабокс на странице редактирования поста
	public function render_metabox( $post ) {

		?>
		<table class="form-table company-info">

			<tr>

				<td class="company-address-list">
					<span class="blockpole">
					<?php
					$input = '
					<span class="item-address">
						<input type="text" name="'. self::$meta_key .'[]" value="%s">
					</span>
					';

					$addresses = get_post_meta( $post->ID, self::$meta_key, true );

					if ( is_array( $addresses ) ) {
						foreach ( $addresses as $addr ) {
							printf( $input, esc_attr( $addr ) );
						}
					} else {
						printf( $input, '' );
					}
					?>

					<?php
					$inputdesc = '
					<span class="item-address">
						<textarea class="descriptiontours" type="text" name="'. self::$meta_key .'[]" value="%s"></textarea>
					</span>
					';

					$addresses = get_post_meta( $post->ID, self::$meta_key, true );

					if ( is_array( $addresses ) ) {
						foreach ( $addresses as $addr ) {
							printf( $inputdesc, esc_attr( $addr ) );
						}
					} else {
						printf( $inputdesc, '' );
					}
					?>
					<?php
					$inputphoto = '
					<span class="item-address">
						<input type="text" name="'. self::$meta_key .'[]" value="%s">
						<span class="dashicons dashicons-trash remove-company-address"></span>
					</span>
					';

					$addresses = get_post_meta( $post->ID, self::$meta_key, true );

					if ( is_array( $addresses ) ) {
						foreach ( $addresses as $addr ) {
							printf( $inputphoto, esc_attr( $addr ) );
						}
					} else {
						printf( $inputphoto, '' );
					}
					?>
				</span>

				</td>

				<th>
					Добавить еще блок информации <span class="dashicons dashicons-plus-alt add-company-address"></span>
				</th>

			</tr>

		</table>

		<?php
	}

	## Очищает и сохраняет значения полей
	public function save_metabox( $post_id ) {

		// Check if it's not an autosave.
		if ( wp_is_post_autosave( $post_id ) )
			return;

		if ( isset( $_POST[self::$meta_key] ) && is_array( $_POST[self::$meta_key] ) ) {
			$addresses = $_POST[self::$meta_key];

			$addresses = array_map( 'sanitize_text_field', $addresses ); // очистка

			$addresses = array_filter( $addresses ); // уберем пустые адреса

			if ( $addresses ) {
				update_post_meta( $post_id, self::$meta_key, $addresses );
			}
			else {
				delete_post_meta( $post_id, self::$meta_key );
			}
		}
	}

	## Подключает скрипты и стили
	public function show_assets() {
		if ( is_admin() && get_current_screen()->id == $this->post_type ) {
			$this->show_styles();
			$this->show_scripts();
		}
	}

	## Выводит на экран стили
	public function show_styles() {
		?>
		<style>
			.add-company-address {
				color: #4caf50;
				cursor: pointer;
			}
			.company-address-list .item-address {
				display: flex;
				align-items: center;
				width: 30%
			}
			.company-address-list .item-address input {
				width: 100%;
				max-width: 400px;
			}
			.remove-company-address {
				color: #f44336;
				cursor: pointer;
			}

.blockpole {
	width: 100%;

}


		</style>
		<?php
	}

	## Выводит на экран JS
	public function show_scripts() {
		?>
		<script>
			jQuery(document).ready(function ($) {

				var $companyInfo = $('.company-info');

				// Добавляет бокс с вводом адреса фирмы
				$('.add-company-address', $companyInfo).click(function () {
					var $list = $('.company-address-list');
						$item = $list.find('.blockpole').first().clone();

					$item.find('input').val(''); // чистим знанчение
					$item.find('textarea').val('');
					$list.append( $item );
				});

				// Удаляет бокс с вводом адреса фирмы
				$companyInfo.on('click', '.remove-company-address', function () {
					if ($('.blockpole').length > 1) {
						$(this).closest('.blockpole').remove();
					}
					else {
						$(this).closest('.blockpole').find('input').val('');
						$(this).closest('.blockpole').find('textarea').val('');
					}
				});

			});
		</script>
		<?php
	}

}

[zorca]

Артем Гвоздев, а вы почасовую ставку мне оплатите? Идите на фриланс, там вам все сделают.