en
Feedback
Вадим Фоминов | Создаю сайты на Wordpress

Вадим Фоминов | Создаю сайты на Wordpress

Open in Telegram

Про сайты со сложной структурой: интернет-магазин, сайт-каталог, блог, сайт-портфолио или личный кабинет любой сложности. Для связи: @vadimfominov

Show more
1 643
Subscribers
No data24 hours
-47 days
-2030 days
Posts Archive
\n\nСтили добавляют ко всей странице белую маску.\nСкрипт удаляет эту маску после загрузки всех элементов на странице: текст, картинки, файлы стилей и скриптов. Чем быстрее интернет, тем быстрее удалится маска.\n\nК белому фону можно добавить анимацию загрузки на CSS.","datePublished":"2023-09-26T09:51:45Z","dateModified":"2023-09-26T09:51:45Z","author":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"publisher":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"commentCount":0}},{"@type":"ListItem","position":2,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/560","url":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/560","mainEntityOfPage":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/560","headline":"Создаём микроразметку Schema.org для сайта Мы, люди, когда открываем сайт, сразу понимаем — сверху вот назван…","articleBody":"Создаём микроразметку Schema.org для сайта\n\nМы, люди, когда открываем сайт, сразу понимаем — сверху вот название и меню, чуть ниже большими буквами — заголовок статьи, под ним изображение-иллюстрация, а под ним уже сама статья.\n\nНо вот какая штука — компьютерный интеллект всё это ещё не совсем понимает, хотя и старается. И вообще — когда поисковый робот заходит на сайт, он не видит всей этой красоты из параллаксов и svg-анимаций, а видит код, с которым и работает.\n\nДля того, чтобы облегчить работу роботам была придумана семантическая микроразметка. Посетителям сайта она совершенно не видна, но робот её сразу видит и понимает, что где находится.\n\nИсточник: https://anatolykulikov.ru/lesson/create-data-markup-for-site/\n\n➖➖➖➖➖➖➖➖➖➖➖\n\n2023 год у меня начался с проекта в котором нужно было учесть такую разметку, а я без понятия что это и для чего. Работал в паре с СЕОшником и разбирался где и какой тег ставить. \n\nСейчас нашел вот эту статью и по моему в ней всё предельно понятно расписано. Странно, что никто не упоминает эту тему при обучении созданию сайтов 🤔\n\nИли она не нужна для сайта?","datePublished":"2023-09-05T09:03:42Z","dateModified":"2023-09-05T09:03:42Z","author":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"publisher":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"commentCount":0}},{"@type":"ListItem","position":3,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/559","url":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/559","mainEntityOfPage":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/559","headline":"Компонентный подход в WordPress Рассказываю о своём опыте написания тем для самой популярной CMS. #developmen…","articleBody":"Компонентный подход в WordPress\n\nРассказываю о своём опыте написания тем для самой популярной CMS.\n#development #themes #wordpress\nhttps://wp-digest.com/guides/komponentnyj-podhod-v-wordpress/","datePublished":"2023-07-17T11:47:24Z","dateModified":"2023-07-17T11:47:24Z","author":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"publisher":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"commentCount":0,"sharedContent":{"@type":"SocialMediaPosting","datePublished":"2023-07-17T11:01:02Z"}}},{"@type":"ListItem","position":4,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/558","url":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/558","mainEntityOfPage":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/558","headline":"Про задачу с xlsx таблицей 📄 Задача: Есть таблица, в которой каждый столбец - это часть адреса, к примеру Гор…","articleBody":"Про задачу с xlsx таблицей \n\n📄 Задача: \nЕсть таблица, в которой каждый столбец - это часть адреса, к примеру Город, Район, Улица и дом. Каждая строка в этой таблице - это адрес, по которому осуществляется услуга. Нужно составить несколько выпадающих списков исходя из данных в этой таблице ( выпадающий список Городов, Районов, Улиц и т.д. ). По умолчанию доступны все города для выбора. Пользователь выбирает нужный город и в остальных списках остаются только те районы и улицы, которые есть в этом городе, потом пользователь выбирает район и корректируются списки улиц, домов и т.д.\n\nДля админа сайта всё просто, загрузил файл с доступными адресами и на странице в списках появились новые города, районы, улицы...\n\n✏️ Решение:\nДля решения этой задачи использовал много Javascript`a. \n1) Конвертировать файл в массив\n2) Убрать из массивов дубли\n3) Написать логику при которой при выборе Города, сортируются остальные пункты списка.\n4) Все это сделать шорткодом, что бы удобно добавлялось на сайт в любом месте","datePublished":"2023-06-16T15:11:20Z","dateModified":"2023-06-16T15:11:20Z","author":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"publisher":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"commentCount":0}},{"@type":"ListItem","position":5,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/557","url":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/557","mainEntityOfPage":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/557","headline":"Реализовал функционал работы с бонусами. 1) Начисление бонусов за покупку товара 2) Оплата товара накопленным…","articleBody":"Реализовал функционал работы с бонусами. \n\n1) Начисление бонусов за покупку товара\n2) Оплата товара накопленными бонусами\n3) Добавил страницу в ЛК с информацией о бонусах за каждую покупку\n\nСистема бонусов на сайте позволяет:\n1) Увеличить прибыль. Вознаграждения стимулируют покупать чаще, класть больше товаров в корзину и увеличивать средний чек.\n2) Удержание клиентов. Системы поощрений удерживают пользователя внутри сайта.\n3) Привлечение новых клиентов. За счет прямой рекламы программы лояльности.\n\n____________________________\n\nПишите мне, если застряли с проектом и не знаете как решить задачу. Буду рад помочь в зависимости от своей загруженности.","datePublished":"2023-05-05T15:35:32Z","dateModified":"2023-05-05T15:35:32Z","author":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"publisher":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"commentCount":0}},{"@type":"ListItem","position":6,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/556","url":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/556","mainEntityOfPage":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/556","headline":"Про липкие блоки в статье Задача: добавлять в статью блоки, которые будут отображаться справа от основного те…","articleBody":"Про липкие блоки в статье\n\nЗадача: добавлять в статью блоки, которые будут отображаться справа от основного текста и прилипать к верхнему краю окна браузера до появления следующего такого блока. Потом первый уходит вверх, а второй залипает и т.д.\n\nПроблемы: на сайте контент статьи выводится в одном div. Сложность выполнения в том, что липкие блоки работают в пределах одного контейнера, а на странице таких блоков может быть больше.\n\nХод выполнения: \nВся задача решалась с помощью JS:\n- добавил ко всем липким блокам .block-sticky\n- записал в массив html теги из которых состоит контент\n- с помощью метода map записал в новый массив индексы тегов, в которых есть .block-sticky\n- в div с контентом статьи добавил изменённую структуру контента статьи\n\nМетодом .slice я выбирал какие теги вставлять в изменённую структуру.\n\nСпасибо Александру за саму идею реализации этого функционала т.к. до этого я высчитывал высоту каждого блока до верхней части браузера и исходя из этого высчитывал где должен появляться липкий блок.","datePublished":"2023-03-27T09:10:51Z","dateModified":"2023-03-27T09:10:51Z","author":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"publisher":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"commentCount":0}},{"@type":"ListItem","position":7,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/555","url":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/555","mainEntityOfPage":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/555","headline":"Никакие платные курсы больше не нужны — по этим 4 каналам можно освоить Frontend-разработку с нуля 👇 📌Senior…","articleBody":"Никакие платные курсы больше не нужны — по этим 4 каналам можно освоить Frontend-разработку с нуля 👇\n\n📌Senior Frontend — JS, HTML и CSS\n\n📌Frontend Interview — как проходить собеседования\n\n📌Web Craft — только Web-разработка\n\n📌Frontender Libs — библиотеки для фронтендера","datePublished":"2023-03-27T07:04:31Z","dateModified":"2023-03-27T07:04:31Z","author":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"publisher":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"commentCount":0}},{"@type":"ListItem","position":8,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/554","url":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/554","mainEntityOfPage":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/554","headline":"Хочу порекомендовать Вам канал Александра Шулепова. Он ведет телеграм-канал, куда выкладывает рабочие лайфках…","articleBody":"Хочу порекомендовать Вам канал Александра Шулепова. \n\nОн ведет телеграм-канал, куда выкладывает рабочие лайфкахи, короткие инструкции, которые пригодятся в работе и жизни. Например, как пользоваться нейросетями на практике, как поднять конверсию на сайте, если вы не маркетолог, защитить сайт от взлома, лайфстайл и другие интересные темы.\n\nПодпишитесь, вам будет интересно читать записки разработчика без инфоцыганства и воды.\n\nПерейти на канал ❤️","datePublished":"2023-03-17T14:13:15Z","dateModified":"2023-03-17T14:13:15Z","author":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"publisher":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"commentCount":0}},{"@type":"ListItem","position":9,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/552","url":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/552","mainEntityOfPage":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/552","headline":"Про решаемые задачи Как то сложилось, что я разрабатываю сайты последние три года и практически в каждом прое…","articleBody":"Про решаемые задачи\n\nКак то сложилось, что я разрабатываю сайты последние три года и практически в каждом проекте встречается что-то новое.\n\n✓ Лендинг на WordPress.\n✓ Сайт-каталог на WordPress.\n✓ Интернет-магазин на WordPress + Woocommerce.\n✓ Авторизация, регистрация, профиль пользователя и личный кабинет на сайте.\n✓ Ajax фильтры любой сложности для магазина или каталога.\n✓ Ajax пагинация страниц.\n✓ Интеграция по API с фэйскаст и 1с фитнес клуб.\n✓ Написал своё API для приложения на базе WordPress.\n✓ Разработал приложение на Next.js.\n✓ Разработал блоки Гутенберга на js и через поля ACF.\n\nПишите мне, буду рад дополнить этот список ещё интересными задачами. Каждую субботу приблизительно с 13.00-16.00 смогу помочь с вашими проектами или просто созвониться поболтать.","datePublished":"2023-03-01T09:11:07Z","dateModified":"2023-03-01T09:11:07Z","author":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"publisher":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"commentCount":0}},{"@type":"ListItem","position":10,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/551","url":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/551","mainEntityOfPage":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/551","headline":"Подбираю себе стол с подъёмным механизмом как на видео 👆 Может уже кто-то покупал такой и может сказать на чт…","articleBody":"Подбираю себе стол с подъёмным механизмом как на видео 👆 Может уже кто-то покупал такой и может сказать на что стоит обратить внимание? Часто ли работаете стоя после покупки такого стола?\n\nСайт из видео: smartdeskru.com","datePublished":"2023-03-01T06:10:47Z","dateModified":"2023-03-01T06:10:47Z","author":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"publisher":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"commentCount":0}},{"@type":"ListItem","position":11,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/550","url":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/550","mainEntityOfPage":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/550","headline":"💡 Про распределение задач на проекте Новый проект разделил на дедлайны - каждые две недели. За две недели нуж…","articleBody":"💡 Про распределение задач на проекте\n\nНовый проект разделил на дедлайны - каждые две недели. За две недели нужно выполнить +- одинаковое количество работы. План составлялся в понедельник, потом его утверждали, подписывали договора и доступ к админке старого сайта у меня оказался в среду вечером. Начал работать в четверг. Хотелось успеть сделать всё что планировал и три дня перед дедлайном работал с утра до ночи. Вот и получилось что сделано много, но с багами. Плюс завалил изучение реакта и другие важные задачи.\n\nСделал для себя вывод, что лучше предоставить нормально работающую часть проекта, чем всё с багами и недостатками.\n\nПоделитесь своим опытом в этой теме, интересно будет почитать.","datePublished":"2023-02-14T13:05:57Z","dateModified":"2023-02-14T13:05:57Z","author":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"publisher":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"commentCount":0}},{"@type":"ListItem","position":12,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/549","url":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/549","mainEntityOfPage":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/549","headline":"Никакие платные курсы больше не нужны — по этим 4 каналам можно освоить Frontend-разработку с нуля 👇 ▪️Senior…","articleBody":"Никакие платные курсы больше не нужны — по этим 4 каналам можно освоить Frontend-разработку с нуля 👇\n\n▪️Senior Frontend — JS, HTML и CSS\n\n▪️Frontend Interview — как проходить собеседования\n\n▪️Web Craft — только Web-разработка\n\n▪️Frontender Libs — библиотеки для фронтендера","datePublished":"2023-02-08T06:23:01Z","dateModified":"2023-02-08T06:23:01Z","author":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"publisher":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"commentCount":0}},{"@type":"ListItem","position":13,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/548","url":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/548","mainEntityOfPage":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/548","headline":"🔥 Блоки Гутеберга для статей сайта Делаю блог и в статьях используют много однотипных баннеров, прям в середи…","articleBody":"🔥 Блоки Гутеберга для статей сайта\n\nДелаю блог и в статьях используют много однотипных баннеров, прям в середине текста. Как вариант был написать шорткод, но заказчик попросил сделать что то другое, шорткодами пользоваться неудобно и нет гибкости в редактировании баннера. \nТолько сейчас начал использовать блоки Гутенберга. Позволяет создать редактируемый баннер и использовать его в любой части статьи.\n\n✓ Необходимо было настроить webpack для компиляции jsx кода в js\n✓ Создал свой плагин чтобы переносить этот функционал и в другие проекты\n✓ Плюсом оказались начальные знания по React","datePublished":"2023-02-06T06:12:53Z","dateModified":"2023-02-06T06:12:53Z","author":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"publisher":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"commentCount":0}},{"@type":"ListItem","position":14,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/547","url":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/547","mainEntityOfPage":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/547","headline":"🔜 Время учить PHP. 31 января старт Подготовительного курса! ✔️ Упражняемся в браузерном тренажере — учимся по…","articleBody":"🔜 Время учить PHP. 31 января старт Подготовительного курса!\n\n✔️ Упражняемся в браузерном тренажере — учимся понимать и писать код на PHP.\n✔️ Погружаемся в реальный продакшен — настраиваем форму для отправки данных вместе с наставником.\n✔️ Изучаем базу за 14 дней — всего за 990 рублей.\n\nЗнакомим с разработкой и учим думать, как программист. Вы с нами?","datePublished":"2023-01-25T06:12:07Z","dateModified":"2023-01-25T06:12:07Z","author":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"publisher":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"commentCount":0}},{"@type":"ListItem","position":15,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/546","url":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/546","mainEntityOfPage":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/546","headline":"💡Как использовать WP и Next js в связке ✓ На базе WP пишем API и выгружаем как любой сайт на поддомен api.sit…","articleBody":"💡Как использовать WP и Next js в связке\n\n✓ На базе WP пишем API и выгружаем как любой сайт на поддомен api.site.com который находится на обычном хостинге.\n✓ Используя это API пишем фронт на Next.js и выгружаем проект через GitHub на vercel.com.\n✓ Подключаем к проекту на vercel свой домен site.com.\n✓ Готово.\n\nЗаказчик получает привычную админку от Wordpress и молниеносную работу сайта на Next.js.","datePublished":"2023-01-24T14:12:44Z","dateModified":"2023-01-24T14:12:44Z","author":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"publisher":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"commentCount":0}},{"@type":"ListItem","position":16,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/545","url":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/545","mainEntityOfPage":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/545","headline":"🔥 ПОЛУЧИ НОВУЮ ПРОФЕССИЮ. ОПЛАТА ОБУЧЕНИЯ ПОСЛЕ ТРУДОУСТРОЙСТВА Получи востребованную профессию ТОП ПРОФЕССИЙ…","articleBody":"🔥 ПОЛУЧИ НОВУЮ ПРОФЕССИЮ. ОПЛАТА ОБУЧЕНИЯ ПОСЛЕ ТРУДОУСТРОЙСТВА\n\nПолучи востребованную профессию\n\nТОП ПРОФЕССИЙ: \n✅ Project-менеджер\n✅ Интернет-маркетолог\n✅ Android-разработчик\n✅ Frontend-разработчик\n✅ C#-разработчик\n✅ Таргетолог\n\nПРОЦЕСС ОБУЧЕНИЯ И ПОИСКА РАБОТЫ\n🔹 Вы осваиваете профессию на курсе\n🔹 Мы помогаем вам найти работу\n🔹 После трудоустройства вы оплачиваете обучение\n\n✔️ Гарантия трудоустройства\n✔️ Поможем определиться с выбором и подберём подходящую программу обучения\n\nУниверситет СИНЕРГИЯ\n\nПереходите для получения более подробной информации","datePublished":"2023-01-23T14:12:44Z","dateModified":"2023-01-23T14:12:44Z","author":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"publisher":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"commentCount":0}},{"@type":"ListItem","position":17,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/544","url":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/544","mainEntityOfPage":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/544","headline":"Вадим Фоминов | Создаю сайты на Wordpress","datePublished":"2023-01-21T05:28:14Z","dateModified":"2023-01-21T05:28:14Z","author":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"publisher":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"commentCount":0,"sharedContent":{"@type":"SocialMediaPosting","datePublished":"2023-01-17T11:32:27Z"}}},{"@type":"ListItem","position":18,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/543","url":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/543","mainEntityOfPage":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/543","headline":"Интересное наблюдение, сделал приложение на Next.js. Передавал данные из формы в виде JSON строки POST запрос…","articleBody":"Интересное наблюдение, сделал приложение на Next.js. Передавал данные из формы в виде JSON строки POST запросом по API на сторону бэкенда (API Wordpress`a использовал) . Почему то бэк принимал не JSON строку, а массив состоящий из ключа (та самая длинная JSON строка) и значение в виде пустой строки. Не выяснил почему так, но с помощью json_decode(array_key_first($_POST), true); распарсил нужную строку и отправил данные в Битрикс.\n\narray_key_first - Получает первый ключ массива.\n\nМожет у кого есть идеи почему фронт передавал JSON сроку, а бэк принимал такой массив 👆","datePublished":"2023-01-19T07:12:40Z","dateModified":"2023-01-19T07:12:40Z","author":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"publisher":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"commentCount":0}},{"@type":"ListItem","position":19,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/542","url":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/542","mainEntityOfPage":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/542","headline":"Aimylogic — сервис для создания чат-ботов на сайте, в соцсетях или мессенджерах Основа платформы — визуальный…","articleBody":"Aimylogic — сервис для создания чат-ботов на сайте, в соцсетях или мессенджерах\n\nОснова платформы — визуальный no-code конструктор, для работы не требуются знания кода. В сервисе можно создавать чат-ботов, которые умеют понимать естественную речь пользователя и реагировать на нее согласно сценарию.\n\nДоступен ежемесячный бесплатный тариф.\n\nПопробовать!","datePublished":"2023-01-18T09:29:39Z","dateModified":"2023-01-18T09:29:39Z","author":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"publisher":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"commentCount":0}},{"@type":"ListItem","position":20,"item":{"@type":"SocialMediaPosting","@id":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/541","url":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/541","mainEntityOfPage":"https://telemetr.io/en/channels/1584701739-wordpress_by/posts/541","headline":"Aimylogic — сервис для создания чат-ботов на сайте, в соцсетях или мессенджерах Основа платформы — визуальный…","articleBody":"Aimylogic — сервис для создания чат-ботов на сайте, в соцсетях или мессенджерах\n\nОснова платформы — визуальный no-code конструктор, для работы не требуются знания кода. В сервисе можно создавать чат-ботов, которые умеют понимать естественную речь пользователя и реагировать на нее согласно сценарию.\n\nДоступен ежемесячный бесплатный тариф.\n\nПопробовать!","datePublished":"2023-01-18T09:23:53Z","dateModified":"2023-01-18T09:23:53Z","author":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"publisher":{"@type":"Organization","name":"Вадим Фоминов | Создаю сайты на Wordpress","url":"https://telemetr.io/en/channels/1584701739-wordpress_by","image":"https://img.tlmtr.io/c/1Jffjt/5397929926159622483?ty=x"},"commentCount":0}}]}
Что делать если сайт "прыгает" при обновлении страницы Для решения можно использовать прелоадер, сделать не сложно. Ниже три простых шага. 1) Cоздай див с классами fv-loader и loading-block.
<div class="fv-loader loading-block"></div>

2) Добавь стили
<style>
  .loading-block:before {
      content: '';
      width: 100%;
      height: 100%;
      background: #fff;
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      z-index: 99999;
    }
</style>

3) Добавь скрипт
<script>
    window.addEventListener('load', function () {
      let el = document.getElementsByClassName('fv-loader')[0];
      el.classList.remove('loading-block');
    })
</script>

Стили добавляют ко всей странице белую маску. Скрипт удаляет эту маску после загрузки всех элементов на странице: текст, картинки, файлы стилей и скриптов. Чем быстрее интернет, тем быстрее удалится маска. К белому фону можно добавить анимацию загрузки на CSS.

Создаём микроразметку Schema.org для сайта Мы, люди, когда открываем сайт, сразу понимаем — сверху вот название и меню, чуть
Создаём микроразметку Schema.org для сайта Мы, люди, когда открываем сайт, сразу понимаем — сверху вот название и меню, чуть ниже большими буквами — заголовок статьи, под ним изображение-иллюстрация, а под ним уже сама статья. Но вот какая штука — компьютерный интеллект всё это ещё не совсем понимает, хотя и старается. И вообще — когда поисковый робот заходит на сайт, он не видит всей этой красоты из параллаксов и svg-анимаций, а видит код, с которым и работает. Для того, чтобы облегчить работу роботам была придумана семантическая микроразметка. Посетителям сайта она совершенно не видна, но робот её сразу видит и понимает, что где находится. Источник: https://anatolykulikov.ru/lesson/create-data-markup-for-site/ ➖➖➖➖➖➖➖➖➖➖➖ 2023 год у меня начался с проекта в котором нужно было учесть такую разметку, а я без понятия что это и для чего. Работал в паре с СЕОшником и разбирался где и какой тег ставить. Сейчас нашел вот эту статью и по моему в ней всё предельно понятно расписано. Странно, что никто не упоминает эту тему при обучении созданию сайтов 🤔 Или она не нужна для сайта?

Repost from WordPress Digest
Компонентный подход в WordPress Рассказываю о своём опыте написания тем для самой популярной CMS. #development #themes #wordp
Компонентный подход в WordPress Рассказываю о своём опыте написания тем для самой популярной CMS. #development #themes #wordpress https://wp-digest.com/guides/komponentnyj-podhod-v-wordpress/

Про задачу с xlsx таблицей 📄 Задача: Есть таблица, в которой каждый столбец - это часть адреса, к примеру Город, Район, Улица и дом. Каждая строка в этой таблице - это адрес, по которому осуществляется услуга. Нужно составить несколько выпадающих списков исходя из данных в этой таблице ( выпадающий список Городов, Районов, Улиц и т.д. ). По умолчанию доступны все города для выбора. Пользователь выбирает нужный город и в остальных списках остаются только те районы и улицы, которые есть в этом городе, потом пользователь выбирает район и корректируются списки улиц, домов и т.д. Для админа сайта всё просто, загрузил файл с доступными адресами и на странице в списках появились новые города, районы, улицы... ✏️ Решение: Для решения этой задачи использовал много Javascript`a. 1) Конвертировать файл в массив 2) Убрать из массивов дубли 3) Написать логику при которой при выборе Города, сортируются остальные пункты списка. 4) Все это сделать шорткодом, что бы удобно добавлялось на сайт в любом месте

Реализовал функционал работы с бонусами. 1) Начисление бонусов за покупку товара 2) Оплата товара накопленными бонусами 3) Добавил страницу в ЛК с информацией о бонусах за каждую покупку Система бонусов на сайте позволяет: 1) Увеличить прибыль. Вознаграждения стимулируют покупать чаще, класть больше товаров в корзину и увеличивать средний чек. 2) Удержание клиентов. Системы поощрений удерживают пользователя внутри сайта. 3) Привлечение новых клиентов. За счет прямой рекламы программы лояльности. ____________________________ Пишите мне, если застряли с проектом и не знаете как решить задачу. Буду рад помочь в зависимости от своей загруженности.

Про липкие блоки в статье Задача: добавлять в статью блоки, которые будут отображаться справа от основного текста и прилипать к верхнему краю окна браузера до появления следующего такого блока. Потом первый уходит вверх, а второй залипает и т.д. Проблемы: на сайте контент статьи выводится в одном div. Сложность выполнения в том, что липкие блоки работают в пределах одного контейнера, а на странице таких блоков может быть больше. Ход выполнения: Вся задача решалась с помощью JS: - добавил ко всем липким блокам .block-sticky - записал в массив html теги из которых состоит контент - с помощью метода map записал в новый массив индексы тегов, в которых есть .block-sticky - в div с контентом статьи добавил изменённую структуру контента статьи Методом .slice я выбирал какие теги вставлять в изменённую структуру. Спасибо Александру за саму идею реализации этого функционала т.к. до этого я высчитывал высоту каждого блока до верхней части браузера и исходя из этого высчитывал где должен появляться липкий блок.

Никакие платные курсы больше не нужны — по этим 4 каналам можно освоить Frontend-разработку с нуля 👇 📌Senior Frontend — JS,
Никакие платные курсы больше не нужны — по этим 4 каналам можно освоить Frontend-разработку с нуля 👇 📌Senior Frontend — JS, HTML и CSS 📌Frontend Interview — как проходить собеседования 📌Web Craft — только Web-разработка 📌Frontender Libs — библиотеки для фронтендера

Хочу порекомендовать Вам канал Александра Шулепова. Он ведет телеграм-канал, куда выкладывает рабочие лайфкахи, короткие инструкции, которые пригодятся в работе и жизни. Например, как пользоваться нейросетями на практике, как поднять конверсию на сайте, если вы не маркетолог, защитить сайт от взлома, лайфстайл и другие интересные темы. Подпишитесь, вам будет интересно читать записки разработчика без инфоцыганства и воды. Перейти на канал ❤️

Про решаемые задачи Как то сложилось, что я разрабатываю сайты последние три года и практически в каждом проекте встречается
Про решаемые задачи Как то сложилось, что я разрабатываю сайты последние три года и практически в каждом проекте встречается что-то новое. ✓ Лендинг на WordPress. ✓ Сайт-каталог на WordPress. ✓ Интернет-магазин на WordPress + Woocommerce. ✓ Авторизация, регистрация, профиль пользователя и личный кабинет на сайте. ✓ Ajax фильтры любой сложности для магазина или каталога. ✓ Ajax пагинация страниц. ✓ Интеграция по API с фэйскаст и 1с фитнес клуб. ✓ Написал своё API для приложения на базе WordPress. ✓ Разработал приложение на Next.js. ✓ Разработал блоки Гутенберга на js и через поля ACF. Пишите мне, буду рад дополнить этот список ещё интересными задачами. Каждую субботу приблизительно с 13.00-16.00 смогу помочь с вашими проектами или просто созвониться поболтать.

Подбираю себе стол с подъёмным механизмом как на видео 👆 Может уже кто-то покупал такой и может сказать на что стоит обратить внимание? Часто ли работаете стоя после покупки такого стола? Сайт из видео: smartdeskru.com

💡 Про распределение задач на проекте Новый проект разделил на дедлайны - каждые две недели. За две недели нужно выполнить +-
💡 Про распределение задач на проекте Новый проект разделил на дедлайны - каждые две недели. За две недели нужно выполнить +- одинаковое количество работы. План составлялся в понедельник, потом его утверждали, подписывали договора и доступ к админке старого сайта у меня оказался в среду вечером. Начал работать в четверг. Хотелось успеть сделать всё что планировал и три дня перед дедлайном работал с утра до ночи. Вот и получилось что сделано много, но с багами. Плюс завалил изучение реакта и другие важные задачи. Сделал для себя вывод, что лучше предоставить нормально работающую часть проекта, чем всё с багами и недостатками. Поделитесь своим опытом в этой теме, интересно будет почитать.

🔥 Блоки Гутеберга для статей сайта Делаю блог и в статьях используют много однотипных баннеров, прям в середине текста. Как
🔥 Блоки Гутеберга для статей сайта Делаю блог и в статьях используют много однотипных баннеров, прям в середине текста. Как вариант был написать шорткод, но заказчик попросил сделать что то другое, шорткодами пользоваться неудобно и нет гибкости в редактировании баннера. Только сейчас начал использовать блоки Гутенберга. Позволяет создать редактируемый баннер и использовать его в любой части статьи. ✓ Необходимо было настроить webpack для компиляции jsx кода в js ✓ Создал свой плагин чтобы переносить этот функционал и в другие проекты ✓ Плюсом оказались начальные знания по React

🔜 Время учить PHP. 31 января старт Подготовительного курса! ✔️ Упражняемся в браузерном тренажере — учимся понимать и писать
🔜 Время учить PHP. 31 января старт Подготовительного курса! ✔️ Упражняемся в браузерном тренажере — учимся понимать и писать код на PHP. ✔️ Погружаемся в реальный продакшен — настраиваем форму для отправки данных вместе с наставником. ✔️ Изучаем базу за 14 дней — всего за 990 рублей. Знакомим с разработкой и учим думать, как программист. Вы с нами?

💡Как использовать WP и Next js в связке ✓ На базе WP пишем API и выгружаем как любой сайт на поддомен api.site.com который н
💡Как использовать WP и Next js в связке ✓ На базе WP пишем API и выгружаем как любой сайт на поддомен api.site.com который находится на обычном хостинге. ✓ Используя это API пишем фронт на Next.js и выгружаем проект через GitHub на vercel.com. ✓ Подключаем к проекту на vercel свой домен site.com. ✓ Готово. Заказчик получает привычную админку от Wordpress и молниеносную работу сайта на Next.js.

🔥 ПОЛУЧИ НОВУЮ ПРОФЕССИЮ. ОПЛАТА ОБУЧЕНИЯ ПОСЛЕ ТРУДОУСТРОЙСТВА Получи востребованную профессию ТОП ПРОФЕССИЙ: ✅ Project-мен
🔥 ПОЛУЧИ НОВУЮ ПРОФЕССИЮ. ОПЛАТА ОБУЧЕНИЯ ПОСЛЕ ТРУДОУСТРОЙСТВА Получи востребованную профессию ТОП ПРОФЕССИЙ: ✅ Project-менеджер ✅ Интернет-маркетолог ✅ Android-разработчик ✅ Frontend-разработчик ✅ C#-разработчик ✅ Таргетолог ПРОЦЕСС ОБУЧЕНИЯ И ПОИСКА РАБОТЫ 🔹 Вы осваиваете профессию на курсе 🔹 Мы помогаем вам найти работу 🔹 После трудоустройства вы оплачиваете обучение ✔️ Гарантия трудоустройства ✔️ Поможем определиться с выбором и подберём подходящую программу обучения Университет СИНЕРГИЯ Переходите для получения более подробной информации

Интересное наблюдение, сделал приложение на Next.js. Передавал данные из формы в виде JSON строки POST запросом по API на сторону бэкенда (API Wordpress`a использовал) . Почему то бэк принимал не JSON строку, а массив состоящий из ключа (та самая длинная JSON строка) и значение в виде пустой строки. Не выяснил почему так, но с помощью
json_decode(array_key_first($_POST), true);
распарсил нужную строку и отправил данные в Битрикс. array_key_first - Получает первый ключ массива. Может у кого есть идеи почему фронт передавал JSON сроку, а бэк принимал такой массив 👆

Aimylogic — сервис для создания чат-ботов на сайте, в соцсетях или мессенджерах Основа платформы — визуальный no-code констру
Aimylogic — сервис для создания чат-ботов на сайте, в соцсетях или мессенджерах Основа платформы — визуальный no-code конструктор, для работы не требуются знания кода. В сервисе можно создавать чат-ботов, которые умеют понимать естественную речь пользователя и реагировать на нее согласно сценарию. Доступен ежемесячный бесплатный тариф. Попробовать!

Aimylogic — сервис для создания чат-ботов на сайте, в соцсетях или мессенджерах Основа платформы — визуальный no-code конструктор, для работы не требуются знания кода. В сервисе можно создавать чат-ботов, которые умеют понимать естественную речь пользователя и реагировать на нее согласно сценарию. Доступен ежемесячный бесплатный тариф. Попробовать!