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

Для связи: @vadimfominov
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Про липкие блоки в статье

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

Проблемы: на сайте контент статьи выводится в одном div. Сложность выполнения в том, что липкие блоки работают в пределах одного контейнера, а на странице таких блоков может быть больше.

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

Методом .slice я выбирал какие теги вставлять в изменённую структуру.

Спасибо Александру за саму идею реализации этого функционала т.к. до этого я высчитывал высоту каждого блока до верхней части браузера и исходя из этого высчитывал где должен появляться липкий блок.
This media is not supported in your browser
VIEW IN TELEGRAM
Реализовал функционал работы с бонусами.

1) Начисление бонусов за покупку товара
2) Оплата товара накопленными бонусами
3) Добавил страницу в ЛК с информацией о бонусах за каждую покупку

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

____________________________

Пишите мне, если застряли с проектом и не знаете как решить задачу. Буду рад помочь в зависимости от своей загруженности.
This media is not supported in your browser
VIEW IN TELEGRAM
Про задачу с xlsx таблицей

📄 Задача:
Есть таблица, в которой каждый столбец - это часть адреса, к примеру Город, Район, Улица и дом. Каждая строка в этой таблице - это адрес, по которому осуществляется услуга. Нужно составить несколько выпадающих списков исходя из данных в этой таблице ( выпадающий список Городов, Районов, Улиц и т.д. ). По умолчанию доступны все города для выбора. Пользователь выбирает нужный город и в остальных списках остаются только те районы и улицы, которые есть в этом городе, потом пользователь выбирает район и корректируются списки улиц, домов и т.д.

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

✏️ Решение:
Для решения этой задачи использовал много Javascript`a.
1) Конвертировать файл в массив
2) Убрать из массивов дубли
3) Написать логику при которой при выборе Города, сортируются остальные пункты списка.
4) Все это сделать шорткодом, что бы удобно добавлялось на сайт в любом месте
🔥4
Forwarded from WordPress Digest (WordPress Digest Bot)
Компонентный подход в WordPress

Рассказываю о своём опыте написания тем для самой популярной CMS.
#development #themes #wordpress
https://wp-digest.com/guides/komponentnyj-podhod-v-wordpress/
🔥3
Создаём микроразметку Schema.org для сайта

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

Но вот какая штука — компьютерный интеллект всё это ещё не совсем понимает, хотя и старается. И вообще — когда поисковый робот заходит на сайт, он не видит всей этой красоты из параллаксов и svg-анимаций, а видит код, с которым и работает.

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

Источник: https://anatolykulikov.ru/lesson/create-data-markup-for-site/

➖➖➖➖➖➖➖➖➖➖➖

2023 год у меня начался с проекта в котором нужно было учесть такую разметку, а я без понятия что это и для чего. Работал в паре с СЕОшником и разбирался где и какой тег ставить.

Сейчас нашел вот эту статью и по моему в ней всё предельно понятно расписано. Странно, что никто не упоминает эту тему при обучении созданию сайтов 🤔

Или она не нужна для сайта?
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Что делать если сайт "прыгает" при обновлении страницы

Для решения можно использовать прелоадер, сделать не сложно. Ниже три простых шага.

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.
🔥23👍7❤2
Судя по оглавлению, будет полезно

Кто читал уже?
👍12🔥4👎3🤔1
Вадим Фоминов | Создаю сайты на Wordpress
Судя по оглавлению, будет полезно Кто читал уже?
Закончил с книгой и хочется выписать основные мысли, которые остались после прочтения книги.

Что-то из книги я знал, что-то он давал на своих курсах пять лет назад, что-то очевидное и лежит на поверхности, но я этим не пользовался.

1. Возражения "Дорого" и "Долго". Я почему то никогда не отрабатывал эти возражения клиентов. Обычно предлагал удешевить работу за счёт увеличения сроков, или наоборот, уменьшить сроки за счёт увеличения стоимости работы.

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

3. Правки от клиентов. Взял заказ, назвал сроки - 2 недели, получил предоплату. И потом начинается: это не так, тут подвинуть нужно, там поправить. Получается проектом занимаешься уже три недели, а цена за работу та же.

4. Конверсия. Тут просто бум 🤯. Понятное слово, но я никогда не применял его в своей работе. Этот показатель поможет определиться в какую площадку больше вкладывать сил, а с какой можно попрощаться и не тратить на неё время.

5. Срок. Договорённость. Цена. Приходится сталкиваться со срывом сроков, нарушением договорённостей и как следствие - платить за это свою цену. Простые и понятные слова, но ты всё равно продолжаешь каждый раз наступать на одни и те же грабли.

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

Где и как буду внедрять эти пять смыслов напишу позже.
👍16🔥6✍2
Forwarded from клинчук, такнепойдёт (Даниил Клинчук)
Лови разбор сайта kontora.name 🔥

Он приносит заявки на создание сайтов на Тильде стоимостью от 120 000 ₽ до 700 000 ₽ с холодного трафика.
Ты сможешь найти там идеи для собственной упаковки: на сайте, в кп или социальных сетях. И для клиентских проектов тоже.

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

Кому будет полезно?
- Дизайнерам
- Копирайтерам
- Смысловикам
- Маркетологам
- Фрилансерам

Ещё раз, что внутри:
✓ Разбор 30 ключевых прогревающих блоков
✓ 91 сущность, которая помогает убедить ца
✓ Триггеры, которые вызывают доверие
✓ Задачи блоков
✓ Структура всего сайта
✓ Разбор подробного кейса


В течение 30 минут он доступн для сохранения в качестве шаблона у себя в проекте. Как забрать шаблон: жмём «Создать новую страницу» → Листаем в самый низ и жмём «Указать ID шаблона» → Вводим номер: 39910045 → Кайфуем и пользуемся.

После 11:49 доступ к странице будет только по паролю. Чтобы получить пароль — пиши «Хочу разбор» в комментариях к этому посту.


Держи разбор:
https://kontora.name/rzbr


😍
Как можно сказать спасибо за пользу?
1. Задонатить от 290 ₽ →
2. Поставить реакцию на этот пост
3. Отправить пост в свой канал и друзьям
4. Написать приятный коммент
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11🤮4❤‍🔥3👍2👎1
Channel name was changed to «Фриланс | Разработка сайтов»
Сайт нужен для того, чтобы продавать товар или услугу через Интернет. Очевидная вещь, но некоторые говорят, что сайт им нужен "просто, чтобы был".

Основные этапы разработки сайта под ключ
:
- бриф;
- дизайн;
- верстка;
- перенести верстку на вордпресс;
- готово.
Ещё можно подключить копирайтера для написания текста.

Из такого подхода 👆👆 к созданию сайта возникает одна большая проблема - слив бюджета.

1️⃣ Заказчик заполнил бриф абстрактными словами, такими как:
- у нас лучшее качество;
- хороший сервис;
- лучшие работники;
- лучшее оборудование;
- быстрая доставка.
Это происходит из-за того, что фрилансер отдаёт шаблонный бриф и получает такие же шаблонные ответы.

2️⃣ Из этой абстрактной каши дизайнер делает красивую картинку 😍

3️⃣ Программист красивую картинку превращает в сайт и выгружает на хостинг.

Аппарат по сливу бабла готов, пользуйтесь.

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

Дайте огня 🔥 и расскажу, как не допустить слив денег.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥58
Как не допустить слива бюджета при разработке сайта.

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

Например:
Заголовок "у нас самая быстрая доставка" – не цепляет.
"Доставим пиццу за 30 минут в любую точку города или получите её бесплатно" – огонь, можно заказать.

Через бриф нельзя докопаться до сути и найти ту самую, ключевую информацию из-за которой человек оставит заявку.

Что же тогда делать?

Проводить интервью. Выделять 2-3 часа своего времени, доносить важность проведения интервью до заказчика, проводить созвон в Зуме, Телеграме, через Скайп или приходить на личную встречу. Через проведение интервью вы сможете достать крупицы смысловой информации о продукте.

Пример: представим, что ты делаешь лендинг для владельца пиццерии и уже созвонились в Зуме на интервью.

Ты: почему люди заказывают у вас?
Клиент: мы делаем их вкуснее и быстро доставляем.
При заполнении брифа другого ответа не будет. На будущем сайте появятся преимущества:
- самая вкусная пицца в городе;
- быстрая доставка.

На интервью копаем дальше.
Ты: быстро – это за какое время?
Клиент: обычно мы доставляем пиццу в любую часть города за 25-30 минут.
Ты: за счёт чего получается так быстро?
Клиент: доставщики развозят пиццу на наших мотоциклах.

Из таких фактов можно собрать цепляющий заголовок: "Доставим пиццу на байке в любую точку города за 30 минут"

Чувствуешь разницу?

Набросайте ещё огней и я расскажу что делать если никогда не работали с текстом и хотите поднять чек за свои услуги.
🔥41👎1
Прототип (смыслы) — является самой дорогой составляющей сайта. Поэтому прокачать в себе навык написания смысловых прототипов — прямая дорога к повышению дохода.

Я никогда не работал со смыслами, что делать?


1️⃣ Ты дизайнер.
План простой, учишься писать смысловые тексты, создаёшь прототип и дизайн, а верстку и разработку делегируешь. Или делаешь лендинг на Тильде. Тут уже от навыков зависит. Но лучше делегировать, чем разбираться самому.

2️⃣ Ты верстальщик.
Обучаешься писать смысловые тексты и создаёшь прототип. Дизайн и перенос на CMS делегируешь.

3️⃣ Ты разработчик.
Научился писать смысловые тексты и создавать прототип. Дизайн и верстку делегируешь. Верстку можешь сам делать, если некому передать.

Смысловые тексты на сайте — это про убеждение ЦА оставить заявку и максимальную конверсию на сайте. А за это заказчик готов платить больше, чем просто за сайт.

Обучаться можно двумя способами.
1️⃣ Бесплатно. Самому искать информацию и изучать. Длинный путь с множеством препятствий, как в любой сфере.
2️⃣ Найти наставника. Те, кто уже работал с наставником, то знают, что это самый короткий и простой путь. Этим вариантом воспользовался я.

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

Для тех, кто хочет попробовать бесплатно, начните с закреплённого поста в канале @fobesko_landolog. Там вы найдёте самые вкусные посты на темы:
– Бесплатные файлы для веб-разработчика;
– Как искать клиентов;
– Как продавать свои услуги дороже.

Я лично пошел вторым путем и купил наставничество у @fobesko.

После того, как прочитаете статьи из закреплённого поста в канале @fobesko_landolog, напишите в комментарии что думаете, что забираете себе и чем будете пользоваться?
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8❤2👍2
Напиши в комментариях чем занимаешься и какой опыт работы.

Кто остался со мной в канале?
Anonymous Poll
12%
Я дизайнер
32%
Я верстальщик
52%
Я разработчик на Wordpress
23%
Я просто хочу посмотреть, что тут происходит
6%
Я напишу свой вариант в комментарии
❤3
Вадим Фоминов | Создаю сайты на Wordpress pinned «Напиши в комментариях чем занимаешься и какой опыт работы.

Кто остался со мной в канале?
»
🤬 Что делать, если вы постоянно ругаетесь с разработчиками?

Да, бывает такое что у вас аврал, а разработчик не выходит на связь и вообще все дедлайны уже обрушились на ваших глазах...

Много раз у вас с заказчиками возникали такие ситуации, на грани ссоры. А все почему? Со своей стороны могу сказать - когда заказчик выдает задание в 13:00 и говорит что надо запустить в продакшн к завтрашнему утру, то как бы...

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

Написал, обсудили все вместе в рабочем чате, подредактировали, так чтобы он всех устраивали и вот:

👉 Специалист выбирает подходящий стек для выполнения задачи.

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

👉 Для каждой задачи нужно ТЗ (макет, описание логики).

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

👉 Время на выполнение задач от одного дня до недели.

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

👉 Баг фикс задач тоже занимает время от одного часа до 2-3 дней.

У всех участников есть понимание процесса. А так же будет и у вновь присоединившихся в будущем.

P.S. А какие ТЗ нам начали писать! Просто глаз радуется 😉
👍7🔥3💯2❤1
5 моих правил общения с клиентом. Без претензий на абсолютную истину. Только личный опыт.

👍 Начинай сообщение с имени.
Особенно это касается первых сообщений в начале работы. Для любого человека это приятно и поможет произвести хорошее впечатление.


👍 Не пиши сообщения по ночам.
Уважай время и личные границы друг друга. Старайся решать все вопросы днём и не затягивать до вечера. Кстати в телеге есть супер фича — отложенные сообщения и сообщения без звука. Ты пользуешься?


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

👍 Войсы — зло.
Не стоит вступать с заказчиком в обмен голосовыми. Риск что-то упустить 99,9% и даже премиум аккаунт в телеге с распознаванием голоса не спасёт.

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

👍 Не тяни с ответом.
Тебе наверняка самому не нравится, когда на сообщение не отвечают часами/днями, особенно когда видишь статус что оно прочитано.

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

Чтобы не забыть, я в телеге ставлю такому сообщению статус «новое сообщение» и это позволяет мне забыть о нем.

Ну а вообще все просто:

«Поступайте с людьми так, как вы хотите, чтобы они поступали с вами.»
📖 Луки 6:31 НРП
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11👍3🥰2🗿1
🔤 У кого переписка с заказчиком заканчивается словами: "долго", "дорого" или "я подумаю"? 

Заказчику не подходит цена за сайт, значит он ищет подешевле. Думал я и пздц как ошибался. Не всегда слова заказчика стоит воспринимать буквально.

Под словом "дорого" может скрываться:
▫️ мне предложили цену ниже;
▫️ у меня есть всего 5 000 рублей;
▫️ я не знаю, сколько это на самом деле стоит, помогите понять. 
Ты этого никогда не узнаешь, если закончишь диалог.

Не угадывай, что скрывается под словом "дорого", напрямую задай вопрос о бюджете. 
Например: "Скажите, на какой бюджет вы рассчитываете, чтобы я предложил вариант работы под этот бюджет?". Дальше работай с этим бюджетом или порекомендуй заказчику исполнителя, который готов взять эту работу.

Ещё пример: 
Василий Петрович — месяц назад открыл барбершоп. Не знает сколько стоит сайт и ищет исполнителя. Для таких людей важно объяснить, почему работа стоит именно столько. На 2-х листах А4 напиши что сделаешь и укажи сколько времени и денег потратит за каждый пункт из списка.

В комментариях напиши как заканчиваются твои диалоги с заказчиком? 👇👇
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥14😁1
Начинаешь работу с "горящими глазами" и большим желанием добавить проект себе в портфолио, но потом думаешь "когда уже сдам, нет сил 😣"?

Давай разберёмся из-за чего так происходит:

1️⃣ Ждёшь обратную связь по проекту 2 недели.
Создание таких сайтов растягивается, работа не приносит удовольствие. Из практики, на сайт выделяешь 3-4 недели, потом смещается фокус на другие задачи и этот проект отходит на второй план.

2️⃣ Сразу выполняешь доработки по сайту.
Небольшие правки на пять минут: отступ поправить, слово поменять, кнопку подвинуть левее, заголовок сделать меньше. Потом 5 минут на таких задачах перерастают в 3 часа и потерю сил на другие задачи.

3️⃣ Взял дополнительные заказы.
Когда 2 недели нет обратной связи, берёшь в работу следующий заказ. Желание работать над первым проектом с каждым разом меньше и меньше.

Как не допустить такого?
1️⃣ Ответственность. Не перекладывай ответственность за проект на заказчика. Подумай, всё ли ты сделал, чтобы получить нужные материалы по проекту от заказчика?
2️⃣ Система работы. Нет системы в твоей работе и ты перепрыгиваешь с задачи "Сверстать меню" на "Правки по главной странице". Заказчик только подсветил проблему на сайте и не ждёт, что исправлений сегодня же.
3️⃣ Новая договорённость. Напиши заказчику, что откладываешь проект на месяц из-за отсутствия нужных материалов. Тогда тебе пришлют их и ты продолжишь, либо поставишь проект на паузу. Появится время на другой сайт не нарушая договорённости первого.

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

Всем добра.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤13👍4🔥3