29.10.2020
Фриланс-246

Мой первый заказ на фрилансе

Наконец то я решился найти заказ на фриланс бирже. Вчера я отправил два запроса на бирже kwork.ru. Один из запросов на заказ с темой «Доработки на wordpress«. Вот текст который я направил заказчику:

Привет. Давно изучаю веб программирование html, css, php, mysql, wordpress. Реального опыта работы на фрилансе нет. Делал пару ботов телеграм в группах для удаления сообщений с ссылками. Знаю что такое ftp, ssh, composer, git. Умею доработать Php код, изменить наследуемую тему wordpress. Вот недавно помог одному разработчику, у которого на сайте не работала форма отправки заказа на e-mail. Там была проблема с функцией mail от хостинга. Подключил отдельную библиотеку и теперь эта форма будет работать на любом хостинге. В общем буду рад попробовать с вам поработать. Если вы считаете, что я не справлюсь, то просто напишите об этом мне.Спасибо.

И буквально через два часа я получил ответ от заказчика с списком задач:

Добрый день. Тема: проект «Доработки на wordpress«.

1. https://alfacarusa.com/cars/ 4 машины в строке сделать.

2. Шапку меню прозрачным сделать когда оно вверху, при прокрутке странице в низ меню должно затемняться полупрозрачным фоном(как сейчас есть). — это для всех страниц

3. В шапке этой страницы https://alfacarusa.com/cars/ написать название страницы Choose your car online, и ниже 10 makes | 100 models. Как тут https://express.lexusofnorthmiami.com/inventory. Лого и меню сделать с отступами по бокам как на остальных страницах.

4. Сделать раскрывающиеся блоки выбора как тут https://express.lexusofnorthmiami.com/inventory

BODY TYPE

MAKE

5. https://alfacarusa.com/auto-loan-calculator/ нужно поставить 0% в калькуляторе Loan и Affordability, сейчас если поставить 0 калькулятор не считает.

6. Добавить слева всплывающее боковое меню(меню такое-же как справа при нажатии на Contact Us).

Я конечно же согласился и взялся за эту работу. Мне предоставили доступ к admin панели WordPress, и доступ к файлам сайта через ftp. Попав в админку сразу же стало понятно, что с сайтом что то не так. Установленная тема не открывала настройки. И нельзя было ничего изменить через админку. Я не унывал и начал изучать стили нужной страницы для выполнения 1 пункта задания.

Тут я сразу же увидел, что на странице используется bootstrap, который я немного изучал ранее. В div отображения машин стоял класс col-md-4. Я быстро сообразил, что в блоке всего 12 колонок, и если изменить ширину одной колонки с 4 на 3, то появиться как раз 4 машины в ряд. Но проблема была в том, что надо было найти файл в котором это изменить. Это заняло некоторое время. Был найден файл, который отвечал за построение сетки на сайте. Где я и внес изменения. К сожалению к моменту написания статьи, доступа к файлам у меня уже нет. Пишу что помню. Закончив первый пункт я сразу же написал заказчику.

Далее приступил к 2 пункту, и тут все было очень не просто. Как я понял в ходе работы, основная задача стояла в изменении стилей сайта. А это не совсем wordpress. Но я не сдавался. Надо было сделать прозрачным фон меню, когда он находился в шапке сайта, и затемнялся при прокрутке ниже. А до этого он был все время затемненный. На это у меня ушло куча времени. Где то полтора часа. Но решение тоже было найдено.

html .navbar {background-color: rgba(0, 0, 0, 0.7) !important;}

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

Время уже было 22:00, а начал я в 20:00. Опять долго и мучительно искал в файлах темы сайта, тот который отвечает за блок шапки. И такой нашелся. Там было прописано два параграфа с пустыми символами <p>&nbsp;</p> — неразрывный пробел. И тут было приятно применить свои знания php, где было создано условие, которое сравнивает url страницы и если это страница /cars, добавляется div с параграфами нужной надписи. Далее я добавил в файл стилей для созданного дива, ему я присвоил класс title-car, задал центрирование и размер шрифта. И приступил к центрированию верхнего меню, как на остальных страницах. И эта задача была не из простых.

Долго и муторно, я пытался разобраться почему на других страницах меню центрируется а на этой нет. Понял что это происходит из за дополнительного сайдбара меню фильтров. Который расширял зону контента на всю ширину страницы. А меню в хедере, имело свойство float: left и right, которое равнялось по контенту ниже. На других страницах такого сайдбара не было. Время уже было 23:20. И тут я увидел сообщение от заказчика, что я испортил шапку на других страницах. В результате добавления надписи на странице car, пропали пустые параграфы на других страницах. Пока я это понял, заказчик уже забрал у меня доступ. Время было 00:15 минут. И я понял, что не справился и пошел спать.

Но заглянув в телефон увидел, что заказчик просит починить. И собственно понимал как это сделать. Надо было добавить еще одно условие, чтобы на других страницах выводились эти два пустых параграфа, которые создавали высоту шапки. Мне пришлось встать с кровати и начать все это восстанавливать. Это продлилось до 1 часа ночи! Затем заказчик увидел еще один не понятный косяк, смещение шапки. У него вроде как появилась белая полоса справа, шириной в прокрутку. Я в своем Chrome, такого косяка не видел. В общем еще немного покопавшись и общаясь с заказчиком в чате, мы сошлись на том, что пока все ок. И можно будет продолжить завтра. Спать я пошел в 1:40!

Завтра наступила, я пишу это статью. Заказчик сохранил мои изменения на сайте. Я ему написал, пока тишина.

Вот такой вот мой первый опыт работы по заявкам с биржи kwork.ru

Я сделал вывод, что заказ получить не так сложно, я написал всего по двум заказам. И получил работу. Правда работа была сложной для меня, больше связанная с стилями и bootstrap, а не с php и wordpress. Сейчас я уже примерно прикинул как доделать остальную работу по пунктам и жду сообщения от заказчика……

Да и денег мне ни каких не дали и не обещали. Цена этого заказа 600 рублей, минус комиссия биржы 20%. А времени я уже потратил почти 5 с половиной часов.

PS вечер на следующий день, заказчик так и не ответил. Зашел на сайт, видно что уже меню с лого расположены по центру. Кто то работает…..