WordPress developer что это
Нюансы коммерческой разработки на WordPress
Доброго времени суток, уважаемый читатель. Судьба сложилась так, что я один из тех, кто отвечает за разработку проектов интернет-агентства в любимом, для меня, городе Хабаровск. И хотел бы поведать о том, как мы сохраняем должное качество продукта для клиентов, при условии довольно низких бюджетов, в сравнении с центральной частью России, что сказывается на требованиях к скорости сборки проекта. И цель моя — сократить издержки на разработку и дальнейшее обслуживание, что выливается в необходимость как можно быстрей сделать сайт с как можно большим количеством редактируемых в админ-панели элементов.
По большей части информация будет «технического плана», касательно CMS Worpdress, «по верхушкам». Я рассказываю лишь про наш путь, для кого использование технологий, путей, приемов etc. вопрос религии — просьба воздержаться от холиваров. Приступим.
Для начала небольшое отступления. В общей своей массе, у нас именно, проекты делятся на несколько типов по принципу разработки:
Сразу оговорюсь, что рассматривать в этой статье я буду только первых два пункта, ибо обобщить третий мне представляется довольно сложной задачей, т.к. любимые/самые лучшие/все остальные плохие технологии у каждого свои и в небольших городах бывает сложно найти разработчика хорошего уровня на RoR/Flask и иже с ними. И пробегусь по ним обзорно. Если возникнет интерес к этой теме — почему бы и не быть развернутой статье-туториалу «Как собрать сайт на WP за 4-8 часов, которым клиент будет доволен».
Почему WordPress?
Низкие бюджеты и желание привносить в мир меньше энтропии обосновало выбор. Более подробно:
И да, я не буду стучаться в вашу дверь с брошюрой в руках и говорить “Не хотите ли вы поговорить о WP?”. Просто мы используем эту CMS и об этом и есть заметка. Фактически здесь монолог в печатном формате, который я произношу всем новым веб-мастерам, приходящим к нам.
Какие нюансы следует учитывать при верстке проекта?
Считаю, что задумываться о нюансах сборки сайта следует уже на данном этапе. Здесь собрано немного общих и частных рекомендаций, возможно очевидных, исходящих из набора плагинов и сниппетов, которые использую я.
Шаблон должен легко разделяться на “шапку сайта”, собственно контент и “подвал”. Если необходимо скрывать некоторые элементы шапки/подвала — WP предоставляет довольно много замечательных функций-условий. (is front page(), is_404() etc.). Если необходимо изменять внешний вид — CSS умеет, body_class() имеется.
Из нюансов здесь важно то, что подменю должны иметь css класс sub-menu. Это избавит вас от необходимости писать кастомный волкер при сборке сайта, для функции wp_nav_menu($args);.
Буду как капитан очевидность, но все динамические позиции в верстке должны быть либо отдельным элементов (если телефон, то, к примеру + 7 XXX XXX etc. без извращений), для дальнейшей замены плейсхолдера, либо быть похожи на следующую логическую структуру:
Верстка до списка
Верстка элемента списка
…
Верстка элемента списка
Верстка после списка
Обязательно создать отдельное правило в CSS для контента, который клиенты вставляют через wysiwyg в админ-панели. Что-то вроде этого (пусть это будет LESS):
В дальнейшем убережет от звонков вида “Почему я вставила картинку и у меня все поехало!”
Если у вас есть на сайте галереи изображений (по три в ряд, по шесть в ряд etc.), то необходимо привести верстку этих галерей в верстку, которую генерирует WP шорткодом gallery. Или переопределить этот шорткод и сделать верстку просто придерживаясь правила “Верстка до списка, Верстка элемента списка, Верстка после списка”, если функционал WP по части количества колонок и прочего избыточен.
Верстка постраничной навигации, генерируемая WP, принимает примерно следующий вид:
Еще хочу сказать, что весь блок вышесказанного умещается в одну фразу — верстайте, стилизуя разметку, которую генерирует WP/плагины/сниппеты-функции и будет счастье.
Получили набор html/css/js файлов, что дальше?
В данный момент времени практика такова, что мы имеем репозиторий, который называем kosher_wordpress, дабы на каждом проекте не устанавливать кучу плагинов каждый раз снова. Что в нем имеется и что, по моему мнению, на данный момент достаточно:
И вся сборка проекта сводится к следующему:
Примерное содержание файлика со сниппетами:
По данному алгоритму собрал за последний год уже более сотни сайтов, в среднем по времени уходит от 1 до 3 рабочих дней, в зависимости от сложности дизайна и различных моушен-эффектов. Сама сборка занимает около 4-8 часов. Возможно это и не результат, но сравнивать мне пока не с чем, буду благодарен диалогу.
Как Стать Разработчиком WordPress
С более чем 76 миллионами пользователей, WordPress является самой популярной Системой Управления Содержимым (CMS). Благодаря такой популярности всегда есть люди, которые ищут разработчика WordPress для улучшения функционала своего сайта.
Улучшение WordPress включает в себя написание самостоятельного кода, который взаимодействует с базовым кодом WordPress. Если в процессе написания кода вы допустите ошибку, то вам не придется переустанавливать весь WordPress, так как базовый код останется нетронутым.
Вы можете бесплатно поделиться своей работой в хранилище WordPress или продавать ее на своем сайте или частных торговых площадках.
В данном руководстве, мы постараемся ответить на вопрос о том, как стать разработчиком WordPress и какие навыки для этого потребуются.
Какое программное обеспечение вам необходимо?
Что вы можете создать/разработать?
Вы можете изменить внешний вид сайта, расширить функционал, модифицировать панель управления и многое другое. При наличии глубоких знаний в области любого языка программирования, вы можете создать полностью новую страницу профиля пользователя или даже всю панель управления. Ваши возможности ограничены лишь вашими знаниями и желанием учиться новому.
Вы можете создать:
Создание тем
Темы определяют макет и стиль сайта на WordPress. HTML5, CSS3 и адаптивный дизайн являются неотъемлемой частью современных сайтов. Темы используют различные базовые функции WordPress, поэтому рекомендуется иметь базовые знания в PHP.
Рекомендованное руководство:
Темы эффективно работают поверх WordPress. Информация, вроде заголовка и контента записи отображается посредством написания определенных PHP-функций в HTML.
Создание Плагинов
Плагины расширяют функционал WordPress без изменения базового кода. В основном для этого используется PHP, поэтому рекомендуются знания того, как вызвать и написать функцию. Плагин является отдельным кодом, который взаимодействует с WordPress при помощи функций, предоставляемых базовым кодом.
Рекомендованное руководство:
Вы можете добавлять новые функции, удалять стандартные, изменять стандартную информацию до ее фактического отображения (например, добавляя текст к заголовку записи) и многое другое.
Любое расширение функционала WordPress должно быть сделано при помощи создания плагина. Пользователь должен иметь возможность отключить плагин в любое время и продолжить работу с сайтом без каких-либо проблем или ошибок.
Что вам нужно знать?
Базовый код WordPress написан на стандартных языках программирования PHP и SQL. Фронтенд состоит из комбинации HTML и CSS, JavaScript, jQuery и AJAX. Вы можете использовать любой из них при модификации WordPress. Давайте взглянем на каждый из них в отдельности:
HTML (предпочтительно HTML5)
Семантически правильный HTML необходим для комфортного опыта использования вашего сайта пользователем. Правильный HTML обеспечит одинаковое отображение ваших страниц в любом браузере. Если ваш код содержит ошибки, браузер может неправильно трактовать его и плохо отображать части вашей страницы. Написание правильного HTML означает использование корректного синтаксиса. Синтаксис отвечает за общую структуру документа, порядок HTML элементов, правильное положение элементов и форматирование атрибутов.
Элементы HTML в основном делятся на два типа: блочные и строчные элементы.
Каждый HTML элемент имеет правила того, что может быть помещено внутри него. В тегах параграфа допускается использование строчных элементов внутри них, вроде (жирный), (курсив), (ссылка) и т.д. В них не могут содержаться блочные элементы, вроде ,
Полезные источники:
CSS3 и адаптивный дизайн
Каскадные Таблицы Стилей (CSS) используются для стилизации вашей страницы и его контента. Вы можете изменить любую часть вашего сайта, начиная от цвета и шрифта текста до цветового фона. Вы можете быстро сделать заметные изменения, которые будут применены для всего вашего сайта.
В США приблизительно 71% всего интернет трафика приходится на мобильные платформы. Именно поэтому очень важно обеспечить корректное отображение вашего сайта на любых устройствах. Медиа-запросы позволят вам определить то, как определённая часть вашего сайта будет себя вести в зависимости от размеров экрана, используемого для просмотра вашей страницы.
Полезные источники:
PHP (Процессор Гипертекста) — язык программирования, который делает страницу динамической. WordPress построен на PHP вместе с MySQL.
PHP заботится о фоновых задачах, вроде поиска записи в базе данных, а HTML используется для вывода результата PHP скрипта после того, как он завершит свои задачи.
Самые часто используемые функции PHP:
Классы PHP
Для объектно-ориентированного программирования (OOP), необходимо знание классов PHP. Классы позволят вам формировать группы из переменных и функций, которые связанны друг с другом, в одном месте.
В WordPress, вся информация относящаяся к определенной записи, после извлечения из базы данных сохраняется как объект в классе под названием WP_Post.
Полезные источники:
MySQL
База данных MySQL используется для хранения всей информации о WordPress сайте и она динамически извлекается при помощи PHP. Фактический контент каждой страницы и записи в WordPress сайта хранится в базе данных.
WordPress предоставляет набор PHP-функций для безопасного взаимодействия с базой данных WordPress и ваши инструкции всегда должны быть запущены с помощью соответствующей функции. Некоторые функции используют стандартные инструкции SQL, другие используют массивы информации.
Полезные источники:
JavaScript и jQuery
JavaScript позволяет вам изменить поведение контента на вашей странице и помогает сделать страницы чище и более дружелюбнее к пользователю. Например, если вы хотите показать текст после того, как пользователь нажмет кнопку, вы можете использовать для этого JavaScript.
jQuery — очень популярная библиотека для JavaScript и более старые ее версии включены в WordPress по умолчанию. Ее синтаксис немного отличается от JavaScript и упрощает способы выбора частей документа. Она позволяет вам связать несколько функций, что делает код более чистым и легким для понимания.
Оба могут быть написаны способом, который полностью отделяет их от HTML. Если JavaScript отключен пользователем, сайт должен продолжать успешно функционировать.
Полезные источники:
Ajax (Асинхронный JavaScript и XML) позволяет вам отправлять или получать информацию без полной перезагрузки страницы. Это означает изменение содержимого страницы без ее перезагрузки. Например, если вы хотите создать поиск, где результаты будут отображаться прямо под полем поиска, вы можете использовать AJAX для отправки искомой информации, возвращения результат и его отображения без перезагрузки страницы.
WordPress использует AJAX в панели управления. Например, при написании контента записей и страниц, он использует AJAX для автоматического сохранения черновика без вашего участия.
Вы можете использовать либо JavaScript, либо jQuery для создания AJAX запросов. Так как синтаксис jQuery более простой и понятный, вы наверняка захотите использовать именно его.
Полезные источники:
Примеры стандартов программирования WordPress
При создании тем или плагинов для WordPress, вы должны придерживаться стандартов и форматирования, которые были выбраны разработчиками WordPress. Начните с просмотра любого стандартного PHP файла, чтобы иметь общее представление о нем.
ЗАМЕТКА: Сохранять код настолько чистым и читабельным, насколько это возможно очень важно.
Одинарные/Двойные кавычки
Повторение HTML атрибутов – esc_attr()
Отступ
Используйте табуляции, а не пробелы при отступах. Используйте пробелы между парами массива key => value так, чтобы => были все выровнены. Помещайте каждый ключ/значение на его собственную линию. Помещайте закрывающие круглые скобки на их собственные линии.
Именование Переменных, Функций и Классов
Переменные и функции. Всегда используйте нижний регистр и отделяйте слова нижним подчеркиванием. Имя должно (кратко) объяснять для чего та или иная переменная или функция нужна.
Классы. Имена классов должны быть написаны с большой буквы и слова должны быть разделены нижним подчеркиванием так, чтобы их можно было легко отличить от переменных и функций.
Лицензирование Тем и Плагинов
Если вы продаете вашу работу на собственном сайте, можете пропустить данный раздел.
Однако, если вы планируете поделиться вашей темой или плагином в хранилище WordPress.org, она ДОЛЖНА быть бесплатной и выпущена под GPL-совместимой лицензией.
GPL расшифровывается как Стандартная Общественная Лицензия и дает пользователям вашей работы определенные права при скачивании и ее использовании. WordPress разработчики рекомендуют GNU Стандартную Общественную Лицензию, версии 2 или более позднюю.
Все файлы вашей работы должны соответствовать этой лицензии, включая любые сторонние библиотеки, которые вы используете. Вы должны иметь право на распространение любых сторонних библиотек, если они включены в вашу работу. Важно, чтобы вы точно понимали, какие именно права это дает пользователям вашей работы.
Как правило, они гарантируют, что вы сохраните соответствующие авторские права на оригинальную работу. Они позволяют пользователям изменять вашу работу и распространять ее полностью или частично. Они должны хранить оригинальные указания об авторских правах, а также копию выбранной вами лицензии при передаче. Пользователи должны четко указать, что гарантии на программное обеспечение не существует. Если пользователь изменяет и распространяет программное обеспечение, должно быть ясно, что он внес изменения и не распространяет оригинальную работу.
Вы не должны блокировать какие-либо функции плагина, которые станут доступны после оплаты, любая платная функциональность должна являться отдельным плагином. Вы можете рекламировать платный плагин в любой манере до тех пор, пока реклама не станет слишком навязчивой или раздражающей.
Полный список правил, относительно работы с хранилищем WordPress, может быть найден по данной ссылке Справочник разработчика.
Создание WordPress сайта для клиента
Если вы делаете WordPress сайт специально для клиента, обычно вам потребуется создать и тему, и плагины. Любые функции/возможности, которые будут не связаны с темой, должны быть вынесены в отдельный плагин, чтобы клиент в будущем мог легко сменить тему без потери важного функционала. Очень важно видеть четкую картину того, что от вас хочет клиент, прежде чем соглашаться браться за работу.
Поиск клиентов
WordPress очень популярная платформа. Множество людей и компаний занимающихся малым бизнесом хотят иметь свой собственный сайт с определенным функционалом, который они не могут сделать сами.
Однако для начала вы должны сделать свои собственные темы, плагины и загрузить их в хранилище WordPress. Ничто другое не продаст вас лучше, чем практический опыт. Чем больше и профессиональней ваше портфолио, тем выше шансы, что вы найдете высокооплачиваемую работу. Даже создание демо WordPress сайта может сделать ваше портфолио более значимым — некоторым людям просто нужна помощь при запуске.
Вы должны иметь хорошее понимание желаний вашего клиента, а также какой набор навыков позволит вам стать успешным фрилансером. Поэтому, никогда не помешает взглянуть на это с другой стороны и посмотреть, каких WordPress разработчиков ищут люди.
Самым лучшим способом найти работу, является поиск фриланс запросов. Вы также можете сами предложить свои услуги на этих сайтах и надеяться на то, что вы будете выбраны из тысячи других претендентов, но у вас будет больше клиентов, если вы сами будете проявлять инициативу.
Некоторые популярные фриланс площадки:
Контракты и счета-фактуры
При соглашении с клиентом очень важно иметь письменное доказательство вашего соглашения. Вы должны составить контракт, который будет подписан вами и клиентом. Контракт должен четко указывать вашу ставку за работу и ее объем. Он также должен содержать то, получаете ли вы фиксированную плату или почасовую. Должен присутствовать крайний срок доставки клиенту, а также время необходимое клиенту для завершения оплаты по ее завершению.
После завершения работы вы должны отправить клиенту счет-фактуру, которая будет содержать список выполненных работы, дату выполнения, окончательную стоимость и т.д.
Оба этих документа защитят вас юридически. Если у вас нет доказательства соглашения, то клиент может просто не заплатить вам, в таком случае мало что можно сделать. Они также обеспечивают то, что обе стороны знают о том, что именно от вас требуется.
Существует множество онлайн сервисов для создания профессиональных цифровых контрактов и счет-фактур со всей необходимой информацией. Убедитесь в том, что полностью ознакомились с документами отправленными клиенту.
СОВЕТ: Всегда обращайтесь к договорному праву вашей страны, перед написанием контракта и принятием работы.
Сервисы по созданию счет-фактур
Налоги и доходы
Законы о налогах и доходах различаются от страны к стране, поэтому очень важно понимать, когда вы будете считаться самозанятым и в каком случае будете обязаны платить налоги.
Например в Великобритании, если вы регулярно продаете лицензии на тему, которую вы создали, то вы считаетесь самозанятым. Если вы предоставляете услуги по созданию сайтов клиентам, то вы считаетесь самозанятым. Если ваш доход от данной деятельности превышает £2500, то вы должны платить за них налоги. Если он превышает £85,000 в год, то вы также должны платить за него НДС. Незнание своего законодательства в этой сфере может привести к финансовым и юридическим проблемам.
Заключение
Надеемся, это руководство помогло вам ответить на вопрос о том, как стать разработчиком WordPress. Как только вы узнаете, как именно WordPress использует темы и плагины, применить ваши навыки программирования для его изменения не составит большого труда. То чего вы можете достичь, ограничено лишь вашими знаниями и желанием расширить их.
Елена имеет профессиональное техническое образование в области информационных технологий и опыт программирования на разных языках под разные платформы и системы. Более 10 лет посвятила сфере веб, работая с разными CMS, такими как: Drupal, Joomla, Magento и конечно же наиболее популярной в наши дни системой управления контентом – WordPress. Её статьи всегда технически выверены и точны, будь то обзор для WordPress или инструкции по настройке вашего VPS сервера.
Должны ли веб-разработчики использовать WordPress?
Если вы веб-разработчик, и вы не уверены, следует ли использовать WordPress для создания веб-сайтов или вы должны кодировать их самостоятельно. Прочтите эту статью, чтобы узнать, должны ли веб-разработчики использовать WordPress.
Эта статья может быть полезна не только для веб-разработчиков, но и для людей, которые хотят сделать сайт или нанять кого-то, чтобы сделать его для них, но ничего не знают о кодировании и веб-разработке.
Одним из самых больших плюсов WordPress является то, что почти каждый может научиться пользоваться им, просто посмотрев пару видео на YouTube, где, вероятно, потребуется несколько месяцев, чтобы научиться кодировать.WordPress имеет свой пользовательский интерфейс, который позволяет быстро что-то изменить, установить или обновить плагины, добавить изображения или все, что вы хотите, что сокращает время, необходимое для создания веб-сайта. Так что если вы хороший веб-разработчик, но вам нужно создать какой-то базовый веб-сайт, например блог, может быть быстрее использовать WordPress. На самом деле, этот блог построен на WordPress, потому что мне было проще использовать WordPress и быстро создать блог, который тратит больше времени на программирование для создания точно такой же вещи. Я бы предпочел потратить это дополнительное время на создание такого контента.
Плагины — это одна вещь, которая иногда бывает очень хорошей, а также очень плохой. Это хорошо из-за всех функций, которые вы можете получить, но это также плохо, потому что их нужно регулярно обновлять, что может очень раздражать, если у вас установлено 20 плагинов.
Плагины могут использоваться для добавления таких вещей, как формы входа, формы подписки, инструменты для аналитики, а также некоторые инструменты SEO, которые могут значительно повысить рейтинг вашего сайта в Google. С другой стороны, если вы создаете свой сайт с кодом, вы не получите таких функций, как с плагинами.
WordPress — это программа, изначально созданная для создания блогов, и это то, что она делает лучше всего. Другие типы веб-сайтов, которые являются более динамичными, как некоторые веб-сайты, которые используются для предоставления некоторых программных услуг, таких как веб-хостинг, редактирование изображений и т.д. Если вы хотите сделать веб-сайты такими же, вы либо не сможете этого сделать с WordPress или это будет очень непрактично. Лучше написать код самостоятельно или нанять кого-нибудь, кто сделает это за вас.
С другой стороны, если вы хотите создать более статичный веб-сайт, например блог или какой-либо веб-сайт для компании, которая просто демонстрирует свои услуги, например веб-сайт ресторана. Для таких типов веб-сайтов WordPress более практичен, и те люди, для которых вы создаете веб-сайт, даже не будут беспокоиться о том, как вы создали их веб-сайт, они будут беспокоиться только о том, что веб-сайт выглядит плохо.
Выше я говорил, что темы очень дешевые, и это плюс, но эти темы очень похожи, и большинство людей хотят, чтобы их веб-сайт выглядел уникально, а это значит, что вам нужно либо изменить тему, либо они найдут кого-то еще, чтобы сделать это для них.Если вы создаете веб-сайт с кодом, вы можете создать веб-сайт так, как этого хотят покупатели, и нет предустановленных функций, которые могут не соответствовать требованиям покупателей.
WordPress — это очень хороший программный продукт, который очень полезен, если вы хотите создать блог, ресторанный сайт или любой другой веб-сайт, предназначенный для демонстрации услуг, сайт, который в основном статичен. Это особенно хорошо, если вы фрилансер и вам нужно создать сайт для какого-нибудь местного ресторана или кафе.С другой стороны, если вам нужно создать веб-сайт, который предлагает какой-то сервис (а не продукт), который вы можете использовать там, то лучше и, возможно, единственный способ создать этот веб-сайт с кодом. А также, если вы используете некоторые виды API, WordPress определенно не ваш выбор.Я надеюсь, что я помог вам с этой статьей.
Если вам понравилась эта статья, обязательно поделитесь ею с друзьями.
Также, если вам интересно самим писать код сайта, записывайтесь на наши курсы программирования PureJS.
Как стать WordPress разработчиком
Опубликовано в 09.07.2019 Часы
Хотите стать WordPress разработчиком, но не знаете, с чего начать? Я знаю. И с радостью поделюсь информацией. Сожму свой 4-летний опыт разработки сайтов на WordPress и помогу вам составить дорожную карту. Интересно? Продолжайте читать. И подписаться не забудьте.
А это вообще актуально?
Еще как! WordPress — это самая популярная система управления контента. На сегодняшний день в сети есть масса информации о работе с ней и разработке сайтов с помощью нее. Сообщество разработчиков WordPress огромно, в него входят люди из всех стран мира. Так что ответ на любой вопрос вы всегда найдете.
Стоп, но это же движок для блога?
Так оно и было много лет назад, но ситуация уже давно изменилась. Существует масса расширений, которые могут превратить блог в сайт высокой сложности. Здесь нет ограничений. Миллионы доступных тем и плагинов помогут сделать это.
Блог — это та базовая функциональность, которая идет из коробки. Только вам решать, во что это в итоге превратится. Подход мне нравится. Благодаря этому только что установленный сайт на WordPress весит очень мало и быстро работает. CMS не имеет на борту ничего лишнего, от чего хотелось бы избавиться. Установка занимает меньше минуты. Вспоминаю, как около получаса ждал завершения установки 1С Битрикс, прости Господи.
Под капотом WordPress есть несколько крутых фишек. Например, REST API. По сути, ваш сайт может стать сервером для мобильных приложений или каких-нибудь сервисов с помощью использования REST-запросов. Это существенно расширяет спектр задач, которые могут быть решены с помощью WordPress.
Ну и последний, киллер-факт. WordPress популярен, но насколько?
Каждый третий сайт в интернете работает на WordPress. 3 из 5 сайтов, использующих CMS, используют WordPress. Откуда информация? С самого авторитетного сайта в интернете, пожалуй, W3C.
Доля CMS на рынке
Я думаю, смог убедить вас, что вы выбрали достаточно перспективный вектор развития в разработке сайтов.
Ну а теперь перейдем к самой дорожной карте. Я предполагаю, что вы вообще не знакомы с разработкой сайтов и WordPress. Предполагаю, что вы абсолютный новичок в этой нише, но полны энтузиазма и решимости стать хорошим WordPress разработчиком. Запаситесь терпением и свободным временем, учиться придется много!
И вот еще, если не знаете английский, то бегом его учить. Нельзя сегодня быть разработчиком без знания английского! Даже не пытайтесь спорить, просто начинайте изучать язык.
Шаг 1. Знакомство с WordPress
В первую очередь, познакомьтесь с системой управления контентом с позиции обычного пользователя. Посмотрите админку, попробуйте разные функции, изучите продукт.
Но прежде всего WordPress необходимо установить. Скачайте его с официального сайта. Он, кстати, бесплатен.
Запомните следующее правило: скачивайте дистрибутив WordPress только с официального сайта. Почему? А чтобы быть уверенным, что код не имеет чьих-то внедрений, ведущих к угрозам безопасности.
Для работы WordPress необходимо использовать хостинг, либо развернуть локальный сервер. Я рекомендую остановиться на хостинге, т.к. локальный сервер в работе вам придется использовать не часто, только для специфических задач. К тому же, размещая разрабатываемый сайт на хостинге, вы можете показывать клиенту прогресс в реальном времени, просто дав ему ссылку.
Для наших задач вполне подойдет Beget. Сам хостинг платный, но первые 30 дней денег не требуется — дается время, чтобы освоиться и убедиться в качестве услуг. Если все устроит (а так и должно быть, этот сайт как раз хостится на Beget, меня все устраивает), то в месяц содержание сайта будет стоить от 115 рублей. Символические деньги в наше время. Кстати, у вас будет возможность хостить сразу два сайта. Например, личный сайт и технический, на котором вы ведете разработку для клиентов.
Итак, вот список того, что вы должны знать и понимать на этом шаге:
На данном этапе у вас должен быть установлен дефолтный WordPress сайт. Создайте несколько постов на нем, оформите по своему вкусу. Найдите какую-нибудь бесплатную тему. Добавьте несколько плагинов для расширения функциональности. Экспериментируйте и не бойтесь совершать ошибки. Вы учитесь! Если что, WordPress всегда можно установить заново.
Шаг 2. HTML и CSS, JavaScript
Окей, пора на время отодвинуть WordPress в сторонку и научиться писать простой код. Программированием это еще назвать нельзя, но это основа, без которой дальше двигаться невозможно.
Найдите какой-нибудь курс/книгу/учебник по HTML и CSS. Изучайте информацию и применяйте полученные знания на практике.
Я бы посоветовал следующие источники:
Освоились? Окей! На десерт приготовьтесь изучить JavaScript. Без него на ваших сайтах не будет интерактивности. Это стоит сделатть хотя бы ради того, чтобы уметь использовать технологию AJAX (помогает делать обновление элементов страницы без перезагрузки).
Используйте следующие источники:
Научитесь верстке. Найдите какой-нибудь макет посадочной страницы и попробуйте сверстать его. Знаний HTML и CSS для этого будет достаточно. А с помощью JavaScript добавьте интерактивности. Например, для плавного перемещения к определенной секции посадочной страницы при нажатии на ссылку или для открытия всплывающего окна. Вариантов может быть масса. Придумайте свои!
Шаг 3. Page Builders
База у вас уже есть. Вы можете сами верстать страницы. Но есть альтернатива. И про нее было бы неправильно не упомянуть. Это использование конструкторов страниц, так называемых Page Builders.
Это плагины, которые расширяют возможности и интерфейс при создании страниц. Что-то похожее вы уже видели, когда работали с Gutenberg.
Идея для всех Page Builders общая — предоставить визуальные инструменты для создания страниц с помощью настраиваемых блоков/модулей. По сути, чтобы сделать простую веб-страницу, знания кода и не требуется. Вообще. Знаю несколько людей, которые так и работают. Но это примитивный уровень, мы же с вами хотим стать настоящими WordPress разработчиками, которые и тему, и плагин написать могут при необходимости.
Но знать о существовании и уметь применять конструкторы страниц необходимо. Ваши клиенты часто не будут знакомы даже с HTML и CSS, появится необходимость предоставить визуальные инструменты для изменения содержимого на сайте. Вот здесь Page Builders будут как нельзя кстати.
Вот некоторые из них. Жирным выделил те, что наиболее популярны:
Шаг 4. Веб-дизайн
Этот этап опционален, но я все же рекомендую не пропускать его. На личном опыте убедился, что это необходимо. Сейчас вот закрываю пробелы. Да и просто это прикольно и интересно. Творчество, как оно есть.
Вам нужно научиться самим создавать дизайн для сайтов. Выработать свой вкус. Заказчики часто ищут WordPress разработчиков, которые помимо всего прочего могут создать годный макет и имеют «eye for design». Но бывает по-разному.
У кого-то уже есть свой дизайнер, а кто-то хочет найти разработчика, который сможет взять эту работу на себя. Если вы планируете создавать сайты под ключ, то без умения дизайнить вам не обойтись. Здесь много плюсов. Самые очевидные из них — глубокое понимание проекта клиента и создание продукта, максимально отвечающего его запросам, а также более высокий средний чек за работу.
Рекомендую присмотреться к Adobe XD. Это классная программа, позволяющая проектировать интерфейсы. К тому же и бесплатная. Работает на разных платформах. Пожалуй, одна из топовых на рынке. Ну как этим можно не пользоваться?
Вот вам уроки по Adobe XD. Осваивайтесь.
Как только научитесь пользоваться программой, найдите несколько видео на YouTube по созданию макетов для сайта. Вдохновляйтесь и пробуйте сделать что-нибудь свое. Как только у вас получится дизайн сайта, который будет не стыдно показать заказчику, переходите к следующему шагу. Ну или сверстайте его, чтобы еще лучше закрепить навыки в HTML / CSS / JavaScript.
Шаг 5. PHP и разработка расширений для WordPress
Еще здесь? Отлично! Начинается самое интересное — программирование. Здесь вам потребуется изучить язык PHP, который позволяет генерировать динамические веб-страницы. В общем, на нем WordPress написан. И на нем пишутся расширения для этой CMS, темы и плагины.
Используйте следующие источники:
Разумеется, в процессе обучения пишите программы на PHP, знакомьтесь с языком и запоминайте лучшие практики.
Освоились? Здорово! Настало время познакомиться с WordPress Codex. Это официальная документация для разработчиков, в которой описано, как все работает и устроено, и как создавать свои расширения для CMS.
Создайте свою тему
Начните с создания своей темы. Познакомьтесь с дочерними темами и научитесь их использовать. Помните, вы изучали HTML, CSS, делали макеты сайтов в Adobe XD и верстали их? Теперь пришло время превратить вашу верстку в работающую WordPress тему.
Используйте информацию из WordPress Codex, ищите уроки на YouTube, в интернете. В общем, впитывайте все, что поможет вам написать свою тему.
Написали тему и она работает, получилось интегрировать с WordPress? Поздравляю! Двигаемся дальше.
Создайте свой плагин
Подумайте над тем, какую функциональность вы бы хотели видеть у себя на сайте? Советую начать с чего-нибудь простого, например, с создания плагина для подсчета рейтинга постов. Допустим, пользователь может поставить «лайк», либо «дизлайк». Плагин определяет процент пользователей, которым пост понравился и в соответствии с этим выводит рейтинг. Довольно просто, правда? Попробуйте реализовать!
Информации в интернете по созданию плагинов полно, но я рекомендую начать с изучения соответствующей темы в WordPress Codex. Думаю, разберетесь.
Впрочем, в будущем у меня есть идея создать несколько курсов для WordPress разработчиков:
Ну а пока я еще этого не сделал, можете задавать свои вопросы в комментариях, если что-то вам будет непонятно. С радостью на них отвечу!
Вот и все! Если прошли весь этот путь и практиковались на каждом шаге, то можете считать себя WordPress разработчиком. Теперь вы можете создать совершенно любой сайт для своего клиента. Начиная от проектирования дизайна до создания плагинов, добавляющих специфичную функциональность. У меня на этот путь ушло около 3-4 лет. И я продолжаю учиться. А сколько он времени займет у вас?
И да, ребят. Быстро и легко не бывает. Вам придется потрудиться, но это того стоит. Желаю удачи на пути становления WordPress разработчиком и погружения в эту интересную и огромную нишу!
Фрилансер, WordPress разработчик, Digital Nomad