Как вывести форму входа на любой странице блога с помощью шорткода

Я уже описывал способ вывода формы входа в любом месте блога. Есть еще один альтернативный способ вывода формы входа с помощью шорткода, который можно вставить в содержимое любого поста или страницы.

Шорткод использует встроенную функцию wp_login_form. Для создания шорткода откройте файл functions.php, и вставьте в него код:

add_action( 'init', 'my_add_shortcodes' );
function devpress_add_shortcodes() {
	add_shortcode( 'my-login-form', 'my_login_form_shortcode' );
}

add_action( 'init', 'my_add_shortcodes' );

function devpress_add_shortcodes() {

add_shortcode( 'my-login-form', 'my_login_form_shortcode' );

}

Добавьте после него код вызова функции my_login_form_shortcode:

function my_login_form_shortcode() {
	if ( is_user_logged_in() )
		return '';
	return wp_login_form( array( 'echo' => false ) );
}

function my_login_form_shortcode() {

if ( is_user_logged_in() )

return '';

return wp_login_form( array( 'echo' => false ) );

}

Теперь вы можете использовать шорткод [my-login-form]

. Шорткод не требует указания никаких дополнительных параметров, однако их можно добавить, чтобы управлять названиями полей формы входа. Функция шорткода с параметрами будет выглядеть так:




		
		
			
			
Default
			
			function my_login_form_shortcode( $attr ) {
	if ( is_user_logged_in() )
		return '';
	/* Установки по умолчанию */
	$defaults = array(
		'label_username' => 'Имя',
		'label_password' => 'Пароль'
	);
	/* Замена настроек по умолчанию данными, которые вводит пользователь */
	$attr = shortcode_atts( $defaults, $attr );
	/* Установка значения 'echo' в 'false' для того, чтобы можно было и дальше использовать шорткод с настройками по умолчанию */
	$attr['echo'] = false;
	return wp_login_form( $attr );
}
			
				
					
				
					1
2
3
4
5
6
7
8
9
10
11
12
13
14
				
						function my_login_form_shortcode( $attr ) {
	if ( is_user_logged_in() )
		return '';
	/* Установки по умолчанию */
	$defaults = array(
		'label_username' => 'Имя',
		'label_password' => 'Пароль'
	);
	/* Замена настроек по умолчанию данными, которые вводит пользователь */
	$attr = shortcode_atts( $defaults, $attr );
	/* Установка значения 'echo' в 'false' для того, чтобы можно было и дальше использовать шорткод с настройками по умолчанию */
	$attr['echo'] = false;
	return wp_login_form( $attr );
}
					
				
			
		


Теперь шорткод формы входа с аргументами выглядит так: [my-login-form label_username="Введите имя" label_password="Введите пароль"]
Можно ли как-то изменить форму входа? Можно, если добавить в файл style.css оформление элементов формы:



		
		
			
			
Default
			
			/* Область поля ввода имени */
.login-username {}

/* Название поля ввода имени */
.login-username label {}

/* Поле ввода имени */
.login-username .input {}

/* Область поля ввода пароля */
.login-password {}

/* Название поля ввода пароля */
.login-password label {}

/* Поле ввода пароля */
.login-password .input {}

/* Область размещения чекбокса */
.login-remember {}

/* Название чекбокса */
.login-remember label {}

/* Чекбокс */
.login-remember input[type="checkbox"] {}

/* Область кнопки */
.login-submit {}

/* Копка */
.login-submit .button-primary {}
			
				
					
				
					1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
				
						/* Область поля ввода имени */
.login-username {}
 
/* Название поля ввода имени */
.login-username label {}
 
/* Поле ввода имени */
.login-username .input {}
 
/* Область поля ввода пароля */
.login-password {}
 
/* Название поля ввода пароля */
.login-password label {}
 
/* Поле ввода пароля */
.login-password .input {}
 
/* Область размещения чекбокса */
.login-remember {}
 
/* Название чекбокса */
.login-remember label {}
 
/* Чекбокс */
.login-remember input[type="checkbox"] {}
 
/* Область кнопки */
.login-submit {}
 
/* Копка */
.login-submit .button-primary {}
					
				
			
		


Пользуйтесь!