HTML2WP. Серия #3.1. Пилим шапку: добавляем динамики и настроек

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

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

72 комментария к “HTML2WP. Серия #3.1. Пилим шапку: добавляем динамики и настроек”

  1. Артем, спасибо вам за ваш труд. Интересует такой вопрос, как можно не выводить в меню на главной странице ссылку «Главная»? спасибо, заранее

    Ответить
  2. Друзья! Никак не могу понять: надо ли в видео делать увеличение области? Так смотрю вроде все видно, а когда монтирую кажется что все довольно мелко. Скажите вам все видно, доп увеличение не требуется?

    Ответить
    • Артём, за твой труд спасибо! Всё видно, увеличение области делать не нужно, а вот качество 720р бы не помешало

      Ответить
    • Пожалуйста! Ок, принял к сведению. А видео все в HD качестве пишутся, ну по крайней мере так говорит ютуб

      Ответить
    • Спасибо за урок . все хорошо . ничего увеличивать не нужно . Кому нужно , и кто не успевает — всегда можно замедлить воспроизведение видео на ютубе

      Ответить
  3. Вроде все получилось в этом уроке. Единственное номер телефона и время работы у меня сместилось в центр шапки. Как бы исправить?

    Ответить
    • Что-то не так значит со стилями, видели же что я стили в видео правил.

      Ответить
  4. Девушка спрашивает:
    — Ты чем сегодня занимался?
    Я: сериал смотрел полдня
    Девушка: сериал? От тебя толку не будет!
    Ты уйдешь, так и не узнав, что это был за сериал…

    Ответить
  5. Это лучший канал по WordPress!!!
    Наткнулся случайно, когда инструкцию к плагину гуглил по SEO YOAS! Я уверен, что он еще раскрутиться, контент очень качественный и подача прекрасная! Все остальные каналы просто пародия)))) Огромное спасибо Вам за то, что Вы делаете:) Буду рекомендовать!!!)

    Ответить
  6. Зачем в if сравнивать переключатель с off? Если условие не выполнится, тогда слоган и так выведен не будет (переключатель возвращает логическое значение.)

    Ответить

    • Можно так сделать, без сравнения с off? Ведь если if вернет false значит описание не выведется?

      Ответить
    • Не получиться. Данное поле возвращает или on или off. Там радиобаттон стоит, который возвращает эти значения, а не просто да нет. Соответственно, в условие надо проверять, что вернулось. Иначе просто работать не будет. Хотя и не проверял. Распечатайте значение поле ot_get_option(‘desc_on_off’) и посмотрите что вам возвращает.

      Ответить
  7. Добрый день Артем.
    Заметил баг один, ума не приложу, как исправить. После реализации замены текстового названия сайта на логотип на главной все ок — https://goo.gl/5fmvuo, но вот, если перейти на любую страницу (навигация у меня реализована именно страницами), то логотип меняется обратно на текстовое название сайта — https://goo.gl/47Tfas, когда возвращаешь на главную — снова становиться логотипом.
    Пробовал с гитхаба этот участок кода скопировать с Вашего сайте — ситуация не изменилась.

    Ответить
    • Спасибо!) и ведь в прошлый раз когда начинал (чейчас по новой делай, так как длительный перерыв был) не заметил и Вам никто не сказал))

      Ответить
    • Ну за всем сложно уследить и такие баги вылезают обычно уже при эксплуатации) Всегда пожалуйста

      Ответить
    • Насколько я понял, все проверки на наличие в настройках картинки, мы делаем внутри проверки на то, главная это страница или нет (is_front_page). Само собой, что если это действительно главная страница, то картинка логотипа отображаться будет (если в настройках картинка загружена). Но на остальных страницах будет отрабатывать та часть проверки, где выводится просто название сайта в ссылке.

      Ответить
    • Логика верна, но тут Александр прав, там баг был. В следующей серии его исправили

      Ответить
  8. Не подскажите OptionsTree это лучшая версия встроенного в wordpress customizer? В чем отличие? И после того как сделаешь к примеру все опции нужно рекомендовать установить OptionsTree при загрузке темы?

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

      Ответить
    • По аналогии. Вместо ссылки на телефон, ставите ссылки на профили. Только стили другие будут использоваться

      Ответить
  9. А если вместо условного оператора «if» применять тернарный оператор

    Ответить
    • Можно и тренарку, просто не всегда она действительно нужна

      Ответить
  10. Стоит ли использовать этот плагин сейчас, на странице плагина написано что он устарел?

    Ответить
  11. Добрый день, второй день сижу над посадкой, когда дошел до текстового поля, возник вопрос, а как ограничить количество вводимых знаков в текстовое поле, в противном случае заказчик может ввести такое длиннющий тест, что или шаблон порвет или блоки встанут некрасиво.
    Особенно ограничивать длины текстового поля полезно будет для телефона
    Спасибо за ответ.

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

      Ответить
    • Спасибо за ответ, я 2 недели назад заинтересовался фрейворками, с помощью которых можно было бы создать админку максимально удобную для заполнения сайта материалами. Чисто посадку рассматривают, но это не то, нужна именно админка и о чудо нашел крайне мало материалов. Почему остановился на вашем канале и серии видео. Да потому что хоть что-то, от чего можно оттолкнуться. Кроме вас, об этом плагине довольно подробно рассказывает Md Solaiman, но он говорит не по английски, хорошо хоть нормально снял серию уроков.
      Мои поздравления, вы в русскоговорящем интернете по теме посадке на WordPress — лидер

      Ответить
    • Спасибо! Да у Md Solaiman мало что понятно) Но можно разобраться, при желании. Есть по удобнее фреймы Carbon Fields например

      Ответить
    • Спасибо за подсказку, нашел о нем целый плей-лист на you tube

      Ответить
  12. Артем, доброго времени! Подскажи пожалуйста каким образом можно прикрутить проверку на разрешение экрана (по типу window.innerWidth в JS), Например я хочу чтобы телефон был кликабельный на устройствах с шириной экрана до 800px. Можно конечно медиа запросом закрывать ненужное display: none , но идея в том чтобы не выводить данные вовсе, этой проверкой можно было-бы отключать какие либо блоки по заданному разрешению. Пока подключил библиотеку Mobile_Detect.php и делаю проверку на то является ли устройство Mobile.
    Спасибо

    Ответить
  13. Выходит ошибка:
    Warning: call_user_func_array() expects parameter 1 to be a valid callback, function ‘theme_options_parent’ not found or invalid function name in C:OpenServerdomainsbusiness.devwp-includesclass-wp-hook.php on line 286
    Файл class-wp-hook.php:
    282 // Avoid the array_slice if possible.

    283 if ( $the_[‘accepted_args’] == 0 ) {
    284 $value = call_user_func_array( $the_[‘function’], array() );
    285 } elseif ( $the_[‘accepted_args’] >= $num_args ) {
    286 $value = call_user_func_array( $the_[‘function’], $args );
    287 } else {
    288 $value = call_user_func_array( $the_[‘function’], array_slice( $args, 0, (int)$the_[‘accepted_args’] ) );
    289 }
    Подскажите как исправить ошибку?!

    Ответить
    • Это у вас ошибка скорее всего при использовании хуков, ожидается что в вызываемой функции будет какой-то входной параметр

      Ответить
  14. Спасибо.
    У меня вопрос:
    А чем этот плагин лучше carbon fields?
    Какой из них вам больше нравится?

    Ответить
  15. А вы почему не сказали, что query monitor вызывает для себя jquery в шапку.
    Когда он подключен, jquery появляется в шапке, когда он отключен, то в футере, как указал в functions.php.
    Вот какой эгоист этот плагин, а я голову ломал))

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

      Ответить
    • @Финты WordPress просто я не знал, что забирает jquery к себе, посему и долго искал причину))
      Просто я привык подключать jquery в подвале.

      Ответить
    • Не, во время разработки лучше все в шапке подрубать, потом на проде уже оптимизировать

      Ответить
  16. Товарищи, кто подключает плагин OptionTree в 2021, у вас он работает?

    Ответить
  17. Спасибо за исходники и уроки. Вы лучший.
    Подскажите пожалуйста, каким образом код сам с файла шаблона index.php
    ******** С HTML превратился в PHP ********
    (может это где то отдельный урок на YouTube.
    Без этого дальнейшее понимание уроков заходит в тупик )

    Business
    Company
    800-2345-6789
    One of our representatives will happily contact you within 24 hours. For urgent needs call us at

    Home

    About

    Lorem ipsum dolor
    Conse ctetur adipisicing
    Elit sed do eiusmod

    Lorem ipsum
    Conse adipisicing
    Sit amet dolore

    Incididunt ut labore
    Et dolore magna
    Ut enim ad minim

    Services

    FAQS

    Contacts

    ******** превратился в код в файле header.php *******

    <body >

    <a href="» rel=»home»>

    <a href="» rel=»home»>

    ‘menu-1’, ‘menu_id’ => ‘primary-menu’ ) ); ?>

    Ответить
  18. Мне кажется все эти заморочки с оформлением темы при посадке нафик не нужны — мы ж вроде не тему пилим на продажу, а просто посадка. Времени занимает довольно много, а результат на копейку — заказчик поставит то же лого через интерфейс ровно 1 раз, ну максимум два. Проще будет прямо руками впендюрить из папки темы.
    Наверное есть смысл больше по выводу контента заморачиваться.

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

      Ответить

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

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