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

Первый сплав на байдарках: как мы едва не перевернулись, но всё равно получили кайфМы никогда раньше не сплавлялись всей семьёй — ни опыта, ни особой подготовки, ни 10 часов просмотра видосов на ютубе на эту тему. Решили попробовать: река спокойная, ширина 3-6 метров, глубина 40-150 см, течение спокойное — вроде бы ничего сложного. Но, как оказалось, даже на такой воде можно получить порцию адреналина.Сплав длился три часа — это большой плюс и не сравнимо с аттракционами в парках по 5-10 минут. Атмосфера шикарная: солнце, вода блестит, птицы поют, бабочки и стрекозы летают, иногда рыбу обгоняли. Но даже при такой атмосфере, случались адреналиновые моменты. Разок мы боком заплыли на берег, я уже мысленно представил, как мы все переворачиваемся в воду вместе с вещами. Чудом удержались. Потом трижды застревали — байдарка упиралась в какие-то коряги, и приходилось толкать её, сидя в ней же. Через 2 часа сыну надоело сидеть и он ехал стоя, где это возможно.Еды взяли очень мало — думали, три часа, чего уж там. Но через 40 минут печеньки закончились и хотелось чего-то ещё. Хорошо, другие сплавщики подкармливали ребёнка: кто-то дал яблоко, кто-то печеньку. Люди на воде — самые добрые, кажется.После финиша ещё полтора часа ждали остальных — наша группа растянулась по всей реке. Кто-то обгонял, кто-то не спешил — каждый плыл в своём темпе. А мы с сыном всё это время бросали камни с дороги в деревья, смеялись и вспоминали, как прошёл сплав.Однозначно советую. Еды берите больше.Теперь сын просит повторить. Наверное, так и рождаются семейные традиции.А у вас были сплавы с детьми? Как прошло?

Про отложенную загрузку картинок на сайтеЕсть достаточно плагинов, которые делаю отложенную загрузку картинок, будет ещё один. Моим клиентам и мне не понравилось, что все они с одним минусом — картинки загружаются в момент появления их на экране. К примеру, зашел я на сайт, страница загрузилась на 100%, потом начинаю скроллить чуть ниже и вместо галерее я вижу пустоту на секунду и потом по очереди подгружаются картинки. В принципе, так работает ленивая загрузка картинок. Они начинают загружаться только тогда, когда появляются в зоне видимости. Это бесит. Вроде как сайт полностью загрузился и всё должно работать, но картинки продолжают подгружаться.Я начал разбираться, как это исправить. Своё решение упаковал в плагин.WP Lazy Load Images — плагин, для отложенной загрузки изображений на сайте. Он начинает загружать картинки не в моменте появления их в зоне видимости, а заранее, за 1 экран до зоны видимости. Таким образом, при первой загрузки страницы я не загружаю одновременно все картинки на странице, только с первого и второго экрана. При скролле страницы у меня картинки начинают загружаться на шаг вперёд и пользователь визуально не видит загрузку картинок в моменте.❗️❗️Важное замечание. Плагин работает только с картинками, которые загружаются через the_content и Гутенберг блоки. Если тему писать при помощи HTML + PHP + ACF, то для картинок атрибут src нужно заменить на data-src и всё будет работать.Плагин доступен только для подписчиков канала, можно забрать в боте: @wordpress_by_botНабросайте огня 👇

JQuery всё.С 2020 года я создаю сайты на Wordpress. Ещё раньше начал изучать, что такое верстка. jQuery нужен был чтоб открыть попап, сделать табы, аккордеон или слайдер через Slick slider.Про оптимизацию я тогда не думал. Главное, что сайт работает — это уже успех. В какой-то момент просто работающего сайта стало мало и я начал интересоваться, как сделать его не только работающим, но и быстрым. jQuery — одна из проблем, которая всегда появлялась в рекомендациях по улучшению скорости работы. Чтоб её решить, нужно освоить новый язык — Javascript. Но изучать я его не хотел, для меня он был непонятным и сложным. Погружаться в изучение не планировал. Меня пугало обращение к элементу, дальше я уже не лез, считая «раз к элементу так сложно обратиться, то дальше будет ещё хуже». Для примера, вот создание переменной в jQuery и в JS:const editButton = $(‘#edit-button’);const editButton = document.getElementById('edit-button');Всё изменилось, когда в сети запустили истории про ГПТ. Он легко смог переводить мой jQuery в JS. Так началось моё изучение этого языка программирования. По началу я разбирал код, который переводил мне ГПТ. Смотрел как и что написано, сравнивал со своим аналогом на jQuery. Потом что-то писал сам на JS, что-то сложное для меня писал на jQuery и давал ГПТ перевести на JS. Этот период длился не долго, я даже не заметил, как перестал это делать. Начал писать свой код на JS, а если не знал какой метод использовать, то уточнял у ГПТ какой метод сделает то, что мне нужно. К примеру: какой метод найдёт нужного родителя или как проверить, что у элемента уже есть определённый класс.В общем, так я и перешел от jQuery к Javascript. Теперь это не большой и страшный зверь.Ещё один важный элемент для оптимизации сайта — это уметь читать Network в браузере и разобраться с картинками.Помогите решить, какой следующий пост написать. 🤎 Про работу с Network (Сеть) в браузере👍 Про отложенную загрузку картинок на сайте

Какого хера functions.php абсолютно пустой??Я хорошо умею читать код на PHP или JS. Обычно делаю сайты или функционал к ним с нуля, практически без плагинов или готовых решений. С плагином WooCommerce я не работал последние 2 года. Сегодня прилетела простая задача: нужно возле скидочной цены показать сколько процентов скидка. К примеру, цена товара — 1000р, а по скидке будет за 800р, значит возле 800 нужно показать -20%.На первый взгляд, очень простая задача. DeepSeek сразу показал код-решение, который я добавил в functions.php и пошёл готовить себе кофе, так как задача практически закрыта. Когда пришёл обратно и сел за комп, я был «удивлён» от происходящего.Сайт прилёг отдохнуть. Моя вина? Не знаю, но решать её точно мне. Открыл бегет — лучший хостинг из тех 14, с которыми я работал. Нашел файл, в который я добавил свой код и «удивился» во второй раз. Он. Сука. Был. Пустой. Какого хера?? Подумал я и полез скачивать вчерашний бэкап. Сайт запустил в течении 10 минут. Обновил PHP код и проверил его работу на сайте. По-моему, всё работает отлично — подумал я. «Хер там» — сказал вариативный товар. Нарисовалась следующая проблема, о которой я не знал — при выборе вариаций, новые цены подтягиваются через Ajax и перезаписывают мои проценты. В моменте, я даже подумал, смогу ли я это сделать? Может лучше отдать, как есть и рассказать про нюансы в работе и ограничения в вариативных товаров.Уже прошло полтора часа, а пятиминутная задача не сдвинулась с места. ПЗДЦМне не хотелось погружаться так глубоко с этой «простой» задачей. И тут я придумал банально простое решение: мне не нужно считать процент на бэке, искать все возможные комбинации для товаров, чтоб всё учесть. Мне достаточно посчитать процент на фронте, когда обе цены уже пришли с сервера и доступны. Примерно за 10 минут я написал нужную функцию, дёргаю её при первой загрузки страницы и при выборе вариаций. Всё прекрасно заработало.Не всегда нужно лезть глубоко под капот плагин, чтоб сделать простую задачу.Набросайте о

Запускаю точку по ремонту велосипедовМне нравится кататься на велосипеде, особенно по периметру своего города. Получается заезд на 3 часа и 40км. Прошло 2 года с момента покупки и у меня перестали работать тормоза. Так как руки у меня растут из нужного места, то я полез разбираться с ними сам.Присмотрелся к колёсам и заметил, что тормозные колодки стёрлись. Нужно заказать новые. Но новых прямо сейчас нет и я решил колодки с переднего колеса поставить на заднее. Передними тормозами я практически не пользовался и там стояли почти новые. В детстве, у меня не было тормозов на переднем колесе и я знал, что при резком торможении передним колесом, можно здорово полетать через руль. В общем, развернул мастерскую по ремонту велосипедов у себя перед домом, начал крутить. Сын рядом бегает, даю ему помогать. За 40 минут получилось разобраться с мелкими деталями тормозов. Поставил всё на место, начал тестировать. В начале просто на месте понажимал ручку тормоза, изменений нет. Потом немного проехался и нажимал тормоз — результата ноль. Забил хер на задние тормоза, буду аккуратно тормозить передним колесом, пока они работают.Покопавшись в интернете, нашел вариант: нужно залить что-то типо тормозной жидкости. Только пока не понял куда, сколько и какой именно. Вот такая история с не счастливым концом 😁У кого был опыт ремонта велосипедов? Только не из детстве, там одна проблема была — цепь слетала.

‼️Ищем WordPress разработчика во фриланс команду.Базовый набор для работы:— HTML, CSS (Flexbox и Grid CSS, будет плюсом SCSS)— JS (в том числе jQuery), PHP— умение интегрировать вёрстку в WordPress с применением ACF полей, в том числе интернет-магазины на базе WooCommerce.— опыт работы с мультиязычными, мультирегиональными сайтами, API интеграциями— знание Ajax, API запросов.Будет плюсом, если работали с 1С Битрикс.Не откликайтесь, если хотя бы 1 из 4 пунктов из этого поста про вас: https://t.me/wordpress_by/669Оплата сдельная по часам, либо по фиксированной сумме за задачу:- 1000р/час для джунов, по навыкам есть только три первых пункта требований, - 1500р/час если по навыкам есть всё, что описано выше.Условия:- удалённая работа, гибкий график.- работа в таск-менеджере, видеосозвоны по необходимости, в том числе и с клиентами.- оплата по договору с самозанятыми/ИП.- команда с взаимоподдержкой.Предпочтительно полный фриланс.Писать в ЛС: @vadimfominovОтвечу всем после 15.00

«Съесть слона по кусочкам»В каждой книге по тайм-менеджменту про это пишут. Это база. Но что странно, пока сам не начал дробить большие проекты на мелкие задачи, про слона из книги даже не вспоминал. Прихожу к тому, что учусь на своих ошибках, а не по советам умных людей из книг.Свой следующий большой этап работы я откладывал и делал кое-как первые три дня. Не знал с чего лучше начать, с какой стороны подойти. Сперва хотел переключиться на разработку личного кабинета, там всё просто и понятно. В какой-то момент поймал себя на мысли, что это уже было. С этими таблицами и расчётами или ещё раньше, когда начинал проект. Сел, разбил максимально подробно весь этап на понятные и маленькие задачи. Получилось 87 штук.Первый раз мне понадобилось гораздо больше времени, чтоб отловить крупную задачу. Кажется, что все они обычные, не стоит тратить время на дробление, просто бери и делай. Сейчас на это ушло три дня. Надеюсь, что следующий раз такие задачи буду видеть сразу и не страдать хернёй.Набросайте огня 👇

Сегодня 34 Год был интересным. В предвкушении большого кайфа от следующего...

Про манипуляции в общении 1) от клиентов:— Когда ещё до начала работы говорят, какой же я хороший специалист и им очень повезло со мной работать. — Специалисту твоего уровня, не составит труда сделать это бесплатно / быстро / сверх условий?— Можете сейчас сделать скидку, а мы вас порекомендуем своим знакомым— Мы вам обязательно ещё заплатим, просто сейчас нет денег— Что-то из нового. В начале рассказываю про функционал, который им обязательно нужен на сайте. Обычно это что-то масштабное, типо Авито или Валдберрис к примеру, но в конце добавляют, что это должен быть MVP.2) от исполнителей:— Войдите в положение. У меня только ваш заказ, можете сейчас скинуть деньги, я обязательно всё выполню, просто сейчас: комуналку нужно оплатить, платёж по кредиту, ребенок болеет и нужны деньги на лекарства.Напишите в комментариях, с чем вы сами сталкивались?

Как я сделал новую страницу по макету и всё переделалСледующий большой этап в проекте — написать форму, в которой 20-30 полей и по этим данным создать PDF документ.В начале это выглядело как блок с шестью вкладками и в каждой вкладке 5-15 полей для ввода. Я всё перенёс из макета на сайт и это было ужасно. Слишком много всего в одном месте: вкладки, поля для ввода, в которых не хватает места чтоб вписать весь текст, сама конструкция создания страницы — сложная. Захотелось переделать. Убрал табы и сделал всё одним списком. Показал основные разделы, а для быстрой навигации добавил сайдбар. Созвонился с заказчиком — утвердили. Начал делать функционал. 1) Есть просто поля ввода, с ними проблем нет, всё просто. 2) Дальше идёт выпадающий список с владельцами питомцев. Идея такая: выбрал владельца и все его данные и данные его питомца записывать в форму. Немного сложнее, чем поле для ввода.3) Выпадающий список, но уже с рационами. При выборе рациона, нужно достать из него все продукты, привести к нужному формату и записать в определённые поля для ввода.4) Ещё один выпадающий список, но нужно собрать совсем другие данные и визуально показать их пользователю в виде таблицы.5) 2 переключателя и графики к ним, которые создаются на основе данных о питомцев.Задача со звёздочкой оказалась написать функционал, которые соберёт всю эту информацию, создаст страницу на сайте и всё это сохранит в ней. Потребовалось 5 часов на эту работу. Потом за 1 час написал функционал для обновления имеющейся информации на странице документа.Пока на этом этапе — создаю страницу для будущего документа.В комментах оставлю картинку что было и видеообзор того, что получилось.