Вадим Фоминов | Создаю сайты на Wordpress
1.55K subscribers
233 photos
5 videos
15 files
112 links
Про сайты со сложной структурой: интернет-магазин, сайт-каталог, блог, сайт-портфолио или личный кабинет любой сложности.

Для связи: @vadimfominov
Download Telegram
Первый сплав на байдарках: как мы едва не перевернулись, но всё равно получили кайф

Мы никогда раньше не сплавлялись всей семьёй — ни опыта, ни особой подготовки, ни 10 часов просмотра видосов на ютубе на эту тему. Решили попробовать: река спокойная, ширина 3-6 метров, глубина 40-150 см, течение спокойное — вроде бы ничего сложного. Но, как оказалось, даже на такой воде можно получить порцию адреналина.

Сплав длился три часа — это большой плюс и не сравнимо с аттракционами в парках по 5-10 минут. Атмосфера шикарная: солнце, вода блестит, птицы поют, бабочки и стрекозы летают, иногда рыбу обгоняли. Но даже при такой атмосфере, случались адреналиновые моменты.

Разок мы боком заплыли на берег, я уже мысленно представил, как мы все переворачиваемся в воду вместе с вещами. Чудом удержались. Потом трижды застревали — байдарка упиралась в какие-то коряги, и приходилось толкать её, сидя в ней же. Через 2 часа сыну надоело сидеть и он ехал стоя, где это возможно.

Еды взяли очень мало — думали, три часа, чего уж там. Но через 40 минут печеньки закончились и хотелось чего-то ещё. Хорошо, другие сплавщики подкармливали ребёнка: кто-то дал яблоко, кто-то печеньку. Люди на воде — самые добрые, кажется.

После финиша ещё полтора часа ждали остальных — наша группа растянулась по всей реке. Кто-то обгонял, кто-то не спешил — каждый плыл в своём темпе. А мы с сыном всё это время бросали камни с дороги в деревья, смеялись и вспоминали, как прошёл сплав.

Однозначно советую. Еды берите больше.
Теперь сын просит повторить. Наверное, так и рождаются семейные традиции.

А у вас были сплавы с детьми? Как прошло?
10🔥4
Про работу с Network (Сеть) в браузере

Этот пост для тех, кто открывает вкладку Network и не понимает, что и где смотреть.

Проблемы, которые он помогает решить:
1) Отслеживать что отправляется на сервер и что приходит в ответ.
2) Ненужные CSS и JS файлы, которые добавляет WordPress и влияют на скорость загрузки страниц.
3) Неоптимальная загрузка изображений. Все картинки грузятся сразу, даже те, которые не видны сразу.
4) Низкая скорость загрузки страниц сайта.

Fetch/XHR — для отладки API, форм и AJAX-запросов.
Можно отслеживать что отправляю на сервер и что получаю в ответ.

CSS/JS — показывает, какие CSS/JS файлы загрузились на странице.
Если сайт на Wordpress, то по умолчанию он подключает 5-10 лишних файлов. Про другие CMS не знаю, сказать нечего. К примеру — это файл стилей Гутенберг блоков. Вы можете не использовать эти блоки, но стили к ним он загрузит.
❗️ДЛЯ ТИЛЬДЫ. Можно увидеть, когда вы подключаете два раза jQuery к сайту.

Img — показывает какие картинки загрузились на странице.
Она показывает все загруженные картинки на странице. Зная это, можно настроить отложенные картинки.
Ещё здесь видно, какая картинка очень много весит и её стоит оптимизировать.
❗️ДЛЯ ТИЛЬДЫ. Можно увидеть, какие картинки с отложенной загрузкой, а какие нет.

Font — показывает какие шрифты загрузились на странице.
Полезно для тех, кто использует 10+ шрифтов на сайте. Все они загружаются здесь и влияют на скорость загрузки страницы.
❗️ДЛЯ ДИЗАЙНЕРОВ. Здесь можно посмотреть какие шрифты используются на сайте и скачать их себе. Просто кликните 2 раза по нему и потом ctrl (cmd) + s — сохранить.

Набросайте огня, если всё понятно 👇
🔥142
Английский за год: что изменилось

В школе и универе у меня были уроки английского, но я их успешно прослушал. В итоге получил классическое "London is the capital of Great Britain" и пара фраз из школьной программы. В августе 2024 года решил начать изучать. Не для работы, не для переезда — просто захотелось. Нашел YouTube-канал «Английский язык по плейлистам», у него есть один плейлист из 300 видео.

Каждое утро по 30-40 минут: грамматика, слова, простые диалоги.

И вот спустя год я поймал себя на мысли: "Так ведь мой сын точно так же учился говорить!"

Сначала Миша знал только "мама", "папа", "баба" — это как мои школьные "hello", "my name is", "goodbye". Потом он начал лепить фразы из двух слов: "дай сок", "хочу гулять" — а я тем временем научился выдавать что-то вроде "I want coffee" или "How much is it?" (и гордился собой, как будто сдал TOEFL).

Сейчас:
— Понимаю 60-70% письменного английского (комменты в YouTube)
— Пишу фразы из 3 - 7 слов (иногда с ошибками, но ИИ меня понимает и показывает где ошибся).
— Говорю предложениями, но… сначала придумываю их на русском, перевожу в голове и только потом могу сказать.

Мишка в свои 5 лет уже болтает без остановки — без страха, без мыслей о грамматике. Моя цель — догнать его через два года (хотя он, конечно, не в курсе этого соревнования).

Что ещё интересное заметил. Например, слово understand — я больше не перевожу его на русский. Услышал в фильме — сразу понимаю о чём речь. Таких слов и фраз мало, но они есть.

Планы:
— Продолжаю заниматься по видео из плэйлиста
— Читать и разбирать комменты в YouTube
— Смотреть марвеловские фильмы на английском.
— Найти варианты тренировать речь

Кто прокачал иностранный язык после школы? Что можете посоветовать?
11👏4🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
😍6😁5
Всем привет! Делюсь тем, что получилось 👇

@trackernutrition_bot — приложение для людей, которые следят за своим питанием.

Идея.
Когда озвучил идею этого приложения своей сестре, получил такой ответ: так это уже есть, я пользовалась.
«Отлично, зачем изобретать велосипед» — подумал я и полез скачивать себе на телефон.
Первый опыт с выбранным приложением был таким:
1) заполнил квиз на 10 вопросов,
2) потом меня отправили на страницу регистрации и предложили 5 вариантов зарегистрироваться
3) я как-то пропустил этот шаг и меня отправили на страницу оплаты

Итог: это ужас какой-то. Я хотел просто ставить галочки возле продукта, который буду есть на завтрак, а получил целый квест. До основного функционала приложения я так и не добрался.

В воскресенье сел делать свой аналог. Планировал минимум функций, только самое необходимое для меня:
— добавить продукт (мои 20-25 привычных продуктов)
— выбрать его, при составлении завтрака
— какая-нибудь статистика, которая покажет, красавчик ли я.

Реализация.
Я знаю, что Cursor может создавать файлы и писать код, поэтому зарегистрировал себе аккаунт и начал кидать запросы, что я хочу видеть в приложении. Очень быстро уперся в лимит. В комментариях оставлю сцену из фильма, которая хорошо описывает, как Cursor выполнял мои запросы. Возможно, так получалось из-за тестового периода.

Продолжил работу в DeepSeek. Начал делать постепенно, описывал каждый функционал и проверял как работает. К обеду была готова первая рабочая версия приложения. Добавил регистрацию и авторизацию, БД и бэк использовал от Wordpress, фронт на js и HTML. Отправил сестре, оценить что получилось.
Ответ: «Блин, регистрация... Сейчас нет времени».

Понял, что регистрация — лишний шаг. Нужно придумать, как автоматически регистрировать пользователя используя данные от Телеграмма.

Именно с таким запросом пошел в DeepSeek и он подсказал решение. В Телеграм mini app есть свои хуки, которые срабатывают при открытии или закрытии приложения.

Итог.
Открыл приложение → уже авторизован → сразу работаешь: добавляешь продукты, отмечаешь их на приёмах пищи и смотришь статистику. Без регистрации и СМС. Скриншоты визуала в комментариях.

Я прям кайфанул от того, что получилось пропустить этапы регистрации и авторизации и дать сразу пользоваться функционалом.

Приложение не будет нормально работать с темной темой Телеграмма. Как нибудь обновлю, но это не точно)))

Кто посмотрел, что посоветуете добавить в него и для чего?

И да, если хотите, чтоб ваш сайт открывался в телеграмме, как и моё приложение, то пишите в личку @vadimfominov
Вы получите тг бота, к которому я подключу ваш сайт. Актуально для экосистемы Телеграм
🔥61🆒1
Про навигацию в каналах по подписке.

В своём окружении я встречал 10 - 15 каналов по подписке. Как выглядит навигация в таких каналах? Обычно это закреплённый пост со списком ссылок на полезные статьи. Удобно. Но не то чтобы вау.

В одном таком канале я увидел модель навигации — через мини приложения. Мне она понравилась: всё всегда под рукой, а материалы удобно распределены по категориям.

Именно такую навигацию я сделал для закрытого канала Даниила Клинчука — специалиста по созданию смысловых сайтов. Вот бот-навигация для его подписчиков: @tknpdt_bot.

По-моему, это намного удобнее и выглядит шикарно. В такую навигацию можно добавить поиск, фильтры, распределить материалы по рубрикам, прогресс-бар просмотренных материалов или чекбоксы для отметки изученного.

Что скажете?
🔥5👏1
Временный пост 👇

Ищу дизайнера для создания логотипа.

Ниша — приложение для ветеринарных диетологов (рационы для мелких домашних животных).

Нужно разработать:
- логотип приложения;
- цветовые варианты и гайд по использованию.

Напишите в лс: @vika_ignatova16 🙏
2
Пост для тех, кто до сих пор не съехал с nic.ru на beget

В копилку к долгому ответу от ТП, дороговизне и впаривание ненужных услуг добавляется проблема с активацией домена.

Если нужна помощь с переездом на beget, пишите 👉 @vadimfominov
11👍1
Как поживаете?

Последняя запись была аж в конце ноября. Если коротко, то закрывал задачи перед НГ, потом отходил от НГ, а потом забрали на сборы, на два месяца. Февраль просидел в казарме, март — в лесу. Пол апреля отходил от болезней и такого вида отпуска.

В начале этой неделе нормально начал работать, возобновил тренировки и занятия по английскому.

В январе записался в автошколу, но занятия начались только в начале апреля. Перенесли без проблем. Единственная в городе автошкола с онлайн занятиями, кайф.

Когда появлялся интернет, то читал новости. Две сильно запомнились: про блокировку ТГ в РФ и прилёт ракет по Дубаю.

Как поживаете?
👍4
А ещё заметил, что курсы по программированию заменили на курсы по вайбкодингу. Наверное здорово. Интересно, на сколько просто и удобно создавать приложения, сайты или программы, когда не знаешь даже основ программирования.

Есть такие, кто проходил?
5👀2
Есть отличная новость, я сдал на права.

Новость отличная, но лично для меня 😁

С апреля по июль проходило обучение и в конце июля пошёл на экзамен в ГАИ. Всё получилось с первого раза 👍

Судя по дате получения прав, то вышел отличный подарок на ДР.

Набросайте огня 👇
🔥18🍾3👎2
Как вы занимаетесь оптимизацией картинок для сайта?

Лично я делал так:
1) если это .png и нет прозрачного фона, то переводил картинку в .jpeg
2) потом сжимал её
3) далее переводил картинку в .webp
4) загружал .webp на сайт

На каждую картинку уходило минуты 3. Все, у кого я спрашивал, делают так-же для своих сайтов. Только не переводят в .jpeg.

Неделю назад наткнулся на плагин «WP eLDeR Addon». Я думал, это очередной хлам, но решил проверить оптимизацию медиа.
Закинул 10 фото (от 0.5 до 13 Мб, JPG и PNG). Результат меня удивил: вес упал даже меньше, чем при ручном методе, но самое главное — не видно разницы.

Дополнительные плюшки этого плагина, которыми точно буду пользоваться:
— Удаление WP мусора из HTML кода сайта.
— Преобразует кириллические слаги в латиницу. Знаю, что для этого можно использовать бесплатный плагин, но теперь можно его удалить.
— Настройка отправки писем с сайта через SMTP. Для это тоже есть бесплатный плагин, но в нём много лишнего функционала, который я не использую, теперь можно его удалить.
— «Ленивая» загрузка всех картинок на сайте. Для этого я использовал свой плагин, но теперь можно использовать этот.
— Настройки безопасности: ограничение попыток входа, блокировка IP и защита логина администратора.
— Перенос настроек плагина между сайтами.

В плагине есть СЕО настройки, но нужно дать посмотреть их СЕОшнику. Возможно получится удалить другие СЕО плагины.

Сайт стал легче, а админка — чище. Если у вас стоит 5+ плагинов для оптимизации, посмотрите на этот — он может заменить половину из них.

Стоимость плагина:
1) Для заказчиков подойдёт за 2 тысячи рублей для 1 домена — навсегда или 1 тысяча рублей на 1 домен и на 1 год.
2) Для разрабов подойдёт за 7 тысяч рублей — безлимит на домены и время использования.

Если интересно, вот моя рефка: https://eldertime.ru/?ref=123A3614

Сюда огоньки 👇
🔥7❤‍🔥11