Для того чтобы разделить шорткод на две отдельные колонки на сайте, используя WordPress, можно воспользоваться следующим методом:
1. Создать два шорткода, которые будут выводить содержимое первой и второй колонки соответственно. Например:
```php
function column1_shortcode() {
return '<div class="column1">Содержимое колонки 1</div>';
}
add_shortcode('column1', 'column1_shortcode');
function column2_shortcode() {
return '<div class="column2">Содержимое колонки 2</div>';
}
add_shortcode('column2', 'column2_shortcode');
```
2. Вставить эти шорткоды на нужной странице или посте:
```plain
[column1]
[column2]
```
3. С помощью CSS стилей задать соответствующие стили для колонок:
```css
.column1 {
float: left;
width: 50%;
}
.column2 {
float: right;
width: 50%;
}
```
Чтобы изменить код шорткода на странице "Мой аккаунт" в WordPress, и разделить колонки формы для Входа и Регистрации, а также добавить между ними расстояние, можно использовать следующий пример:
```php
function custom_my_account_shortcode() {
ob_start();
?>
<div class="custom-my-account">
<div class="login-form">
// Ваш код формы для входа
</div>
<div class="spacer"></div>
<div class="register-form">
// Ваш код формы для регистрации
</div>
</div>
<?php
return ob_get_clean();
}
add_shortcode('custom_my_account', 'custom_my_account_shortcode');
```
Обратите внимание на классы "login-form", "spacer" и "register-form" - они позволят вам стилизовать каждую часть формы отдельно. Для добавления расстояния между колонками ("spacer") вы можете использовать CSS стили:
```css
.spacer {
height: 20px; /* Высота пространства между колонками */
clear: both;
}
```
Таким образом, вы сможете разделить колонки формы для Входа и Регистрации на странице "Мой аккаунт" в WordPress и стилизовать их как на скриншоте.