Натяжка на WooCommerce. HTML2WC. Часть #2. Собираем файлы темы

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

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

100 комментариев к “Натяжка на WooCommerce. HTML2WC. Часть #2. Собираем файлы темы”

  1. Артем однозначно Лайк.
    Вопрос появился, как думаешь, было бы более комфортно воспринимать информацию, если бы детально объяснять, какой блок кода и за что отвечает?
    Понимаю, что очень быстро думаешь, не всегда успеваю за ходом твоих мыслей и действий, на одном из фрагментов так и не понял куда именно вставил часть кода и да, было бы отлично, перед тем как что-то сделать, прокомментировал, что бы перед действием было время на осознание что планируешь сейчас сделать.
    А так, все оч на высоте (like)

    Ответить
    • Не понял вопроса. Я вроде все свои действия стараюсь объяснить. В каком именно месте не понятно, скажи таймкод, чтобы мне знать на будущее

      Ответить
    • 11:25
      Мне кажется, если помедленее перемещаться по элементам кода и файлам, перед этим еще проговорить, что планируешь делать, так будет наглядней и понятней.
      После изменения кода, 3-5с. оставляй, его в кадре, чтобы можно было увидеть код, после изменения и спокойно можно было поставить на паузу, для ознакомления, а не пытаться словить этот момент несколько раз.
      Только из-за уважения к твоему труду и настойчивости, в аспекте обучения людей, обращаю твое внимание на то, что следовало бы подправить для улучшения качества твоего контента.

      Ответить
  2. А РЕБЯТА? ЩАС WEB КОДЕРЫ КАНУЛИ В ЛЕТУ, НА ЧЕМ ЛЮДИ ЗАРАБАТЫВАЮТ?

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

    Ответить
  4. в последнее время использую такую функцию
    function console_log( $data ){
    echo ‘‘;
    }

    отличное видео, ждём продолжения)

    Ответить
    • А зачем такая штука? Ну понятно, что смотреть json в консоли, но как это вообще используется?

      Ответить
    • да просто удобная функция-альтернатива var_dump(), ничего особенного

      Ответить
  5. Можно вкратце что это было? =) Ручная установка вукомерс на вордпресс?

    Ответить
  6. Спасибо, Артём, что упомянул! Ты какую версию CF использовал? 2.1? А то про него я ещё ни перевод доки не делал, ни уроков. Хотя там много всего из версии 1.6 перекочевало.

    Ответить
    • Не за что. Да 2.1, во многом похоже, так что описание полей вполне подойдет

      Ответить
  7. Вот пятый раз пытаюсь начать смотреть и делатЬ, так как автора уважаю, но не просто ничего не понимаю и не успеваю за мыслями автора, а АБСОЛЮТНО НИЧЕГО НЕ ПОНИМАЮ ЧТО ПРОИСХОДИТ НА ЭКРАНЕ. Если я не один, просьба лайк и коммент.
    А я ведь вообще с нуля начинал курс по ОпенКарту, не видя его до этого, и у меня вышел отличный магазин. А тут прям обидно. Тема хорошая, исполнения для меня лично настолько сумбурное насколько возможно.

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

      Ответить
    • А какой курс по opencart? Можно ссылку? Из тех что я видел, там ну совсем все простенько. Просто работа с интерфейсом opencart, а здесь же вы ковыряете уже поглубже. Да и вообще как по мне, неплохо было бы для начала сделать свой велосипед в виде своего блога со своей версткой, у меня был сайт-каталог на заказ, я где-то месяц промурыжился, но сделал, потом нашел канал Артема, и очень благодарен за его работу, так как имею понимание что я делал не так, как бы сделал сейчас, и могу просмотреть как правильно)

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

    Ответить
  9. После сборки в верху страницы вылезает такая ссылка Skip to content, что это и от куда она берется(как убрать)?

    Ответить
    • Спасибо. Я как-то пробовал этот плагин, но видимо не правильно настроил, не работал он у меня. А так очень удобно получается

      Ответить
  10. Артем, здравствуйте! Отличные у Вас уроки! Спасибо Вам за Вашу работу!

    Ответить
  11. Добрый день, Артем. Вы как-то быстро перепрыгнули настройки meta-box, я не понял откуда вы взяли код. Такой же код у меня вызвал неизвестную ошибку. Можна по-подробнее?

    Ответить
    • Добрый! Не понял вопроса, где куда перепрыгнул?
      Весь код есть на гитхабе

      Ответить
  12. Все круто, но тема оформления пхпшторма – нечитаема. Такое чувство, что код выделен…

    Ответить
  13. На 16:27 название файла wc-functions-remove.php с ошибкой указано. Или так и должно быть?

    Ответить
    • Может быть и с ошибкой, я такой, могу и очепятаться) Надо на гитхабе проверять

      Ответить
  14. случайно вообще попал на ваше видео, большинство пишет именно html to wordpress, соответственно в поиске не выводится, а годно, кроме того единственный гайд для магазина-все визитки натягивают в рунете)

    Ответить
    • О как, значит над теги добавить дополнительные. Спасибо за наводку, поправлю

      Ответить
  15. Вроде грамотно говоришь… да только вот профессионалы и без тебя во всем этом разбираются… А вот новичку, как я, них… не понятно (((

    Ответить
    • Еще в первом видосе предупреждал, что не для новичков. Что именно не понятно?

      Ответить
    • +WPRUSe · Финты WordPress то что не для новичков очень много ненужного по сути, зачем ты эти папке показываешь, как создаешь/раскидываешь, типа как сделать..верно все подмечают, по сути у тебя видео получилось – смотрите, как именно я натягиваю wc. А по сути – новичкам непонятно, а бывалые смотреть даже не будут, потому как итак это все знают и по своему делают. Бессмысленное получилось видео.

      Ответить
  16. Какой же блювотный этот WP & WC извините конечно, для роботы на заказ без выбора годится как вариант сие на видео, но если есть малейший шанс перейти на другую спец shop CMS Смело дерзайте (совет начинающим).

    Ответить
    • Почему блювотный? Пруфы, аргументы приведите пожалуйста.

      Ответить
  17. Здравствуйте Артем , у вас грамотные уроки не слушайте других . Кому нужно получают инфу кому не нужно могут сделать лучше (но что то от них ничего не слышно и невидно) . Так что считаю вас самым грамотным учителем в вордпрессе. Ну а теперь мой долгожданный вопрос .

    <img src="”>

    Previous

    Next

    Вот слайдер на бутстрап , подключил через carbon fields слайдер и хотел подключить его к бутстрапу . Почти все получилось однако проблема заключается в том что класс active вот здесь должен быть только в первом слайдере . Мог бы конечно подключить и другой слайдер но пользуюсь только библиотекой бутстрап , и к тому же данный вопрос очень нужный и при других случиях. Извините пожалуйста за слишком длинные и частые вопросы

    Ответить
    • Спасибо за отзыв. Очень приятно!

      Со слайдером все просто. Надо счетчик в цикле поставить и проверять, если первый элемент то добавляем класс

      ПС. На будущее, такие листинги кода не надо выкладывать, лучше и удобнее пользоваться pastebin.com
      Ну и вообще разрабы мы или где?)) Гитхаб, гист, гитлаб, пастебин – наше все)))

      Ответить
  18. урок классный, но прикола с перекидывания вукомерса в папку с темой не понял

    Ответить
  19. Я тут пытаюсь интернет магазин сделать, Объясните пожалуйста, есть ли существенная разница между тем чтобы создать его Вашим методом, нежели просто без кода на wordpress и woocomerce? Какие конкретно преимущества? Либо всё это можно сделать и без кода?

    Ответить
    • Можно и без кода. Разница будет видна потом, когда начнется полноценная работа магазина

      Ответить
  20. скорость жесть, но я всё успел) также у вас два раза require get_template_directory() . ‘/woocommerce/includes/wc-functions.php’; в functions , видимо ремув забыли… (пустой)

    Ответить
  21. Здравствуйте!
    Очень хорошие уроки..
    Только у меня возник один вопрос, в конце у вас появляется настройки “FakerPress”, а у меня почему-то Их нету(
    Ни могли бы сказать где они выводятся (в каком файле) или как оно там работает. (Я новичок просто!)
    Спасибо за уроки!

    Ответить
    • Доброго! Это плагин такой, для генерации контента, если такого плагина нет, то и настроек нет

      Ответить
  22. очень сложно, но видео класс, вы хорошо рассказываете , я хотел бы научится создавать сайты на вордпрессе с макетов, html и css знаю , какой видео посоветуете

    Ответить
  23. Тот самый случай когда курс построен на плагине которого уже нет….. На гитхабе с офф сайта файл autoload.php отсутствует.

    Ответить
  24. все получилось без ошибок, но экран пустой тупо белый фон.

    Ответить
  25. Артем, тебе респект! Курс отличный! Правда, чтобы понять приходится по три раза фрагменты прокручивать. Так, например, при переносе из одного файла в другой (файл с функциями темы) в исходном файле фрагмент вырезается в одном порядке а во втором файле порядок меняется и на смену порядка нет акцента. Приходится соображать. Но главное, что есть исходники и всегда можно с ними сравнить и оперативно подправить.

    Ответить
    • Спасибо! Для того исходники и выкладываются, чтобы в них всегда можно было посмотреть и сделать как надо

      Ответить
  26. Спасибо вам за подсказку. У меня не получалось отобразить главную страницу магазина. Оказалось, что нужно было ставить галочку woocommerce в underscores.me в advanced options.

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

      Ответить
  27. Артем, привет!
    Мне кажется, ты зря сделал настолько сложный проект сразу. Когда подключается готовая сложная тема и еще куча плагинов – слишком много информации и не понятно, что делать обязательно, а что для удобства.
    Нужно было взять просто ландинг, сделать самому из него тему – фасад магазина, а далее на чистом WP и WC донастроить магазин. Тогда было бы понятно, какие действия делать необходимо. А следующим шагом уже можно было бы всё это рассыпать на кучу файлов, подключать их и так далее. Сейчас совершенно не понятно какие твои действия обязательны для работы простого магазина, а какие ты делаешь для красоты и удобства.

    Ответить
  28. Хорошие уроки, вот только на сентябрь 2019 не понятно как подключать карбон филдс, в смысле нету файла autoloader.php

    Ответить
    • Как это нет? Странно, там вроде не сильно что-то поменялось… Надо проверить

      Ответить
    • @WPRUSe · Финты WordPress так и есть. В версии 3.1.8 нет файла autoload.php, а в документации прописан =)
      но есть в директории vendor файл index.js =)
      https://docs.carbonfields.net/#/quickstart
      ладно мозги делать себе не буду – просто от вас старую версию скачаю.
      автор документацию не изменил или забыл/
      А если я скачаю новую версию и просто добавлю файл autoloader.php с версии 2.1 так можно? Там какой-то hash присутствует.

      Ответить
  29. В конце с метабоксами у тебя какая-то прям нереальная рваность информации.
    Откуда взял код, который вставлял в метабоксы, что это, для чего он?

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

      Ответить
  30. Ура! Получилось) Огромное спасибо за Ваши уроки, по woocommerce очень мало хорошей инфо, а она так нужна)

    Ответить
  31. Только не понятно function _styles, а в ней scripts.
    Обязательно проверяйте пути и названия файлов. require get_template_directory() . ‘/includes/custom-fields-options/theme-optons.php’;
    “name” в defined не следует использовать.

    Ответить
  32. Артём, как вы боролись с тормозами phpShtorm?!
    Чего то он у меня так оперативки много кушает =)

    Ответить
    • Не особо, просто настроил сразу и все. Но вообще ему 1-2 гига надо дать, отклюбчить лишние плагины и настроить индексацию

      Ответить
  33. шикарнейший контент! =)
    и хоть я уже выучил эти рекламы с китаянкой и меня уже изрядно подташнивает от неё, а иной раз эта реклама почему-то подряд повторяется по 2 раза, и она мне уже снится и я её повторяю её имя во сне и даже жену называю, дак вот несмотря на все эти траблы, я получаю наслаждение от содержания.

    Ответить
  34. 9:59 Как это выглядит? Что это значит? Get запрос в URL?
    if ( ! defined( ‘ABSPATH’ ) ) {
    exit; // Exit if accessed directly
    }

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

      Ответить
    • @Braun Да, это сам ВП рекомендует делать. Любую тем дефолтную откройте и посмотрите

      Ответить
  35. На сайте возникла критическая ошибка. Пожалуйста, проверьте входящие сообщения почты администратора для дальнейших инструкций.
    консоль без ошибок =)
    чего делать? =) куда смотреть?

    Ответить
    • Так, ребятки, не печальтесь, если у вас всё рухнуло, как у меня.
      Сейчас я вам помогу.
      Если у вас критическая ошибка, то
      1. читаете https://wp-kama.ru/id_7791/debag-v-wordpress-wp_debug.html
      2. в wp-config подключаете дебаг, т.к. по дефолту он отключен:
      define( ‘WP_DEBUG’, true );
      define( ‘WP_DEBUG_DISPLAY’, true );
      define( ‘WP_DEBUG_LOG’, true );
      3. В functions.php в самом верху подключаете дебаг по Ajax (я пока не в курсе, за что он работает, но пусть будет)
      if( WP_DEBUG && WP_DEBUG_DISPLAY && (defined(‘DOING_AJAX’) && DOING_AJAX) ){
      @ ini_set( ‘display_errors’, 1 );
      }
      4. Включаем через поиск строк в проекте Ctrl+Shift+F
      error_reporting(0); // отключает сообщения об ошибках
      ini_set(‘display_errors’, 0); // отключает показ ошибок на экран
      и заменяете 0 на 1.
      5. Перезапускаете сервер и идёте в wp-content/debug.log и читаете там ошибки и исправляете.
      У меня был банально неправильный путь к wp-content/themes/theme_name/includes/custom-fields-options
      Не знаю, если слишком много, то поправьте, что чрезмерно забюрократизировал ошибки =)
      Всем удачи! =)

      Ответить

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

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