Вадим Фоминов | Создаю сайты на Wordpress
Open in Telegram
Про сайты со сложной структурой: интернет-магазин, сайт-каталог, блог, сайт-портфолио или личный кабинет любой сложности. Для связи: @vadimfominov
Show more1 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 для сайта
Мы, люди, когда открываем сайт, сразу понимаем — сверху вот название и меню, чуть ниже большими буквами — заголовок статьи, под ним изображение-иллюстрация, а под ним уже сама статья.
Но вот какая штука — компьютерный интеллект всё это ещё не совсем понимает, хотя и старается. И вообще — когда поисковый робот заходит на сайт, он не видит всей этой красоты из параллаксов и svg-анимаций, а видит код, с которым и работает.
Для того, чтобы облегчить работу роботам была придумана семантическая микроразметка. Посетителям сайта она совершенно не видна, но робот её сразу видит и понимает, что где находится.
Источник: https://anatolykulikov.ru/lesson/create-data-markup-for-site/
➖➖➖➖➖➖➖➖➖➖➖
2023 год у меня начался с проекта в котором нужно было учесть такую разметку, а я без понятия что это и для чего. Работал в паре с СЕОшником и разбирался где и какой тег ставить.
Сейчас нашел вот эту статью и по моему в ней всё предельно понятно расписано. Странно, что никто не упоминает эту тему при обучении созданию сайтов 🤔
Или она не нужна для сайта?Repost from WordPress Digest
Компонентный подход в 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, 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
💡 Про распределение задач на проекте
Новый проект разделил на дедлайны - каждые две недели. За две недели нужно выполнить +- одинаковое количество работы. План составлялся в понедельник, потом его утверждали, подписывали договора и доступ к админке старого сайта у меня оказался в среду вечером. Начал работать в четверг. Хотелось успеть сделать всё что планировал и три дня перед дедлайном работал с утра до ночи. Вот и получилось что сделано много, но с багами. Плюс завалил изучение реакта и другие важные задачи.
Сделал для себя вывод, что лучше предоставить нормально работающую часть проекта, чем всё с багами и недостатками.
Поделитесь своим опытом в этой теме, интересно будет почитать.
Никакие платные курсы больше не нужны — по этим 4 каналам можно освоить Frontend-разработку с нуля 👇
▪️Senior Frontend — JS, HTML и CSS
▪️Frontend Interview — как проходить собеседования
▪️Web Craft — только Web-разработка
▪️Frontender Libs — библиотеки для фронтендера
🔥 Блоки Гутеберга для статей сайта
Делаю блог и в статьях используют много однотипных баннеров, прям в середине текста. Как вариант был написать шорткод, но заказчик попросил сделать что то другое, шорткодами пользоваться неудобно и нет гибкости в редактировании баннера.
Только сейчас начал использовать блоки Гутенберга. Позволяет создать редактируемый баннер и использовать его в любой части статьи.
✓ Необходимо было настроить webpack для компиляции jsx кода в js
✓ Создал свой плагин чтобы переносить этот функционал и в другие проекты
✓ Плюсом оказались начальные знания по React
🔜 Время учить PHP. 31 января старт Подготовительного курса!
✔️ Упражняемся в браузерном тренажере — учимся понимать и писать код на PHP.
✔️ Погружаемся в реальный продакшен — настраиваем форму для отправки данных вместе с наставником.
✔️ Изучаем базу за 14 дней — всего за 990 рублей.
Знакомим с разработкой и учим думать, как программист. Вы с нами?
💡Как использовать WP и Next js в связке
✓ На базе WP пишем API и выгружаем как любой сайт на поддомен api.site.com который находится на обычном хостинге.
✓ Используя это API пишем фронт на Next.js и выгружаем проект через GitHub на vercel.com.
✓ Подключаем к проекту на vercel свой домен site.com.
✓ Готово.
Заказчик получает привычную админку от Wordpress и молниеносную работу сайта на Next.js.
🔥 ПОЛУЧИ НОВУЮ ПРОФЕССИЮ. ОПЛАТА ОБУЧЕНИЯ ПОСЛЕ ТРУДОУСТРОЙСТВА
Получи востребованную профессию
ТОП ПРОФЕССИЙ:
✅ 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 конструктор, для работы не требуются знания кода. В сервисе можно создавать чат-ботов, которые умеют понимать естественную речь пользователя и реагировать на нее согласно сценарию.
Доступен ежемесячный бесплатный тариф.
Попробовать!
