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

Сделал плагин, который автоматически переносит висячие предлоги на сайте на новую строку, улучшая внешний вид текста и его читаемость.

Есть 2 настройки:

1) дополнительно можно добавить/удалить предлоги или слова, которые нужно перенести на новую строку.

2) добавить или удалять HTML теги за которыми следить.

@wordpress_by_bot — бот, который пришлёт этот плагин подписчикам моего канала. Запускаете, забираете. Дополнительно ничего вводить и писать не нужно.

Всех с наступающим Новым годом 🔥🔥🔥🔥🔥🔥

Про оценку стоимости проекта

Хотел написать небольшой пост на эту тему, но как начал писать так и не смог остановиться. Получилось целая статья.

Я выделил 4 основных этапа, когда был рост в доходе и я менял принцип оценки стоимости проекта:

1️⃣ Научился верстать. HTML, CSS и немного JQuery.
2️⃣ Сделал первый сайт на Wordpress + ACF.
3️⃣ Прошел обучение, перестал бояться работать с JS и API.
4️⃣ Разобрался как делать сайты под ключ.

В статье расписал, какие проекты делал и как считал стоимость работы на каждом этапе.

Вот собстна ссылка.

В коментах поделитесь как вы считаете стоимость проекта и сколько времени нужно, чтоб назвать стоимость? 100% многим интересно будет почитать, как это устроено у других.

Про мой опыт работы с React + headless Wordpress

Если коротко, то проект сделал, потом переделал под обычный PHP + HTML 😁

Столкнулся с минусами:
⛔️ Я не делал чисто на React, для SEO нужен Next.js.
⛔️ Пришлось дополнительно писать функции для SEO, а не просто использовать Yoast SEO по умолчанию.
⛔️ Сайт находился на хостинге, где нельзя было размещать react приложения. ТП отправляла регистрироваться и размещаться на их платформе-партнёре. Получается так, что у меня 1 ЛК для админки и БД, 2й ЛК для фронта сайта. Ещё 3й для домена 😆
⛔️ Сложно каждый раз вносить изменения в проект. Нужно доработать эндпоинт, потом написать фронт часть.

Плюсы:
✅ Прокачал навыки работы с API, сейчас почти в каждом проекте встречается какая-нибудь интеграция по API.
✅ Научился делать свои эндпоинты для API в Wordpres. Кстати, когда переделывал проект, то использовал эндпоинты как готовые функции. По сути, я просто переписывал реакт компоненты на понятный PHP + HTML. Менял JS методы и функции, на PHP. К примеру, map JavaScript`a на array_map в PHP. Перестал бояться создавать свои функции в PHP, сейчас 100% в каждом проекте напишу какую-нибудь функцию для оптимизации своей работы.
✅ Сделал проект, который хотел и голова больше не забита отвлекающими мыслями.


Ещё один такой проект я начинать не стану — долго, нудно, дорого для заказчика. Нет смысла делать такое приложение и оставлять админку от Wordpress.

Последнее время всё чаще ко мне обращаются сделать красивую админку для менеджеров. По сути, это сделать ещё одну страницу для управления контентом, но в стиле их сайта. Один такой проект в работе, с двумя не сошлись в цене 🤷

Напишите в комментах, что хотели сделать, сделали, кайфанули и больше такое повторить не хочется 😁

Про Gutenberg блоки в Wordpress

Последние 2 недели погрузился в новую для себя тему. Вернее не так, давно забытую для себя тему — Гутенберг блоки в Вордпресс.

2 года назад, для одной известной онлайн-школы делал сайт, и там, без таких блоков не обойтись. Статьи на сайте со сложным дизайном, а не просто текст и картинки. Пришлось разбираться.

Сейчас делаю сайт, полностью на таких блоках. Работа идёт медленно, но результат шикарный. Позже покажу, когда закончу с главной страницей. Пока 10 из 14 блоков готовы.

Интересный для меня вопрос, кто-то занимается созданием гутенберг блоков индивидуально под сайт или все нормальные люди ещё с конца 2018 года это делают, один я только проснулся?

Кто-то делает сайт от мобильной версии к ПК?

Умные люди называют такой подход «Mobile-first»

Какие особенности и что вообще думаете?

Почему ваш сайт слабо конвертит? Разберу 5 ошибок, которые я часто встречаю

Конверсия сайта — один из главных показателей его эффективности. Если люди заходят на ваш сайт, но ничего не покупают или не оставляют заявки, значит, что-то пошло не так. За годы работы я часто сталкиваюсь с одними и теми же ошибками, которые буквально убивают конверсию. Ниже разберу 5 самых распространённых ошибок и как их можно решить.

1️⃣Отсутствие призывов к действию (Call to action).

Призыв к действию направляет пользователя к следующему шагу. Если не указывать, что делать, он просто уйдёт. Чёткие и заметные CTA помогают пользователям не теряться и совершать целевые действия: покупка товара, регистрация или подписка на рассылку. Хороший CTA выделяется визуально и понятно формулирует, что нужно сделать.
Например: "Купить сейчас", "Получить консультацию" или "Зарегистрироваться».

2️⃣Плохой UX/UI.

Удобство пользователя — ключ к успеху. Если процесс покупки или оформления заявки сложный, люди не поймут что делать.
Например, мне нужно было купить хостинг и домен для белорусского сайта. Нашел подходящий хостинг, начал регистрироваться и у меня ничего не вышло. Куча ошибок и не пропускает регистрацию 🫣 Естественно я пошел искать другой хостинг 🤷 Вот так потеряли одного клиента, а сколько таких как я ещё было и будет.

3️⃣Медленная загрузка.

Никто не любит ждать, и если ваш сайт грузится слишком долго, пользователи просто закроют его.

4️⃣Отсутствие адаптации под мобильные устройства.

На сайт одного моего клиента, больше 60% пользователей заходят с мобильных устройств. Если бы сайт не был адаптирован для них, мы теряли бы потенциальных клиентов.

5️⃣Неподходящий контент.

Контент должен быть понятным и привлекать внимание. Если вы продаёте обувь, не нужно писать о компании на первой странице. Люди хотят купить обувь, а не почитать какие вы молодцы.

Можете самостоятельно исправить эти ошибки или закажите разработку сайта у меня 👇

Смотри что нашёл 👆

Вика — фрилансер, дизайнер и хороший человек 🤎. На её канале узнал о таком сервисе, который показывает все версии сайта, которые были на домене 🤯 Одному клиенту как-раз понадобился этот сервис, чтобы сделать слайд до/после для презентации.

Она постоянно разыгрывает книги среди своих подписчиков. Я пока не выиграл 🫣

Публикует очень много своих кейсов и будни фрилансера.

В общем, сами знаете что делать 👉 @vikaa_ignatova

Дизайнеры, ловите супер полезный контакт 👇

Если вам для проекта нужен специалист, который работает с кодом, то пишите Вадиму:

@vadimfominov

Очень крутой верстальщик! Всегда выручает меня, когда я не могу разобраться с этими совершенно непонятными буковками и циферками в огромных кодах для сайтов (дизайнеры меня сейчас поймут).

Поэтому, если нужен проверенный человек, который разбирается в коде, точно пишите Вадиму: @vadimfominov 👌

#для_дизайнеров

Как-то попалось мне вот такое объявление 🫣

Всё, что я напишу ниже, направлено только на улучшение объявления и увеличение заявок с этого объявления. Я не планирую кого-то оскорбить или занизить чью-то работу.
1️⃣ Картинка с галочкой в самом верху ни о чём не говорит, она стоит для объёма и занимает место.

2️⃣Заходишь с вопроса про компьютер, а берёшь в ремонт: планшеты, телефоны, принтера, МФУ, роутеры и видеорегистраторы.

3️⃣ «Ремонт цифровой техники в ЖК «Евроберег»». Цифровая техника —слишком размазано и не ясно, что конкретно ремонтируешь.

4️⃣Это моё любимое)) Что значит Быстрый ремонт? Что значит Качественный ремонт? Эти слова можно использовать в любом бизнесе, поэтому тебе это не подходит. Ответь для себя на вопросы: на сколько быстро? В чём заключается качество твоей работы? Как вариант, почитай плохие отзывы о твоих конкурентов и сделай их плохие качества своим преимуществом.

5️⃣ Определись, что конкретно ты хочешь ремонтировать и что ты не берёшь в работу.

❗️РЕКОММЕНДАЦИИ ПО УЛУЧШЕНИЮ:
С ремонтом компьютеров я не сталкивался, поэтому примеры могут быть не по теме, но суть они должны передать. Ты можешь воспользоваться ими, а можешь ничего не менять. Это рекомендации, а не обязательные к применению правила.

1️⃣ Сделай горизонтальное объявление. Раздели его на 2 части. Слева будет текст. Справа — твоя студийная фотография. Не вырезанная из толпы, не снятая на плохой телефон, не в куртке и шапке на улице, а именно на профессиональный фотоаппарат и в студии.

2️⃣ Нужен оффер или утп.
Например: Ремонт ноутбуков и компьютеров в ЖК "Евроберег" от 5 часов, гарантия 6 месяцев

3️⃣ Под оффер добавь краткое описание своих услуг. Можно добавить список. (Посмотри отзывы клиентов на сайтах-отзовиках и найди топ 5 проблем, с чем чаще всего обращаются к мастеру). Запиши их в описание)
Например:
Ко мне обращаются когда компьютер:
- включается дольше 1-й минуты;
- сильно шумит при просмотре фильма;
- что-то ещё.

4️⃣ Под описанием ставь призыв к действию.
Например:
Запишись на бесплатную консультацию и получи скидку 10% на переустановку Windows.
(может им не нужна переустановка винды сейчас, но в будущем придут к тебе т.к. есть скидка в 10%)

Тел: +7(999)-888-77-66
ТГ: @remont_pk
ВК: @remont_pk
WA: +7(999)-888-77-66

#смыслы

Накидайте огня здесь👇

Это вообще нормально? 😆

Подключали рассрочку через Prodamus

У них очень интересно формируется ссылка для рассрочки:
1. Нужно в URL строку добавить определённые GET параметры.
2. Перейти по своей же ссылке.
3. Получить короткую ссылку для приёма платежей.

Но это сложно для пользователей. Что за GET параметры, куда перейти нужно и где получу свою нужную ссылку — непонятно.

Не пойму, почему они до сих пор не сделали обычную форму с кнопкой «сгенерировать ссылку», куда нужно ввести свои данные и сделать ссылку. По моему, для обычных пользователей это будет понятнее 🤷

#отзыв

Поделитесь в комментах опытом работы с Prodamus. Интересно именно формирование платёжной ссылки для рассрочек 👇

Почему шаблонные сайты не работают: 3 причины для индивидуальной разработки

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

1️⃣Ограниченная функциональность

Шаблонные сайты предоставляют базовые инструменты, которые подходят не всем. Когда ваш бизнес начинает расти и требовать новых функций — интеграции с CRM, дополнительные формы, фильтры или калькуляторы, вы столкнётесь с серьёзными ограничениями. Это замедлит ваш рост и потребует дополнительных средств на доработку.

2️⃣Отсутствие уникальности

Шаблонный сайт выглядит как десятки других. К примеру: ваш сайт может использовать тот-же шаблон, что и сайт сексшопа, о котором вы пока не знаете 🫣

3️⃣Сложность масштабирования

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

Индивидуальная разработка — решение, которое учитывает все особенности вашего бизнеса.

Если нужен сайт, то пиши сюда 👉 https://t.me/vadimfominov

Проблема: после обеда падает фокус в работе.

Работаю дома с 7 до 12, потом перерыв до 14 и дальше за работу. После 14.00 иногда сложно сосредоточиться и занимаюсь не работой. Сегодня пошел гулять, как обычно, после обеда и нашел кофейню в 100 метрах от дома 😳.
Попробую поработать в ней, когда дома прям всё против продуктивной работы.

Посмотрю как скажется смена обстановки за окном 🤔

Как вам обстановка?

#live

В проектах часто использую такую логику, когда при клике на кнопку к ней добавляю класс active, а у остальных пунктов меню удаляю. Я всегда это делал с помощью проверки if else

$('.item').on('click', function() {
  
  if($(this).hasClass('active')) {
     $(this).removeClass('active')
  } else {
     $(‘.item').removeClass('active')
     $(this).addClass('active')
  }

 })

При нажатии на кнопку я проверяю, если есть класс active, то удаляю его, а если нет, то добавляю к нему active и удаляю его у всех других элементов из списка.

Такой подход применяю обычно в аккардионах, к примеру, в блоке «Вопрос-Ответ».

GPT-4 подсказал вариант получше 👇

$('.item').on('click', function() {
    $(this).toggleClass('active')
         .siblings()
         .removeClass('active');
});

.toggleClass('active') — добавляет или удаляет класс active в зависимости есть он на элементе или нет.
.siblings().removeClass('active') — получаю все элементы на одном уровне вложенности с нажатым и удаляю у них класс active.

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

#code

👇 Место для огня

За 4 года я опубликовал 1 отзыв о работе со мной

Всегда своим клиентам говорю, что на сайте нужны живые отзывы, а сам их не собирал и не выкладывал 😆. «Ладно, я же анонимно работал, поэтому и не выкладывал» — говорил я себе, но я даже их не собирал на будущее, что бы были, когда понадобятся.

Сейчас начал исправляться и в канале появится больше отзывов о работе со мной от предпринимателей, дизайнеров, верстальщиков, копирайтеров и SEO специалистов. Весь контент с отзывами оставлю с пометкой #отзыв, так я сам смогу давать заказчикам ссылку на отзывы о работе со мной.

Жаль, что пока не работает такая ссылка t.me/wordpress_by/#отзыв

Но можно написать пост-навигацию, где выписать все хэштеги в канале 🤔

Крутая фишка, которой я научился с GPT. Использую в PHP и JavaScript.

Пример из этого калькулятора
С помощью select, пользователь выбирает толщину листа. В зависимости от толщины листа стоимость будет разной. Я написал функцию, которая принимает толщину листа и возвращает нужный коэффициент для расчётов.

По порядку:
1️⃣ Создаю функцию и передаю в неё ключ
2️⃣ Внутри функции создал массив ключ=>значение
3️⃣ Возвращаю значение по переданному ключу

Пример:

function addCountStreet(key) {
       
  let forStreet = {
            "2.5 мм": 4,
            "2.976 мм": 5,
            "3 мм": 6
        };

 // Возвращает 0, если ключ не найден
        return forStreet[key] !== undefined 
                    ? forStreet[key] 
                    : 0; 
}

Тернарным оператором пользуюсь 3 года, намного удобнее и проще if else.

Ещё год назад для такой задачки использовал бы много if else или switch case.

#code

Калькулятор из поста выше 👆

«Ахуеть)) Слов нет, очень классно»

Самый живой отзыв от клиента за последнее время 😂

Что нужно сделать:
Калькулятор стоимости товара для сайта на Tilda.

В калькуляторе 3 блока для изменения стоимости:
1️⃣ Чекбокс для выбора типа экрана. В зависимости от выбора, меняются варианты для шага пикселя экрана в третьем блоке.
2️⃣ Два ползунка для ширины и высоты экрана. Нужно получить площадь экрана.
3️⃣ Шаг пикселя экрана, можно выбрать из выпадающего списка. В этом блоке два варианта выпадающего списка и каждый показывается в зависимости от выбранного типа экрана в первом блоке.

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

Применил магию JavaScript, потом сократил свой код в 2 раза при помощи GPT 🤔

Кстати, это 4 способ по улучшению сайта для удержания пользователей. Посмотри остальные варианты выше 👆

#отзыв

Что лучше: одностраничник или полноценный сайт?

Всё зависит от того, какие задачи сайт должен решать. Ниже разберу плюсы и минусы каждого варианта.

1️⃣Одностраничник

Он идеально подходит для презентаций продукта или услуги, когда нужно передать информацию сочно и понятно. Но есть минус – на одностраничнике сложно разместить много контента. Если у вас несколько продуктов или комплексные услуги, не стоит всё лепить на одну страницу.

2️⃣Полноценный сайт

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

Пример: для одного клиента, я создал одностраничник на тему игр в лазертаг – он привлёк клиентов через рекламу. А для сайта детского лагеря разработал полноценный сайт. Написал какие предоставляют услуги, какие смены и в какой период, сделал блог и добавил фильтр.

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

Напиши мне и я помогу разработать пиздатый сайт!

Я не знаю как это работает, но…

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

Через 2 недели мне пишут с проблемой на сайте аналогичной тематике. Аренда домиков, но в соседнем городе 🤯

Запрос такой:
Сайт работает с системой бронирования от bukza.ru. Нужно подключить оплату через белорусский Альфа-Банк и интегрировать её с системой бронирования 🤯

Работа с двумя API заняла 10 часов. Писал в ТП bukza, были вопросы. К примеру, я не знал про то, что можно отправлять автоматические POST запросы туда же, откуда пришёл мне ответ 🤷 В общем, прокачал свои скиллы в работе с API и добавил к себе в копилку опыт работы с API белорусского Альфа-Банка и системой бронирования bukza.ru.

Нужно ещё подключить оплату на сайте через ApplePay, здесь будет интересно🤔 Кто-то делал это уже? Напишите в лс, попрошу помочь с этой задачей.

Пздц конечно последние 2 недели у меня были

Началось всё с того, что по одному проекту долго согласовывали контент для сайта. Потом приходит начальник и говорит: релиз 16го, реклама куплена, покупатели ждут. В итоге, я верстаю и переношу 3 страницы по 10-13 блоков на Wordpress, а дизайнер подготавливает изображения. Они не из интернета скаченные, а каждое изображение обрабатывается в фотошопе и согласовывается с начальником 🤯

На картинке выше 👆 обычная моя неделя и неделя перед запуском этого проекта. За 4 дня отработал 40 часов 🫣

Я считаю не часы, просидевшие перед монитором компьютера, а часы, которые я потратил на выполнения задач.

Проект запустили вовремя 👌

Вечером 15го поехал в баню и впервые сидел в ледяной воде 4 минуты, кайф в общем. Не так страшно, как кажется на первый взгляд. Не заболел на следующий день 😆 Всю ночь проспал и на утро никакой усталости. 22го повторил 👍

Простые способы улучшить сайт, чтобы люди оставались дольше

Как посетители взаимодействуют с вашим сайтом? Сколько времени они проводят на страницах? Какие разделы чаще всего посещают и как быстро уходят? Все это влияет на ваше положение в поисковиках и общее восприятие сайта. Вот несколько реально работающих методов, которые можно внедрить хоть сегодня 👇

1️⃣Быстрая загрузка сайта

Если ваш сайт загружается дольше трёх секунд – вы уже теряете людей. Представьте, вы ищете решение проблемы, кликаете по ссылке, а страница висит и не открывается. Ужасно, правда? Оптимизируйте изображения, уберите тяжёлые скрипты и включите кэширование, чтобы страницы летали. Обычно я закрываю вкладку, если через 3-4 секунды страница не загрузилась. Ещё такое часто бывает, когда переходишь на сайт с рекламных баннеров в поисковиках или в Instagram.

2️⃣Удобная навигация

Никто не любит блуждать по сайту в поисках нужной информации. Сделайте так, чтобы всё было на виду. Простой пример: на одном проекте я заменил три выпадающих меню на одно чёткое верхнее.

3️⃣Контент, который цепляет

Ключ – полезность. Не нужно писать обо всём подряд – узнайте, что волнует ваших пользователей. Например, на сайте с кулинарными рецептами добавил видео и пошаговые инструкции – люди начали проводить в 2 раза больше времени на странице рецепта.

4️⃣Интерактив

Добавьте тесты, опросы, калькуляторы. Пользователь не только останется дольше, но и вернётся за результатом.

5️⃣Мобильная версия – must-have

В 2024 году люди больше сидят в телефонах, чем за компом. Неоптимизированный сайт – это как блинчики без начинки. У одного моего клиента, посещаемость сайта с мобильного телефона составляет 60%.

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

Хотите, чтобы ваш сайт не просто был, а реально работал на вас? Обращайтесь ко мне, и я помогу вам настроить сайт так, чтобы ваши пользователи оставались дольше, а бизнес – рос!

Channel name was changed to «Вадим Фоминов | Создаю сайты на Wordpress»

1 месяц ведения инсты и первый заказчик пришёл

Мало того, что первый заказчик из инсты, так ищет и первый заказчик из моего города.

Получится провести офлайн встречу. Запланировали на середину сентября.

Человек сдаёт домики для пар на романтический вечер-ночь. Рядом река и лес. Думаю, что часть суммы возьму бартером 🫣

Получил последний перевод за проект. Сходил с женой в ресторан, а пацану купил робота-трансформера.

Очень приятно работать с такими заказчиками. С юморком в общении и знают что нужно для проекта. После сдачи остались только положительные эмоции 🥰

При вёрстке использовал чат GPT. Порядок работы такой:
- скачал первый блок с макета в Figma,
- закинул картинку в чат,
- написал что нужно сделать
- получаю html и css код.
По опыту этого проекта, 80% html и 70% css использовал без изменений. Остальное дописывал или изменял. Из минусов - иногда добавляет ненужные стили, приходится проверять. К концу проекта проще заметить ошибки, т.к. еже примерно понимаю куда смотреть. К примеру, добавлял не тот цвет для border.

При помощи GPT, за 5-10 минут сделал ajax пагинацию с GET параметрами в URL. 90% php, js и html оставил без изменений.

БД со статьями была от самописного сайта. Нужно было придумать, что делать с картинками. В БД от Wordpress хранится ссылка на картинку, а в самоличной были только названия. В итоге залил все картинки на хостинг и написал свою функцию для вывода картинок. Папка с картинками была грамотно сделана, всё расфасовано по дате.

В этом проекте всё прошло по такому плану:
✅ 1. Созвонился с заказчиком, узнал что нужно.
✅ 2. Подготовил прототип для дизайнера.
✅ 3. Дизайнер сделал макет в Figma.
✅ 4. Сверстал и перенёс на Wordpress.
✅ 5. Купил хостинг и перенёс на него сайт.
✅ 6. Загрузил статьи на готовый сайт. Есть база со статьями с 2013 года 🫣

В каждом проекте под ключ придерживаюсь похожего плана. Ко мне обращаются, если нужен сайт под ключ или уже есть макет в Figma👇
@vadimfominov

Представь. Вчера закончил проект, передал все логины и пароли. Сегодня тебе перечисляют последний платёж за него. Как будешь отмечать? Чем порадуешь себя?

Похер, работаешь дальше?