Урок 4. Сайдбары Wordpress | Курс по WordPress | Академия вёрстки

Поділитися
Вставка
  • Опубліковано 29 січ 2025

КОМЕНТАРІ • 121

  • @ОльгаПадерина-ю3р
    @ОльгаПадерина-ю3р 3 роки тому +6

    Артём! Вы не представляете, насколько сильно помогаете в освоении WP! Я столько времени потеряла, пытаясь самостоятельно разобраться в этом всём. А с вашими уроками прям кураж и чувство всемогущества появилось ))) Спасибо вам огромное!

  • @ПашаСугоняко-х5ш
    @ПашаСугоняко-х5ш 5 років тому +42

    Видно что автори любит свою бабушку :)

  • @dikarpio
    @dikarpio 5 років тому +6

    Ну и конечно лайк огромный за курс, очень заходит, все понятно и теперь понятна вся физика процесса вордпресса.

  • @juliakokhan7797
    @juliakokhan7797 6 років тому +7

    Очень хорошее изложение материала... Четко по полочкам и ничего лишнего. Также понравилось, что Артем объясняет специфику классов wordpress для верстальщика!
    За короткое время получила много полезной информации )) Так держать!

    • @lanci2154
      @lanci2154 6 років тому

      @Alexey сначала нужно взяться за учебник русского языка, а потом уже за верстку.

    • @antongrekov1879
      @antongrekov1879 4 роки тому

      Что хорошего в этой подаче? Быстрый переход и метание от одного к другому ? Примера - лишь бы показать, что вот тут вывелось и всё, а то что криво тупо не к месту - не важно. Left sidebar - который справа ? Или метки, которые не выводятся да и пофигу.

  • @dimitriitkach7697
    @dimitriitkach7697 4 роки тому

    спасибо за Урок 4. Сайдбары Wordpress | Курс по WordPress | Академия вёрстки

  • @nik_t
    @nik_t 6 років тому +8

    Во! Замечательно, поправили!

  • @Anahitacode
    @Anahitacode 4 роки тому

    Всем привет. Спасибо за замечательные уроки автору.

  • @gamechannel_833
    @gamechannel_833 6 років тому

    Артем, только вас буду рекомендовать и только по вашим урокам буду учиться!

  • @ИльяПрушак-э3н
    @ИльяПрушак-э3н 2 роки тому

    Видео огонь! Все понятно и лаконично!

  • @ИгорьАршавин-з8с
    @ИгорьАршавин-з8с 6 років тому +3

    Спасибо за крутую и очень полезную подачу информации

  • @Doser518
    @Doser518 4 роки тому +2

    left_sidebar на самом деле расположен справа. Похихикал. Но в целом - в восторге.

    • @Glo_Academy
      @Glo_Academy  4 роки тому +2

      Ахахах, я даже на монтаже это не заметил. Спасибо)

  • @A1_TR_812
    @A1_TR_812 2 роки тому

    Спасибо за урок

  • @danilbadretdinov2787
    @danilbadretdinov2787 3 роки тому

    Урок стоит просмотра, лайк!

  • @artemijeka
    @artemijeka 5 років тому +4

    Спасибо большое!

  • @dotaversus7256
    @dotaversus7256 5 років тому +1

    Супер!

  • @Lobintsev
    @Lobintsev 3 роки тому +2

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

  • @ВалентинаВалерьевна-ы2н

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

  • @ДетиЗвёзд-ш9я
    @ДетиЗвёзд-ш9я 5 років тому +1

    А почему страница с урлом /blog ведет на page.php ? а какие еще станицы ведет на page.php? как это можно контролировать? просто в схеме иерархии страниц на wp-kama ничего не могу понять. Спасибо!

    • @3d76
      @3d76 5 років тому

      скорее всего ведёт на блог.хтмл ссылка "кнопки", но натыкается на пейдж.пчпи

    • @timurmakhmudov574
      @timurmakhmudov574 4 роки тому

      Тоже не пойму, откуда страница blog взялась. У меня ее вовсе нет. Как создать тоже не пойму, ибо ток начал осваивать

    • @timurmakhmudov574
      @timurmakhmudov574 4 роки тому

      как вообще посмотреть все страницы , которыми располагает сайт в текущее время

    • @pvttrix
      @pvttrix 4 роки тому

      @@timurmakhmudov574 вы поняли как новые страницы создавать и добавлять в меню? У меня всегда на главную переходит..

  • @Мария-ю4и3ш
    @Мария-ю4и3ш 3 роки тому +2

    Добрый день! Не могли бы Вы помочь мне разрешить одну проблему . Дело в том что когда я добавляю в свою папку с темой файл page.php у меня на сайте вместо главной страницы отображается страница Блога. А когда я этот файл вместо page.php переименовываю ,например на single.php у меня и в странице Блога отображается главная страница . Буду очень признательна если Вы сможете мне помочь .

  • @ДетиЗвёзд-ш9я
    @ДетиЗвёзд-ш9я 5 років тому

    Подскажите, а как фильтры для товаров добавляются?

  • @andrewlobur2578
    @andrewlobur2578 4 роки тому +1

    Если что в PHP массивах "висящая" запятая, т.е. запятая после последнего элемента массива разрешается и не влияет на работу.

  • @NikoKod
    @NikoKod Рік тому

    Спасибо за труды! Все очень доступно, подача материала структурирована намного лучше, чем у некоторых очень популярных западных курсов.
    Кстати, Артем, ссылка на Дискорд не действительна. Битая или канал больше не существует?

  • @turalinov
    @turalinov 5 років тому +1

    Круто!

  • @kirillkirillov8023
    @kirillkirillov8023 5 років тому

    гениально - я готов платить если есть курс и чтобы прокачаться надо дз делать и недорого

  • @martoyas
    @martoyas 5 років тому +4

    Столкнулся с такой проблемой, работаю на open server виджет создался всё нормально но перетаскиваю на него календарь и сохраняю, но он не сохраняется. Подскажите пожалуйста в чум тут может быть дело.

    • @luchick6852
      @luchick6852 5 років тому

      У меня тоже такая же проблема

    • @СергейГолов-ш2к
      @СергейГолов-ш2к 4 роки тому

      Здравствуйте! столкнулся с аналогичной проблемой. Мне помогло такое решение:
      изначально я писал так :
      и возникала ошибка, но потом мне подсказали, что нужно писать в нижнем регистре.
      написал:
      и все заработало.

    • @СергейЛуняк-д5е
      @СергейЛуняк-д5е 4 роки тому

      нашли решение?

    • @СергейКозловский-о6ч
      @СергейКозловский-о6ч 4 роки тому

      Я нашёл решение. Попробуйте написать с маленькой буквы после этого, виджеты не будут пропадать после перезагрузки. Например right_sidebar

  • @dimitriitkach7697
    @dimitriitkach7697 4 роки тому +4

    чтобы выводились "Tags" их тоже надо добавить к записямь как и категории

    • @Нннн-г3й
      @Нннн-г3й 4 роки тому

      но там вылазят те же рубрики что и в категории. интересно как сделать как в макете, в тегах одни в категориях другие рубрики?

  • @vvv7220
    @vvv7220 3 роки тому

    03:05 Разобрался. Почему то подумал что Our Blog в шапке, а он уже на странице. А я думаю как он подтянулся в хеадер, если мы его удалили

  • @ЮрокКовалев
    @ЮрокКовалев 6 років тому +2

    Артем, хотелось бы узнать, как подключить Background-image в Wordpress, который находиться в Css и вывести его в админку, как например для header, так и для footer???

    • @papa_paskualle
      @papa_paskualle 5 років тому +3

      инлайново вставляете в html, через style, а потом через кастомные поля

  • @shaitan657
    @shaitan657 5 років тому +16

    ctrl + f5 сбросить кеш

  • @ВиталийДякин-д6д
    @ВиталийДякин-д6д 3 роки тому +1

    Доброго времени суток. Не могу понять как форму стилизовать? как убрать лишние лейблы ну так далее....

  • @АйратФаррахов-ъ9ч
    @АйратФаррахов-ъ9ч 3 роки тому

    С виджетом тэгов проблема. Тэги на экране есть, но в инспекторе div с самими тэгами показывает высоту 0 (при том, что при наведении курсора на ссылку тэга в инспекторе, инспектор показывает, что у ссылки высота есть), и высота виджета равна только высоте заголовка. Из за этого заголовок следующего виджета (галереи) налезает на тэги. Пробовал в стилях указать height: fit-content - не помогает

  • @alexkos402
    @alexkos402 4 роки тому

    Господа, у меня проблема. Есть сайдбар, куда выводятся свежие записи в админке. Но скажите, как его кастомизировать, например, чтобы перед заголовком записи слева была миниатюра поста. Сколько не смотрел, нигде не могу найти решение. Подскажите пожалйста

  • @АйратФаррахов-ъ9ч
    @АйратФаррахов-ъ9ч 3 роки тому

    Виджет Галерея (Photostream в Sparrow) создаёт собственные стили в тэге в index.php. Когда я попробовал написать стили с такими же классами в layout.css - не помогло, мои стили всё равно перебиваются стилями из тэга . что тут можно сделать? Не ставить же в каждой строчке !important.

  • @Дмитрий-д8о6м
    @Дмитрий-д8о6м 4 роки тому +1

    Не много не понятно, почему в этот раз мы не создавали событие widgets_init в файле например page.php, как делали в предыдущие разы, например создавали событие wp_footer

  • @Skzokwkzlqlal
    @Skzokwkzlqlal 5 років тому

    Ребят подскажите, при добавлении виджета Картинки можно ей прописать Title, но он идет сверху. Можно ли и как сделать что бы Title был под картинкой

  • @livingston9750
    @livingston9750 4 роки тому

    Что делать если когда я добавляю текст в текстовый виджет сайдбара, он отображается строкой, выходящей за границы страницы?

  • @kanesolo3563
    @kanesolo3563 2 роки тому

    Как настроить, чтобы после сайдбара можно было использовать полноширный контент? и контент после сайдбара не урезался - буд-то сайдбар занимает всю вертикальную длину страницы...

  • @daryaneznanova9964
    @daryaneznanova9964 2 роки тому

    А чичас там все по-другому. Я например в функции прописываю тег с классом из таблицы стилей, но стили ставятся из админки. В админке, конечно, можно навешивать классы, но у меня получилось навешать их не на все элементы. И, насколько я поняла, если мне нужно будет добавить элемент с такими же стилями, то стили у него снова будут стандартные, и каждый раз их менять - ну, такое...

  • @aleks6764
    @aleks6764 4 роки тому

    Так и не понял как должен работать виджет Photostream. Понятно, что должны выводиться какие то картинки. Но что это за картинки? Это превьюшки постов или просто набор картинок? Есть виджет для создания галереи и туда можно накидать картинок, но мне кажется, это не то, к нему и класс другой присваивается, не такой как в вёрстке. На странице урока тоже нет никаких уточнений.

  • @holyholy413
    @holyholy413 4 роки тому

    Если к каждой рубрике нужно присвоить свою ссылку, то куда нужно ссылку прописывать в код или админку?

  • @nikolatifoff9728
    @nikolatifoff9728 5 років тому +1

    12:50
    У донора h5 имеет класс "widget-title" а у нас "widgettitle", это не критично?
    Хотя, я попробовал и так и так, разницы никакой.

  • @uaplatformacomua
    @uaplatformacomua 5 років тому

    Super!

  • @maksimometcinskii530
    @maksimometcinskii530 6 років тому +7

    Так что с Tags то в итоге? Просто забили?

    • @МаксимКиршин-л9ь
      @МаксимКиршин-л9ь 5 років тому +3

      Теги не выводятся, потому что их нужно добавить в самом вордпрессе. Т.е нужно добавить теги, рубрики и записи. И связать их друг с другом, тогда они начнут выводиться.

  • @ИлданКутдусов
    @ИлданКутдусов 4 роки тому

    Здравствуйте Артем! Хотелось бы узнать! Есть же в вордпресе стандартные темы и шаблоны? Можно ли их настраивать без верстки? Не копаясь в коде! Просто взять уже готовую и как на конструкторе все настроить?

  • @user-uo4ci6it1b
    @user-uo4ci6it1b 5 років тому

    Супер

  • @superzrus4607
    @superzrus4607 4 роки тому +1

    *У меня проблема, в виджете ТЕКСТ я пишу слова и они у меня пишутся в строчку, то-есть не в столбик как у автора а в строчку, страница становится шире из за этого появляется ползунок снизу, помогите пж*

    • @superzrus4607
      @superzrus4607 4 роки тому +2

      *Крч я фиксанул её так. Я юзал Visual Studio Code и вот в это и проблема, когда пишешь Lorem20 (или любое число) без спец плагина, он выдаёт 20 слов в линию, так вот когда копируешь в линию и вставляешь в линию получается дичь что текст выходит за границы, поэтому заюзайте на несколько сек Notepad++ или другой редактор кода, там пропишите Lorem и если он прописался в столбик то копируйте, ну или просто ручками напишите текст)*

    • @script_siren
      @script_siren 3 роки тому

      @@superzrus4607 спасибо) не думала что в этом может быть проблема. кстати, если писать руками, текст тоже в строку выстраивается, нужно только копировать откуда-то

  • @sergmalin210
    @sergmalin210 2 роки тому +1

    Спасибо за уроки, понятно, но приходится конспектировать и пересматривать видео. Интересно мне одному тяжело учиться? Грызу гранит Wordpress.

  • @cheguevara7031
    @cheguevara7031 4 роки тому

    А почему у меня виджету Categories присвоился класс cat-item-none? А не link-list? После того, как я добавил туда рубрики с записями, она стала cat-item-7, но такого класса в стилях нету

    • @cheguevara7031
      @cheguevara7031 4 роки тому +1

      Разобрался, добавил класс link-list cf через регистрацию sidebar'a в functions.

  • @Cepesh16
    @Cepesh16 5 років тому

    Несоклько раз создавал виджеты и теперь в классы называются "widget-category-3", "widget-calendear-4".
    Как обнулить этот счетчик, чтобы было просто "widget-category"? Просто удалять и заново перетащить не помогает

  • @denispnf4195
    @denispnf4195 5 років тому +1

    Странно, но у меня после добавления файла page.php работает всё наоборот. Главная страница отображает шаблон блога где слайдер, а при нажатии на блог отображает Главную со слайдером. =(

    • @denispnf4195
      @denispnf4195 5 років тому

      Решил создав файл home.php вместо page.php

    • @denispnf4195
      @denispnf4195 5 років тому

      А можно не удалять старый код HTML? а просто закоментить его? (Файл sidebar.php)

    • @klmplm
      @klmplm 4 роки тому

      спасибо, тоже столкнулся с такой проблемй, воспользовался твоим решением. Жаль так и непонятно почему так происходит

  • @Vadich92
    @Vadich92 5 років тому +3

    после создания файла page.php теперь и главная страница и блог использует шаблон page.php ...

    • @Glo_Academy
      @Glo_Academy  5 років тому +3

      Для этого нужно в настройках явно указать шаблон для этих страниц, либо сделать front-page.php для главно

    • @Vadich92
      @Vadich92 5 років тому

      @@Glo_Academy Да я переименовал для мэйна шаблон в front-page.php, явно шаблон не получилось поменять в Page Attributes нету такой настройки, дальше не копал

    • @shinne-g5u
      @shinne-g5u 5 років тому +5

      Столкнулся с такой же проблемой. Как оказалось стоило в Настройках-Чтение-На главной странице отображать включить Статическую страницу, а Ваши поседении записи.

    • @ИльназГарайшин-ч6о
      @ИльназГарайшин-ч6о 3 роки тому

      я назвал page-blog.php и норм

  • @Uncaught_in_promise
    @Uncaught_in_promise 6 років тому

    Уважаемый Артем, допустим я создал тему на локалке. Потом запустил сайт, установил туда свою тему, все прекрасно работает. Сайт начали наполнять, а через некоторое время нужно менять фронт-енд/стили. В этом случае
    на локале менять фронт-енд, потом измененную тему заливать на хостинг. А что будет с базой данных, с информацией? Получается, старую тему удалить, записать новую, и как будет работать?

    • @nikolatifoff9728
      @nikolatifoff9728 5 років тому +1

      Почитайте про перенос темы с локалки на хостинг. И да, никогда не работайте над живым сайтом, варианта у вас три:
      1. Работать локально, после теста перенести на хостинг
      2. Работать на поддомене (типа создали тест.сайт.ру) , потом перенести на основной.
      3. В идеале работать через контроль версий, Git. Не уверен, но у Исламова должны, наверное, быть видео на эту тему. Если нет, у Гикбрейнс есть бесплатный курс по Гит.

  • @josephchristian4571
    @josephchristian4571 6 років тому +1

    Хотел бы узнать, как подключать скрипты правильно по очереди? Если подключен скрипт jQuery и на самом index.php записан в скрипе jquery функции, и после этого скрипта подключается wow-min.js и там есть ещё функции, как правильно их подключать чтобы все скрипты работали правильно как нужно.

  • @pannda8333
    @pannda8333 5 років тому

    добавляю виджет categories, а он мне не оборачивает текст в ссылку. Почему может такое получаться?

    • @ВООБРАЖЛЯНДИЯ-ж6т
      @ВООБРАЖЛЯНДИЯ-ж6т 5 років тому

      правильно понял: Внешний вид - Виджеты - Рубрики ('Categories'). Добавляете записи, прикрепленные к Рубрике ('Categories') и при отображении Страницы 'Blog.php', у вас текст категорий не оборачивается в ссылку?

  • @skeelo3157
    @skeelo3157 5 років тому

    А как кастомные поля делать

  • @leshikzoloto
    @leshikzoloto 2 роки тому

    Как добавить Tags автор об этом умолчал как добавить галерею тоже сейчас таких виджетов как Tags в wordPress нет либо я что то не понял ну в любом случае автору Спасибо

  • @freeshooter3163
    @freeshooter3163 3 роки тому

    почему layout , зачем какой-то cat

  • @holdest1436
    @holdest1436 3 роки тому

    В ID виджета НЕ может быть больших букв

  • @vvv7220
    @vvv7220 3 роки тому

    Если мы вместо штатного сайдбара вставим , то стили надо прописывать по другому. Так наверное. Для тех кто такой же отсталый как я, не понял сразу в чём дело:
    .current-cat a{
    color: orange;
    }

  • @tempest7772
    @tempest7772 4 роки тому

    а как поменять стиль поискового виджета? Я так и не понял

    • @neonlight5646
      @neonlight5646 4 роки тому +3

      layout.css:
      #sidebar .widget .text-search заменить на #sidebar .widget [type="text"],
      #sidebar .widget .submit-search заменить на #sidebar .widget #searchsubmit
      .screen-reader-text {
      display: none;
      }
      init.js:
      $('#searchsubmit').val('');
      $('#searchform').find('input[type="text"]')
      .val('Search here...')
      .on('focus', function(){
      if ($(this).val() == 'Search here...') {
      $(this).val('');
      }
      })
      .on('blur', function(){
      if ($(this).val() == '') {
      $(this).val('Search here...');
      }
      });

  • @systemconnect3096
    @systemconnect3096 6 років тому

    а как поправить стили для поля поиска, которое неправильно вывелось?

    • @Glo_Academy
      @Glo_Academy  6 років тому

      Найти стандартные классы, которые вешает Wordpress на элементы и стилизовать эти элементы.

    • @systemconnect3096
      @systemconnect3096 6 років тому

      @@Glo_Academy прошу вас , скиньте пример готового css кода. Кстати, там ещё был встроенный javascript. Как с ним быть? Я догадываюсь, что его лучше переписать на css, там ничего особенного вроде, просто скрытие строки внутри поля

    • @systemconnect3096
      @systemconnect3096 6 років тому +2

      В общем, решил я данную проблему таким образом:
      *В файл **_functions.php_** добавил следующий код:*
      function my_search_form( $form ) {
      $form = '
      ';
      return $form;
      }
      add_filter( 'get_search_form', 'my_search_form' );
      *В файле **_style.css_** изменил на вот это:*
      /* search */
      #searchform {
      /*position: relative; */
      margin: 24px 0 36px 0;
      }
      #searchform input[type="text"] {
      padding-right: 40px;
      border:none;
      width: 100%;
      min-width: 150px;
      border-radius: 3px;
      }
      #searchform input[type="submit"] {
      background:url(../images/search-icon.png) no-repeat;
      border:none;
      cursor:pointer;
      width:18px;
      height:18px;
      margin: 0;
      padding: 0;
      float: right;
      position: relative;
      top: -60px;
      right: 18px;
      /*display: none !important;*/
      }

    • @systemconnect3096
      @systemconnect3096 6 років тому +1

      забыл еще это:
      *functions.php меняем форму на html5:*
      add_theme_support('html5', array('search-form'));

    • @Руслан-р4з6м
      @Руслан-р4з6м 6 років тому

      @@systemconnect3096 А если на сайте несколько разных форм поиска?

  • @БелыйГоловешка
    @БелыйГоловешка 4 роки тому +1

    реально круто, но блин скорость реально обалдеть! я пока окно переключал, уже меню создали, перематываю постоянно назад(

    • @vvv7220
      @vvv7220 3 роки тому

      я смотрю на скорости 50%

  • @Cepesh16
    @Cepesh16 5 років тому

    Подключить jquery:
    wp_deregister_script( 'jquery' );
    wp_register_script( 'jquery', get_template_directory_uri() . '/assets/js/jquery-1.10.2.min.js' );
    wp_enqueue_script( 'jquery' );

    • @vlaszubenko2610
      @vlaszubenko2610 4 роки тому

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

  • @dikarpio
    @dikarpio 5 років тому

    Подскажите почему слайдер у меня не работает? Он просто схлопнулся.
    Ответа типа криворукий принимаются))))

    • @Glo_Academy
      @Glo_Academy  5 років тому

      Причин может быть много, нужно смотреть код. Это лучше написать в наш общий чат в дискорде discord.gg/U7YPTYP

    • @3d76
      @3d76 5 років тому

      @@Glo_Academy ссылка на Дискорд не работает

  • @alexeykornev4048
    @alexeykornev4048 5 років тому

    Cool

  • @kirillriman3611
    @kirillriman3611 5 років тому

    Если у кого-то слетели стили при добавлении Blog - добавьте вызов wp_head перед /header в header.php

  • @АлександрМерный-м1ч

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

  • @varjet1
    @varjet1 6 років тому

    font-weight: 900; И всё будет нормально с толщиной шрифта

  • @redex9953
    @redex9953 4 роки тому

    автор left и right спутал? не хочу докапыватса но блин

  • @evgenylevchenya8734
    @evgenylevchenya8734 5 років тому +1

    cat has children)

  • @ИловМакс
    @ИловМакс 5 років тому

    По сути нам sidebar.php не нужен, если можно разные сайдбары функцией динамиксайдбар вызывать.

  • @denyssobkevych8265
    @denyssobkevych8265 5 років тому

    А домашки бесплатной не будет?))

    • @andrononemillion8821
      @andrononemillion8821 4 роки тому +2

      Скосили цену в 10 раз. Весь курс бесплатно. За счет него ты сможешь зарабатывать десятки тысяч. Одна домашка стоит пару копеек, и ту бесплатно дай. Что ты за человек? Нет таких условий, что бы ты попав сюда, не смог раздобыть 1к рублей.

  • @consaltplus8915
    @consaltplus8915 2 роки тому

    Ни хуя не понял, но очень интересно

  • @italik3883
    @italik3883 6 років тому +1

    Рили? Нету первых?

    • @andrey_kapro
      @andrey_kapro 5 років тому +2

      тут нет деградантов

  • @samborsky_pro
    @samborsky_pro 4 роки тому

    +++++

  • @freeshooter3163
    @freeshooter3163 3 роки тому

    я уснул. Слишком быстро и сплошная путаница.