Title: Создание области виджета
Last modified: 07.04.2021

---

# Создание области виджета

 *  [rianovost](https://ru.wordpress.org/support/users/suryano11/)
 * (@suryano11)
 * [5 лет, 6 месяцев назад](https://ru.wordpress.org/support/topic/%d1%81%d0%be%d0%b7%d0%b4%d0%b0%d0%bd%d0%b8%d0%b5-%d0%be%d0%b1%d0%bb%d0%b0%d1%81%d1%82%d0%b8-%d0%b2%d0%b8%d0%b4%d0%b6%d0%b5%d1%82%d0%b0/)
 * День добрый уважаемые!
    Ни как не могу решать один простой вопрос: Как задать
   в области виджета макет или форму или правило, согласно которому : 1. Каждый 
   последующий виджет стоял рядом, а не внизу предыдущего виджета ; 2. Ширина виджетов
   были резиновыми, то есть если в области ставить всего один виджет, то это на 
   всю ширину страницы, а если две, то это две виджеты рядом на половину страницы(
   или родительского блока), если три то каждый занимал одну треть и так далее Вот,
   что мне удалось сделать, дальше не знаю как
 * 1. Создал область виджета ✔️
    2. Зарегистрировал в нужном месте ✔️ 3. Адаптивный
   макет в области ✖️
 * Страница, с которой нужна помощь: _[[войдите](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fru.wordpress.org%2Fsupport%2Ftopic%2F%25D1%2581%25D0%25BE%25D0%25B7%25D0%25B4%25D0%25B0%25D0%25BD%25D0%25B8%25D0%25B5-%25D0%25BE%25D0%25B1%25D0%25BB%25D0%25B0%25D1%2581%25D1%2582%25D0%25B8-%25D0%25B2%25D0%25B8%25D0%25B4%25D0%25B6%25D0%25B5%25D1%2582%25D0%25B0%2F%3Foutput_format%3Dmd&locale=ru_RU),
   чтобы увидеть ссылку]_

Просмотр 3 ответов — с 1 по 3 (всего 3)

 *  [intman1958](https://ru.wordpress.org/support/users/intman1958/)
 * (@intman1958)
 * [5 лет, 6 месяцев назад](https://ru.wordpress.org/support/topic/%d1%81%d0%be%d0%b7%d0%b4%d0%b0%d0%bd%d0%b8%d0%b5-%d0%be%d0%b1%d0%bb%d0%b0%d1%81%d1%82%d0%b8-%d0%b2%d0%b8%d0%b4%d0%b6%d0%b5%d1%82%d0%b0/#post-12209790)
 * > Как задать в области виджета макет или форму или правило,
 *  У у вас две области виджетов. Есть ряд тем где большее количество мест для виджетов.
   Вспомни пришлю ссылку.
 * Но если правильно вас понял. вам нужно установить виджеты произвольном месте 
   страницы и так чтобы они стояли в ряд. Допустим так как у вас в подвале сайта.
 *  вам нужно сделать это создать место для расположения виджетов. Один Из вариантов
   [приведен здесь](http://wordpressinside.ru/plugins/shortcode-widget/) А дальше
   смотреть как в в этот область вставлять поочередно виджет с кодом HTML.
    Cкорее
   всего это будет горизонтальный флекс контейнер.
    -  Ответ изменён 5 лет, 6 месяцев назад пользователем [intman1958](https://ru.wordpress.org/support/users/intman1958/).
 *  Автор [rianovost](https://ru.wordpress.org/support/users/suryano11/)
 * (@suryano11)
 * [5 лет, 6 месяцев назад](https://ru.wordpress.org/support/topic/%d1%81%d0%be%d0%b7%d0%b4%d0%b0%d0%bd%d0%b8%d0%b5-%d0%be%d0%b1%d0%bb%d0%b0%d1%81%d1%82%d0%b8-%d0%b2%d0%b8%d0%b4%d0%b6%d0%b5%d1%82%d0%b0/#post-12209799)
 * > У вас две области виджетов. Есть ряд тем где большее количество мест для виджетов.
   > Вспомни пришлю ссылку.
 * У меня не 2 а больше областей виджетов, да и создать их не проблема, достаточно
   добавить код в functions и вызвать где угодно, дело в другом, например я создал
   область над футером и там добавлю виджеты, вне зависимости от размеров они попадут
   друг под другом, а в самом подвале 5 областей виджетов и тут интересно, что
    
   1 и 2 обязательно область рядом 3 и 4 под 1 и 2 и тоже рядом 5 область под самый
   низ и на всю ширину сайта. Все эти 5 областей идут с коробки темы. Я немного 
   не правильно задал вопрос, по этому дополню : 1. Как в одной области виджета «
   заставить» добавленных виджетов стоять рядом а не друг под другом, если добавленные
   виджеты узкие, чтобы избежать пустого пространства?
 * 2.Если это не возможно, то как делить макет сайта на частей, чтобы добавить в
   них области виджетов?
 * Я полагаю, что второй вариант актуален и виджеты в моем подвале расположены рядом
   благодаря макету подвала а не свойств области виджета
    В моем случае макет подвала
   выглядит так:
 * 1️⃣2️⃣
    3️⃣4️⃣ [ 5 ]
 *  [intman1958](https://ru.wordpress.org/support/users/intman1958/)
 * (@intman1958)
 * [5 лет, 6 месяцев назад](https://ru.wordpress.org/support/topic/%d1%81%d0%be%d0%b7%d0%b4%d0%b0%d0%bd%d0%b8%d0%b5-%d0%be%d0%b1%d0%bb%d0%b0%d1%81%d1%82%d0%b8-%d0%b2%d0%b8%d0%b4%d0%b6%d0%b5%d1%82%d0%b0/#post-12209804)
 * > например я создал область над футером и там добавлю виджеты, вне зависимости
   > от размеров они попадут друг под другом, а в самом подвале
 * Не уверен на 100 % прав. Сам никогда не выводил виджеты произвольно. Но если 
   есть некая область виджетов, то создав ее можете помесить для начало в нее виджет
   HTML И пишите для не него код флекс контейнера
 *     ```
       . wrapper{
               display: flex;
               align-items: center;
               justify-content: center;
               flex-direction: row;
               width: 100%;
       ```
   
 * }
    Затем в этот контейнер wrapper добавляете элементы (блоки) каждый из которых
   будет областью виджета для еще одного виджета html
 * > <div class=»wrapper»>
   >  <div class=»item»></div> <div class=»item»></div> <div
   > class=»item»></div> <div class=»item»></div> </div>

Просмотр 3 ответов — с 1 по 3 (всего 3)

 Тема «Создание области виджета» закрыта для новых ответов.

## Метки

 * [виджеты](https://ru.wordpress.org/support/topic-tag/%d0%b2%d0%b8%d0%b4%d0%b6%d0%b5%d1%82%d1%8b/)
 * [виджеты рядом](https://ru.wordpress.org/support/topic-tag/%d0%b2%d0%b8%d0%b4%d0%b6%d0%b5%d1%82%d1%8b-%d1%80%d1%8f%d0%b4%d0%be%d0%bc/)
 * [размер области виджетов](https://ru.wordpress.org/support/topic-tag/%d1%80%d0%b0%d0%b7%d0%bc%d0%b5%d1%80-%d0%be%d0%b1%d0%bb%d0%b0%d1%81%d1%82%d0%b8-%d0%b2%d0%b8%d0%b4%d0%b6%d0%b5%d1%82%d0%be%d0%b2/)

 * Форум: [Проблемы и решения](https://ru.wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3 ответа
 * 2 участника
 * Последний ответ: [intman1958](https://ru.wordpress.org/support/users/intman1958/)
 * Последняя активность: [5 лет, 6 месяцев назад](https://ru.wordpress.org/support/topic/%d1%81%d0%be%d0%b7%d0%b4%d0%b0%d0%bd%d0%b8%d0%b5-%d0%be%d0%b1%d0%bb%d0%b0%d1%81%d1%82%d0%b8-%d0%b2%d0%b8%d0%b4%d0%b6%d0%b5%d1%82%d0%b0/#post-12209804)
 * Статус: нерешённая

## Темы

### Самые популярные темы

### Темы без ответов

### Без вопроса

### Решённые

### Нерешённые

### Все темы
