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

  • rianovost

    (@suryano11)


    3 года, 9 месяцев назад

    День добрый уважаемые!
    Ни как не могу решать один простой вопрос:
    Как задать в области виджета макет или форму или правило, согласно которому :
    1. Каждый последующий виджет стоял рядом, а не внизу предыдущего виджета ;
    2. Ширина виджетов были резиновыми, то есть если в области ставить всего один виджет, то это на всю ширину страницы, а если две, то это две виджеты рядом на половину страницы (или родительского блока), если три то каждый занимал одну треть и так далее
    Вот, что мне удалось сделать, дальше не знаю как

    1. Создал область виджета ✔️
    2. Зарегистрировал в нужном месте ✔️
    3. Адаптивный макет в области ✖️

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

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

    (@intman1958)

    3 года, 9 месяцев назад

    Как задать в области виджета макет или форму или правило,

    У у вас две области виджетов. Есть ряд тем где большее количество мест для виджетов. Вспомни пришлю ссылку.

    Но если правильно вас понял. вам нужно установить виджеты произвольном месте страницы и так чтобы они стояли в ряд. Допустим так как у вас в подвале сайта.

    вам нужно сделать это создать место для расположения виджетов. Один Из вариантов приведен здесь А дальше смотреть как в в этот область вставлять поочередно виджет с кодом HTML.
    Cкорее всего это будет горизонтальный флекс контейнер.

    • Ответ изменён 3 года, 9 месяцев назад пользователем intman1958.
    Автор rianovost

    (@suryano11)

    3 года, 9 месяцев назад

    У вас две области виджетов. Есть ряд тем где большее количество мест для виджетов. Вспомни пришлю ссылку.

    У меня не 2 а больше областей виджетов, да и создать их не проблема, достаточно добавить код в functions и вызвать где угодно, дело в другом, например я создал область над футером и там добавлю виджеты, вне зависимости от размеров они попадут друг под другом, а в самом подвале 5 областей виджетов и тут интересно, что
    1 и 2 обязательно область рядом
    3 и 4 под 1 и 2 и тоже рядом
    5 область под самый низ и на всю ширину сайта. Все эти 5 областей идут с коробки темы.
    Я немного не правильно задал вопрос, по этому дополню :
    1. Как в одной области виджета «заставить» добавленных виджетов стоять рядом а не друг под другом, если добавленные виджеты узкие, чтобы избежать пустого пространства?

    2.Если это не возможно, то как делить макет сайта на частей, чтобы добавить в них области виджетов?

    Я полагаю, что второй вариант актуален и виджеты в моем подвале расположены рядом благодаря макету подвала а не свойств области виджета
    В моем случае макет подвала выглядит так:

    1️⃣2️⃣
    3️⃣4️⃣
    [ 5 ]

    intman1958

    (@intman1958)

    3 года, 9 месяцев назад

    например я создал область над футером и там добавлю виджеты, вне зависимости от размеров они попадут друг под другом, а в самом подвале

    Не уверен на 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)
  • Тема «Создание области виджета» закрыта для новых ответов.