Как делал сайты клиентам незрячий человек @denis-skripnik
Здравствуйте. С вами @denis-skripnik. Уже давно планировал написать статью о том, как делаю сайты клиентам без использования зрения.
1. Порядок оплаты
У меня был опыт, когда я не брал деньги за сайт, и меня кинули, сказав, что всё не так, когда я редактировал. На предоплату согласны же не все, поэтому беру перед работой 50%, а после неё - ещё 50%.
Чтобы не было попытки обмануть, просто показываю сайт, но данные админки и ftp не даю: только после оплаты это получают. Если оплата не поступает в течении недели, сайт заменяется на надпись о необходимости оплаты вторых 50%.
Шаг 2: устанавливаю и настраиваю CMS
Это несложно. Как я делаю сайты в слепую объяснял в этой статье.
Если кратко: использую программу экранного доступа, озвучивающую мои действия.
Движок - Maxsite CMS (О нём можно прочитать здесь)
Через некоторое время начну публиковать статьи с видео о работе в этой системе управления контентом.
В список настроек входит изменение параметров работы сайта, админки, редактора, установка важных плагинов.
Шаг 3: несколько шаблонов
Далее устанавливаю на сайт клиента несколько шаблонов с виджетом переключения. Он оценивает, выбирает то, что больше нравится.
Поскольку шаблонов для Maxsite мало, я храню у себя как можно больше, чтоб предоставить выбор (но все равно он небольшой).
Один из них имеет 4 цветовых схемы (Их я меняю вручную в админке и показываю, как и что будет изменяться):
- Синяя
- Чёрная.
- Фиолетовая
- Красная
Покажу несколько примеров шаблонов. Для этого создал демонстрационный сайт http://demo.denis-skripnik.name, где, кстати, вы можете переключать шаблоны прямо на странице:
1. default (Стандартный шаблон):
2. Light Blue: шаблон с лёгкой голубой цветовой схемой:
3. MAX Sialia (Один из шаблонов от автора движка):
4. MAX Turdus (Ещё от автора cms):
5. MAX Zmey:
6. den-modern (Созданный для меня шаблон на основе темы для WP с несколькими цветовыми схемами):
Синяя (По умолчанию):
Чёрная:
Фиолетовая:
Красная:
7. Заказываю шаблон у знакомого
Либо даю пример WP шаблона, либо пишу, что и где надо сделать. Стоимость в районе 600-2500 рублей получается (В зависимости от объёма работ).
шаг 4: Размещение страниц, что в меню, а также текстов для них (Не более 15).
Это входит в состав моей услуги:
- Получаю doc/docx файлы с текстами для страниц;
- конвертирую их в html при помощи программы doc to html converter;
- Загружаю на страницы.
Всего принимаю не более 15.
Также могу заказать тексты на бирже, но за отдельную оплату. Это делаю на etxt.ru,, так как здесь более удобный для меня интерфейс и есть хорошие исполнители, которые пишут тексты профессионально.
Далее выполняю SEO настройки
Простановка title, meta keywords и description.
Если у заказчика не было своих требований по заполнению этих метатегов, смотрю на тематику и подбираю первые попавшиеся запросы, внедряя их.
Шаг 5: Правки цветов и шрифтов в некоторых местах (Нелюбимая работа).
Иногда требуется сделать правки шаблона: заменить шрифт, цвета в определённом месте. Можно конечно нанимать человека, но я предпочитаю делать сам, чтоб цена не была излишне высокой для клиентов (Хотя, если будут новые, наверное буду заказывать у зрячих специалистов правки, благо затраты всего 200-500 рублей).
Эту работу не люблю, так как не вижу, где и что находится. Выручает исходный код страницы:
- Спрашиваю, какой текст надо изменить (Или рамку вокруг). Например, на сайте http://velkam.ru надо убрать чёрную полоску, которая является неподходящей;
- Нажимаю f12 в Google Chrome, перехожу в дерево элементов и выбираю нужный:
<header id="header_site"><div class="name_site">Тротуарная плитка. Большой ассортимент. Высокое качество</div>
Нажимаю клавишу "Контекстное меню" (Applacation, правая кнопка мыши) и выбираю "copy > copy selected". Получаем всё необходимое:#header_site > div.name_site:
https://i.imgur.com/ukvR52Z.png - Иду в файл стилей и ищу идентификатор и класс. Также выполняю поиск по цветам, если нужное имеет другой цвет или не имеет цветов вообще.
- Прошу окружающих (чаще всего родителей) посмотреть, в каком месте меняется цвет, когда выполняю замену. Так, методом тыка, и нахожу правильное место (это если в нужном месте цвета фона нет, как в примере выше).
- Найдя место, даю ссылки на таблицы цветов http://trycolors.com/ и https://www.artlebedev.ru/colors/. После подбора цвета, узнаю код и вставляю его.
Делать это не буду, так как долго искать, да и дизайн velkam.ru планируем менять, так как текущий устаревший.
Что делаю, если надо что-то изменить, нужно программирование
Пытаюсь сделать сам, так как начальный опыт в php есть, либо нанимаю человека, но в этом случае перед заказом ставлю цену выше, так как понимаю, смогу ли сам программировать нужное, заранее.
P. S.
Сейчас подумываю насчёт возврата к Wordpress. Этому есть несколько причин:
- Более популярный движок, а значит легче найти верстальщика/дизайнера;
- Панель достаточно удобна для меня в последних версиях;
- Есть моментальный установщик, который ставит и движок, и шаблон уже настроенный, и плагины все с нужными опциями.
- Количество плагинов и шаблонов больше, больше функций - есть куда расти сайтам, если это потребуется. В МаксСайте, например, интернет-магазин очень сложно создать: только с использованием устаревшего неработающего плагина, либо при помощи Экведа (Сервис такой).
Но сайты, которые уже созданы, останутся на Maxsite (За исключением ВелКама), статьи об этом движке буду писать, да и отслеживать изменения тоже буду, так как CMS реально шустрая и перспективная.
Заключение
Всё. После этого сдаю работу.
Надеюсь, статья была интересна. Буду благодарен апвоутам и комментам.
Заглавное изображение с сайта 5bucks.ru