• Vue.js + Wordpress?

    @FullStackAlex Автор вопроса
    Веб-разработчик, электрик, кочевник
    Наконец таки я решил все технические вопросы для внедрения Vue.js в WordPress-Workflow. Долго я к этому шёл. Трудно было совместить freelancing на основе WordPress и WooCommerce и одновременно самообучение Symfony и Vue.js и создание первых реальных проектов на их основе. Но создание первого большого проекта на основе headless Symfony 4 (JSON API) и потребителя на основе Vue.js меня хорошо продвинуло вперед в направлении внедрения Vue.js в WordPress. Почему мне так интересен WordPress/WooCommerce умея делать Backend на основе Symfony? Потому что WordPress делает доступным веб технологии и маленьким клиентам по "демократическим" ценам, при этом всё ещё позволяя фрилансеру хорошо заработать (по крайней мере в Берлине, где я проживаю).

    Так как путь сюда до сих пор никем в интернете детально не описан и я угрохал недели если не месяцы на решение этой задачи прочитывая все статьи и docs с этой темой связанные (освоил для этого даже наконец таки Docker и Nginx и углубил знания в настройке Webpack) и пройдя многие не верные пути (vue-cli, nuxt.js) - я решил создать в течении следующих недель курс на Udemy.com на английском за 20 баксов. Если будет тут достаточно интереса (хотя бы лайков 10 ), то сделаю туториал и на русском. Курс будет содержать настройки Webpack, Docker (optional), Apache/Nginx. Моё решение сохраняет в отличии от nuxt.js все преимущества как WordPress так и Vue.js при этом соблюдая "законы" SEO и Social Marketing (Twitter Cards, Facebook Open Graph итп) и самое главное Hot Module Replacement с PHP/WordPress Templates!!!!!! .
    Я очень разочарован Nuxt.js и расскажу в Tutorial почему он далеко не во всех случаях технически годен и почему с точки зрения open source этот проект не оптимальный исходя из моего личного опыта.

    UPDATE 15.05.2019
    К сожалению руки до туториала так и не дошли. Но создал Github Repo с простым Starter Theme.
    Демо можно тут просмотреть: wue-theme.app
    Пока без доскональной документации. Надеюсь к концу месяца создам.
    Приколы темы:
    -Hot Module Replacement с PHP файлами (если только это интересно можно и тут скачать Webpack config)
    -полная поддержка SEO без Server Side Rendering (SSR). Реализуется это за счёт загрузки данных вместе с HTML в глобальном JS объекте "technomad", вместо дополнительного AJAX-запроса, что не поддерживается гуглом и для чего и нужны все прибамбасы типа Nuxt.js и phpv8/v8js.
    -элементы меню и новости автоматически добавляются через WordPress-Backend.
    -тема устонавливается как и любая другая тема без каких либо дополнительных настроек сервера (нужно скачать всю Repository и скомпремировать "wuetheme" папку в ZIP и тогда можно просто загружать как и обычную тему).
    -Github Repo без данных из демонстрации. Может ещё добавлю функцию установки демо данных.
    -сервер демо во Франкфурте без CDN. Так что во Владивостоке загрузка наверное немного дольше длится будет)) Из Берлина за 600-700ms загружается с VPS.
    -есть ещё много над чем работать (pagination, проверка загруженны ли скрипты и стили плагинов при Ajax route change, пока они загружаются только при инициальной загрузки, но скрипты и стили могут быть на каждой странице иные) , нo даже в данном виде эта тема на сколько я знаю уникальная.
    -тут можно проследить прогресс перестройки моего сайта с этой темой: stage.alexfullstack.dev, там больше клёвых анимаций))
    Пока всё. Have fun :)

    Update 30.05.2019
    Много чего обновил на Github.

    Update 02.06.2019
    Я решил вчерашнюю проблему)))
    Нужно было просто выспаться))
    Завтра подробно опишу и обновлю Github Repo.

    Update 03.06.2019
    -загрузил на Github новую "bulletproof SEO" версию с "Dynamic Rendering Implementation"
    -подробная статья тут

    Update 14.06.2019
    Перенёс сайт на wue-theme.app.
    Демонстрация Github версии тут: starter.wue-theme.app
    Добавил простую Load More Pagination и очистил код.
    Ответ написан
    21 комментарий
  • Плагин товары из корзины отправить на почту?

    azerphoenix
    @azerphoenix
    Java Software Engineer
    Приветствую!
    Итак, начнем с самого простого...
    С учетом того, что вы не хотите создавать полноценный магазин, то Woocommerce вам не нужен. (Правда, я бы вам его посоветовал бы).
    Идем дальше...
    Есть огромное кол-во плагинов, но большинство из них реализуют полноценный функционал интернет-магазина. Опять-таки если он вам не нужен, то можете использовать простой js скрипт корзины.
    1) создать кастомный тип записи
    https://wp-kama.ru/function/register_post_type

    2) установить js скрипт корзины
    Например - https://cartjs.org/
    Или наберите в гугл js cart и найдете кучу скриптов.

    3) добавляете ваши товары (custom post type) на сайт + создайте кнопку "добавить в корзину".
    Тут не помешало бы еще изучить технологию аякс (ajax)

    4) На клиенте обрабатываете данные в корзине и по нажатию кнопки "Купить" отправляете на сервер.
    На стороне сервера через wp_mail () не через phpMail отправляете письмо куда нужно + создаете доп. запись.
    Скорее всего вам нужно создать еще один CPT "Заказы", который и будет создаваться при оформлении заказа и будет содержать информацию о клиенте и о прибретенных товарах.
    Ответ написан
    Комментировать
  • Чем Laravel лучше Symfony?

    andreybold
    @andreybold
    Laravel использует пакеты symfony, делая над ними «обёртку». Пробовал и то, и то, могу сказать что это обычный холивар и никто вам ничего толкового не скажет. Пользуйтесь тем что нравится или что требует заказчик/работодатель. То что какой-то движок популярней другого, это не всегда показатель «плохой»/«хороший».
    P.S. по работе и в личных проектах использую ларку, хотя один проект был сделан на symfony.
    Ответ написан
    Комментировать
  • На чем писать шаблон wordpress в 2019?

    HeadOnFire
    @HeadOnFire
    PHP, Laravel & WordPress Evangelist
    Как ни крути, а писать тему в 2019 году придется на HTML + CSS + JavaScript + PHP, как и 10 лет назад. Использовать ли какие-то новомодные фреймворки и библиотеки - зависит исключительно от ваших задач, привычек и навыков. Ни одно из упомянутых хайповых словечек (npm, vue, react и тд) не является обязательным и даже необходимым.
    Ответ написан
    Комментировать
  • Смена страны привязки в Google Play

    seniorGDR
    @seniorGDR
    велопрограммист
    Решил эту проблему следующим образом.
    1) Идём https://wallet.google.com/manage/
    2) Заходим в настройки (иконка-шестерёнка в верхней правой части страницы)
    3) Редактируем "Домашний адрес"

    Далее, возможно опционально
    4) В меню слева выбираем "Адресная книга"
    5) Назначаем нужный адрес по умолчанию (Возможно сперва вам придётся его добавить)

    И, вуаля, всё работает. Даже кэш приложения чистить не нужно.
    Ответ написан
    4 комментария
  • Где вы делаете заметки по коду?

    mrusklon
    @mrusklon
    Не получается? Яростно гугли!
    gist не понравился своим веб интерфейсом , НО потом я нашел программу Gisto , теперь юзаю по полной
    Ответ написан
    1 комментарий
  • Смена страны привязки в Google Play

    zadnica
    @zadnica
    Инструкция от саппорта гугла для возвращению русского маркета:

    1) Войдите в свой ​​аккаунт Google Wallet для управления способами оплаты ( wallet.google.com/manage/paymentMethods )
    2) Добавить новую карту или изменить настройки по умолчанию платежного инструмента на один с платежный адрес находится внутри желаемую страну
    3) Откройте Play магазин и перейдите к любому элементу доступна для загрузки
    4) Нажмите, чтобы начать загрузку, пока не достигнете «Принять и купить» экран (нет необходимости для завершения покупки)
    5) Закройте магазин Play и ясные данные для магазина Google Play приложений (настройки> приложения> Google Play магазин> Удалить данные) или очистить кэш браузера
    6) Re-Play открыть магазин. Теперь вы должны увидеть Play магазина, который соответствует вашей стране биллинга оплаты по умолчанию инструмента.
    Ответ написан
    3 комментария