HTML2WP. Серия #6.2. Главная. Выводим слайдер

Артем Абрамович

Меня зовут Артем Абрамович и я являюсь фрилансером-вордпресером. Занимаюсь настройкой и редактированием сайтов созданных на CMS WordPress. Это основная моя специализация, есть еще несколько работ, которыми я занимаюсь, но обо этом вы можете более подробно узнать из моего портфолио.

41 комментарий к “HTML2WP. Серия #6.2. Главная. Выводим слайдер”

  1. Там где кнопка on-off была на слайдер, как её значения вывести?

    Ответить
    • В темопшнс проблем не было . Тут в метабоксах другая метода вывода? Если не сложно, можешь пример черкануть? За видео отдельное спасибо.

      Ответить
    • Примерно тоже самое, только использутеся get_post_meta. Примерно так
      if (get_post_meta($post->ID, ‘ID_поля’, true) != ‘off’) {
      здесь выводим что надо
      }

      Ответить
    • Если вместится в сюжет следующего видео :), расскажи пжл об опции динамический CSS в OptionTree, на примере, как ее использовать, было бы очень кстати

      Ответить
    • Хороший вопрос) Не думаю, что в следующем видео все поместится, но видео точно будет

      Ответить
  2. Вопрос не поэтому видео заранее извиняюсь. Подскажите как правильно настроить мобильный сайт или как к мобильному сайту по подключить счетчик яндекса? Я сделал это через jetpack все работает кроме статистики. Статистика с пк сайта считается а с мобильной версии нет. Дайте какое то решения или может на канале есть уже ответ на мой вопрос. Заранее огромное спасибо.

    Ответить
    • На канале точно нет такого видео. Обычно мобильными версиями не пользуются, гугл не любит такие сайты. Делают адаптивной тему сам обычно. А так метрика должна работать на обе версии, хотя тут вопрос как у вас срабатывает мобильная версия. Честно говоря, никогда с таким не сталкивался

      Ответить
    • Спасибо за ответ, у меня сайт адаптируется под мобильную версию, но хотелось отдельно настроить сайт под мобильную версию.

      Ответить
    • Вы ничего не путаете? Сайт не может адаптироваться под мобильную версию. Если вас мобильная версия, значит на мобильных устройствах грузится другая версия сайта — мобильная. И тогда, наверное, имеет смысл что-то настраивать.
      Если у вас адаптивный сайт, то у вас ничего не грузится на мобильниках, а только контент подстраивается под размер экрана и сайт у вас тот же самый и никакого смысла настраивать его нет

      Ответить
  3. А что за «влка»? В видео вы так назвали слайдер которым пользуетесь) Можно узнать полное название этого плагина?)

    И еще: а как сделать заголовки ссылками в слайдере? Ну то что их нужно обернуть в тег это понятно, а вот как сюда адрес страницы нужной подставлять? Делать мета боксе слайдера еще одно текстовое поле, куда вставлять ссылку и выводить это поле в href???

    Или же есть более красивый способ?)

    Ответить
    • Слайдер называется OWL Carousel

      Если ссылкой надо управлять вручную, то да именно так и делать. В ОТ есть поле линк, но оно просто ссылку выводить, проще через 2 текстовых поля сделать: одно для ссылки, другое для надписи. Если не вручную то тут много вариантов

      Ответить
  4. Спасибо за видео!
    Хочу спросить, в данном слайде можно реализовать пролистыванием мышкой (на мобильном устройстве с помощью тача)?

    Ответить
    • В таком случае не подскажите, в чем проблема. Сайт https://goo.gl/7aqKCL работают только стрелочки (перелистывание слайдов). Мышкой (на компе) и Тачем (с мобильника) пролистывание не работает.

      Ответить
    • В данном случае, надо сам слайдер настраивать, там какая-то старая версия стоит, я уж не стали пока ничего пилить. Можете поставить новую версия этого плаина и в ней по молчанию все работает

      Ответить
    • Было бы супер!!! все таки добавление UI пунктика, мелоч, а приятно 🙂
      Артем, могли бы скинуть ссылку, на новую версию, попробую запилить (но в js, как и в php не силен, ни разу…но попытка непытка)

      Ответить
    • О, точно! Там овлка на отзывах запилена. В принципе ничего сложного нет, единственный момент что Камера сразу картинки подстраивает под нужный размер, а с ОВЛкой придется подрезать кариннки

      Ответить
    • а camera можно заставить пролистывать? Могу предположить, что в js плагина нужно, что-то допилить(отлеживание нажатия левой кнопкой мыши и смещение), но так как в этом вопросе полный профан, могу только предполагать пока 🙂

      Ещё по ходу изучения сериала нашел пару багов, но уже досматриваю последние видео (если в них эти косяки не исправите или не заметили), там спрошу, что бы не прыгать от видео к видео.

      Ответить
    • Вот не подскажу, не разбирался с этим плагином. А про баги говорите, если много будет, то запишу отдельное видео

      Ответить
    • Ну я себе помечаю. Когда дойду до последнего виде напишу, а там сами посмотрите, стоит пилить полноценное видео или можно прокомментировать сообщением или в видео сделать акцент на это 🙂
      В любом случае спасибо за помощь

      Ответить
    • Ну так же, примерно, только сделать отдельную вкладку, а в ней нужные поля а вывод делать в нужном месте

      Ответить
  5. Спасибо за уроки. Очень интересно и полезно. Подскажите, вы не будете создавать уроки по Option tree?

    Ответить
    • Пожалуйста! В принципе, все базовые настройки я рассмотрел в этом сериале. Так что скорее всего нет. К тому же, я перешел на другие фреймворки, более гибкие и удобные — CarbonFields и ACF

      Ответить
  6. Огромное спасибо за видео! Подскажите плиз как добавить первому слайду класс active (использую carousel bootstrap)?

    Ответить
    • Пожалуйста! Прикрутить счетчик, и считать элементы (в каком-то из видео это было). Как только появился первый элемент в цикле, присваивать нужный класс

      Ответить
  7. Подскажите, как можно реализовать данный ф-ционал слайдера с помощью ACF , такой код не работает (картинки выводятся, но не как слайд) :

    <div data-src=" <img src="» » >

    Ответить
  8. Напишите пожалуйста, какой плагин выводит поля со слайдами?

    Ответить
  9. Спасибо за урок.
    А я вот для слайдера создаю свой тип записи. Так удобнее, нужно добавить новый слайд, создал запись с текстом и картинкой и все.
    А в вашем способе есть много нюансов:
    1. Если захотите вывести этот же слайдер на других страницах, то придется менять код не только в шаблоне страницы, но и в файлах плагина.
    2. Если нужно будет добавить новый слайд, то опять же придется лезть в файлы плагина и добавить новые опции.

    Это не так сложно, если сайт делаешь для себя, но большинство работ идут для заказчиков, а они не все умеют программировать))

    Опишите пожалуйста еще несколько способов настроить слайдер, кроме своих типов записей и плагина для метабоксов.
    Я сейчас использую carbon-fields.
    Он интуитивно понятнее.

    Заранее благодарен.

    Ответить
    • Слайдер — это такой конь в вакууме. Если сильно нужен можно сделать как угодно, через записи, мету, настройки, шорткодом, блоком для гутенберга. Вот только вы часто видели использование слайдера других страницах кроме главной?

      Ответить
  10. Доброго времени суток, Артём Абрамович.
    Подскажите, куда глянуть, чтобы исправить:
    5:00 у меня почему-то в массиве отображается только title, а header и upload пустые.
    9:54 Артём, это что за плагин у вас? И ещё подскажите, плиз, что за плагин делает такую красивую разметку, а то у меня белым-бело, как зимой в тайге =)
    17:09 у меня ошибки в ядре WP так же после подключения easing с бегущим вверх количеством ошибок.
    TypeError: n.easing[this.easing] is not a function2311 jquery.js:4:1166
    Наверное не стоит её трогать? Слайдер в хроме не появился, а в firefox появился, но только первый без реакции при кликании на стрелки и без текста.
    Какой же глупый этот хром и как прекрасен firefox — всё интуитивно показывает и есть база https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Errors/Not_a_function

    Решение:
    /*Эти скрипты нужны для адекватной работы слайдера. В Firefox и Opera будет работать, в Chrom — шляпа.*/
    wp_enqueue_script(‘jquery-migrate’, get_template_directory_uri() . ‘js/jquery-migrate-1.2.1.js’);
    wp_enqueue_script(‘jquery-ui’, ‘http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js’);

    У меня ещё вопрос созрел: вот мы слайды сделали, а настраивать, например, визуализацию нужно в camera.js или брать примеры оттуда и активировать нужные эффекты в script.js?
    Суперовый контент всё-таки! =)
    Спасибо за видео и большой палец вверх! =)

    Ответить
    • «у меня почему-то в массиве отображается только title, а header и upload пустые.» значит в них нет данных, проверяйте заполнение

      «Артём, это что за плагин у вас? И ещё подскажите, плиз, что за плагин делает такую красивую разметку, а то у меня белым-бело, как зимой в тайге =)» Про плагин не понял, а так у меня вроде тут стандартная тема саблайма. Если используете Шторм то рекомендую поставить плагин Material для настройки внешнего вида

      «у меня ошибки в ядре WP» это ошибки в скриптах а не в ядре, правильность зависимосте и подключения jquery проверьте

      Визуализацию уже да, надо настраивать отдельно

      Ответить

Добавить комментарий

%d такие блоггеры, как: